|
|
| (49 intermediate revisions by 8 users not shown) |
| Line 1: |
Line 1: |
| == Adding an image to your User Page ==
| | #REDIRECT [[Help:Images]] |
| | |
| This tutorial will guide you through the steps of adding an image to your profile page.
| |
| | |
| ===1. Begin ===
| |
| | |
| *To begin, open appropedia.org in your browser and click "log in."
| |
| *Alternatively, you may press "control + u" from the appropedia home page.<br />
| |
| [[File:image_tut_01.jpg|left]]<br style="clear:both;"/> | |
| | |
| ===2. Log in ===
| |
| | |
| *Log in by typing your Username(1) and Password(2) before clicking Log in(3).<br />
| |
| [[File:image_tut_02.jpg|left]]<br style="clear:both;"/>
| |
| | |
| ===3. File upload page ===
| |
| | |
| *Scroll down to click "Upload a file" under "toolbox" on the left side of the page.
| |
| *Alternatively, you may press "control + u."<br />
| |
| [[File:image_tut_03.jpg|left]]<br style="clear:both;"/>
| |
| | |
| ===4. Select image ===
| |
| | |
| *Click "Browse..." and select an image from your computer.<br />
| |
| [[File:image_tut_04.jpg|left]]<br style="clear:both;"/>
| |
|
| |
| ===5. Image info ===
| |
| | |
| *Confirm your images path(1).
| |
| *Add a more useful file name(2) if necessary.
| |
| *Add a description of the image(3).
| |
| *Choose the licensing(4) applicable to the image.<br />
| |
| [[File:image_tut_05.jpg|left]]<br style="clear:both;"/>
| |
| | |
| ===6. Click Upload ===
| |
| | |
| *Confirm the information you entered and Click "Upload."<br />
| |
| [[File:image_tut_06.jpg|left]]<br style="clear:both;"/>
| |
| | |
| ===7. Copy file name ===
| |
| | |
| *Select and Copy the File name(1). (After the ":") Don't forget to copy the file extension.
| |
| *Click your user name(2) to get to your user page.<br />
| |
| [[File:image_tut_07.jpg|left]]<br style="clear:both;"/>
| |
| | |
| ===8. Click Edit ===
| |
| | |
| *Click "create" or "edit." (If you have not alredy created a user page you will see "create" instead of "edit.")<br />
| |
| [[File:image_tut_08.jpg|left]]<br style="clear:both;"/>
| |
| | |
| ===9. Add image code ===
| |
| | |
| *Click the image icon to insert the appropriate code.<br />
| |
| [[File:image_tut_09.jpg|left]]<br style="clear:both;"/>
| |
| | |
| ===10. Paste File name ===
| |
| | |
| *Paste your File name in place of "Example.jpg."<br />
| |
| [[File:image_tut_10.jpg|left]]<br style="clear:both;"/>
| |
| | |
| ===11. Add tags ===
| |
| | |
| *Add the following tags to format your image: (Note that tags are preceded by a "|."<br />
| |
| *"|thumb"(1) to display a thumbnail instead of the full size image.
| |
| *"|left"(2) to force your image to the left side.
| |
| [[File:image_tut_11.jpg|left]]<br style="clear:both;"/>
| |
| | |
| ===12. Preview ===
| |
| | |
| *Scroll down to click "Show preview." Get in the habit of previewing all edits you make.<br />
| |
| [[File:image_tut_12.jpg|left]]<br style="clear:both;"/>
| |
| | |
| ===13. Save ===
| |
| | |
| *When you are satisfied with your page scroll down to click "Save page."<br />
| |
| [[File:image_tut_13.jpg|left]]<br style="clear:both;"/>
| |
| | |
| ===14. Success ===
| |
| | |
| *Success!<br />
| |
| [[File:image_tut_14.jpg|left]]<br style="clear:both;"/>
| |
| | |
| [[Category:Engr305 Appropriate Technology]]
| |
