Prettify the page with an image (step 4 of 9)

You are not logged in. Any changes you make will be marked as anonymous. You may want to Log In if you already have an account.

<div class="contentLayout2">
<div class="columnLayout single" data-layout="single">
<div class="cell normal" data-type="normal">
<div class="innerCell"><p style="margin-left: 60.0px;"><br /></p><p><span style="color:var(--ds-text,#333333);">The Confluence editor helps you create content, fast. </span><span style="color:var(--ds-text,#333333);">You can embed images, Office documents, and even videos. <br />That's just the tip of the iceberg when it comes to creating useful content for your team. <br /> </span></p></div>
</div>
</div>
<div class="columnLayout two-right-sidebar" data-layout="two-right-sidebar">
<div class="cell normal" data-type="normal">
<div class="innerCell"><ol><li style="text-align: left;"><strong>Edit</strong> the page.<br /><br /></li><li style="text-align: left;">Click in the right-hand column to position your cursor.<br /><br /></li><li style="text-align: left;">Click <strong style="text-align: left;">Files</strong> on the editor toolbar. It looks like this:<br /><br /><img class="confluence-embedded-image" draggable="false" src="/plugins/servlet/confluence/placeholder/unknown-attachment?locale=en_GB&amp;version=2" title="step04-01.png" data-resource-id="PHJpOmF0dGFjaG1lbnQgcmk6ZmlsZW5hbWU9InN0ZXAwNC0wMS5wbmciIC8+"><br /> </li><li style="text-align: left;"><span>The Files dialog shows you the files attached to this page. <br />Select the image named <strong>Confluence Origami Necktie</strong>.<br /> <br /></span></li><li style="text-align: left;">Click <strong>Insert</strong>.<br /><br /></li><li style="text-align: left;"><span style="color:var(--ds-text,#333333);">You will return to this page, and see the 'Image Properties Panel'. If you don't see it, click the image.<br /> <br /></span></li><li style="text-align: left;"><span style="color:var(--ds-text,#333333);">Resize the image by clicking on the square buttons or entering a width.<br /><br /><img class="confluence-embedded-image" draggable="false" src="/plugins/servlet/confluence/placeholder/unknown-attachment?locale=en_GB&amp;version=2" title="step04-02.png" data-resource-id="PHJpOmF0dGFjaG1lbnQgcmk6ZmlsZW5hbWU9InN0ZXAwNC0wMi5wbmciIC8+"><br /> <br /></span><span style="color:var(--ds-text,#333333);"><br /></span></li><li style="text-align: left;"><span>Click <strong>Properties </strong>and then select the <strong>Curl Shadow</strong> option from the Image Effects dialog. <br />   <br /></span></li><li style="text-align: left;"><span style="color:var(--ds-text,#333333);">Your image should look like this when completed:<br /><img class="confluence-embedded-image confluence-thumbnail" draggable="false" src="/plugins/servlet/confluence/placeholder/unknown-attachment?locale=en_GB&amp;version=2" title="Confluence-Origami-Necktie.jpeg" data-resource-id="PHJpOmF0dGFjaG1lbnQgcmk6ZmlsZW5hbWU9IkNvbmZsdWVuY2UtT3JpZ2FtaS1OZWNrdGllLmpwZWciIC8+"><br /> </span></li><li style="text-align: left;"><span style="line-height: 1.42857;">Click </span><strong style="line-height: 1.42857;">Update </strong><span style="line-height: 1.42857;">to publish your changes to the page.</span><br /><br /></li><li style="text-align: left;">View the image on the page, or click to preview the file.</li></ol><p style="text-align: left;">The Files button is not just for images, you can insert and preview a wide range of files, including Microsoft Office documents and PDFs.</p></div>
</div>
<div class="cell aside" data-type="aside">
<div class="innerCell"><p><br /></p></div>
</div>
</div>
<div class="columnLayout single" data-layout="single">
<div class="cell normal" data-type="normal">
<div class="innerCell"><h1 style="text-align: center;"><span style="color:var(--ds-text,#333333);"> </span></h1><h1 style="text-align: center;"><span style="color:var(--ds-text,#333333);"><a class="confluence-link" href="/spaces/ds/pages/98317/Let+s+edit+this+page+step+3+of+9" data-linked-resource-id="98317" data-linked-resource-version="15" data-linked-resource-type="page" data-linked-resource-default-alias="Let's edit this page (step 3 of 9)" data-base-url="https://conf-sky.vamhi.com"><img class="confluence-embedded-image" draggable="false" src="/plugins/servlet/confluence/placeholder/unknown-attachment?locale=en_GB&amp;version=2" title="prev.jpg" data-resource-id="PHJpOmF0dGFjaG1lbnQgcmk6ZmlsZW5hbWU9InByZXYuanBnIj48cmk6cGFnZSByaTpjb250ZW50LXRpdGxlPSJMZXQncyBlZGl0IHRoaXMgcGFnZSAoc3RlcCAzIG9mIDkpIiAvPjwvcmk6YXR0YWNobWVudD4="></a> <a class="confluence-link" href="/spaces/ds/pages/98319/Welcome+to+Confluence" data-linked-resource-id="98319" data-linked-resource-version="3" data-linked-resource-type="page" data-linked-resource-default-alias="Welcome to Confluence" data-base-url="https://conf-sky.vamhi.com"><img class="confluence-embedded-image" draggable="false" src="/plugins/servlet/confluence/placeholder/unknown-attachment?locale=en_GB&amp;version=2" title="home.jpg" data-resource-id="PHJpOmF0dGFjaG1lbnQgcmk6ZmlsZW5hbWU9ImhvbWUuanBnIj48cmk6cGFnZSByaTpjb250ZW50LXRpdGxlPSJMZXQncyBlZGl0IHRoaXMgcGFnZSAoc3RlcCAzIG9mIDkpIiAvPjwvcmk6YXR0YWNobWVudD4="></a> <a class="confluence-link" href="/spaces/ds/pages/98332/Get+serious+with+a+table+step+5+of+9" data-linked-resource-id="98332" data-linked-resource-version="15" data-linked-resource-type="page" data-linked-resource-default-alias="Get serious with a table (step 5 of 9)" data-base-url="https://conf-sky.vamhi.com"><img class="confluence-embedded-image" draggable="false" src="/plugins/servlet/confluence/placeholder/unknown-attachment?locale=en_GB&amp;version=2" title="next.jpg" data-resource-id="PHJpOmF0dGFjaG1lbnQgcmk6ZmlsZW5hbWU9Im5leHQuanBnIj48cmk6cGFnZSByaTpjb250ZW50LXRpdGxlPSJMZXQncyBlZGl0IHRoaXMgcGFnZSAoc3RlcCAzIG9mIDkpIiAvPjwvcmk6YXR0YWNobWVudD4="></a></span></h1><p><span style="color:var(--ds-text,#333333);"> </span></p></div>
</div>
</div>
</div>