How and when do I use images?: Difference between revisions

Line 9: Line 9:
*<code><img src=”http://litmuse.mga.edu/litwiki/images/0/0f/Wordpress-3.7.1-upload-multiple-files.png” alt=”Dialog showing multiple file upload option.” align=”middle” width=”348” height=”50%” /></code>
*<code><img src=”http://litmuse.mga.edu/litwiki/images/0/0f/Wordpress-3.7.1-upload-multiple-files.png” alt=”Dialog showing multiple file upload option.” align=”middle” width=”348” height=”50%” /></code>


ALT means ''alternate text''.  If an image becomes unavailable, the text tells the viewer what the image would have been.  For vision impaired users, the alt text is used by the screen reader software to describe the image.<ref>http://webdesign.about.com/od/beginningtutorials/a/aa122004.htm</ref>
ALT means ''alternative text''.  If an image becomes unavailable, the text tells the viewer what the image would have been.  For vision impaired users, the alt text is used by the screen reader software to describe the image.<ref>http://webdesign.about.com/od/beginningtutorials/a/aa122004.htm</ref>


Note: It is not recommended to use the width and height attributes.  If the image is smaller than the coded dimensions, the image will be enlarged, possibly deformed.  If the image is significantly larger then the full-sized image will be downloaded.  A common mistake is to take a very large image and use the width and height attributes to make it appear smaller.<ref>http://sixrevisions.com/web-development/decrease-webpage-load-times/</ref>
Note: It is not recommended to use the width and height attributes.  If the image is smaller than the coded dimensions, the image will be enlarged, possibly deformed.  If the image is significantly larger then the full-sized image will be downloaded.  A common mistake is to take a very large image and use the width and height attributes to make it appear smaller.<ref>http://sixrevisions.com/web-development/decrease-webpage-load-times/</ref>


----
----
===WordPress===
===WordPress===
Images can be added through uploading or inserted from a URL, or directly added by manually adding an image via HTML inside the source editor text box.<ref>http://codex.wordpress.org/Using_Images</ref><ref>http://codex.wordpress.org/Inserting_Images_into_Posts_and_Pages</ref>
Images can be added through uploading or inserted from a URL, or directly added by manually adding an image via HTML inside the source editor text box.<ref>http://codex.wordpress.org/Using_Images</ref><ref>http://codex.wordpress.org/Inserting_Images_into_Posts_and_Pages</ref>
twitter
217

edits