School of Art, Design and Art History / James Madison University
Web Design, Prof. Jun Bum Shin
Tuesday, November 5, 2013
Thursday, October 17, 2013
Tuesday, October 15, 2013
Image Size for Contents
Image Width: max 744px (100ppi)
Image Height: max 1022px (100ppi)
----------------------------------------
Make a space on top margin
<p align="left" width="0" height="40%">
<img src="about.jpg"/></p>
Text-Indent
<html>
<head>
<style type="text/css">
p {text-indent:50px;}
</style>
</head>
<body>
<p>In my younger and more vulnerable years my father gave me </p>
</body>
</html>
Image Height: max 1022px (100ppi)
----------------------------------------
Make a space on top margin
<p align="left" width="0" height="40%">
<img src="about.jpg"/></p>
Text-Indent
<html>
<head>
<style type="text/css">
p {text-indent:50px;}
</style>
</head>
<body>
<p>In my younger and more vulnerable years my father gave me </p>
</body>
</html>
Convert smart quotes
How to Convert quotation InDesign to Dreaweaver automatically?
1. copy Content Texts in InDesign
2. paste special into Dreamweaver HTML documents
1. copy Content Texts in InDesign
2. paste special into Dreamweaver HTML documents
Characters in HTML
Sunday, October 13, 2013
Thursday, October 10, 2013
Kindle HTML
HTML Tags
HTML Basic - 4 Examples [Headings, Paragraphs, Links, Images]
http://www.w3schools.com/html/html_primary.asp
HTML Image <img /> Tag
http://www.w3schools.com/tags/tag_img.asp
HTML <tt> <i> <b> <big> <small> Tags
http://www.w3schools.com/tags/tag_font_style.asp
HTML Subscript <sub> and <sup> Tags
http://www.w3schools.com/tags/tag_sup.asp
HTML "blockquote" Tag
http://www.w3schools.com/tags/tag_blockquote.asp
HTML <a> name Attribute (TOC) and Links
http://www.w3schools.com/tags/att_a_name.asp
http://www.w3schools.com/html/html_links.asp
CSS TEXT-INDENT
http://www.w3schools.com/cssref/pr_text_text-indent.asp
Page "Height"
<p align="left" height="70%" width="0">
HTML Character-sets:
http://www.w3schools.com/tags/ref_entities.asp
NUMBER NAME DESCRIPTION
" " " quotation mark
' ' ' apostrophe
& & & ampersand
© © © copyright
  non-breaking space
@ @ at Symbol
HTML <meta> Tag [Describe metadata]
http://www.w3schools.com/tags/tag_meta.asp
XHTML 1.0 Reference [Ordered by Function]
http://www.w3schools.com/tags/ref_byfunc.asp
Kindle HTML tags
http://kindleformatting.com/book/files/KindleHTMLtags.pdf
http://www.w3schools.com/html/html_primary.asp
HTML Image <img /> Tag
http://www.w3schools.com/tags/tag_img.asp
HTML <tt> <i> <b> <big> <small> Tags
http://www.w3schools.com/tags/tag_font_style.asp
HTML Subscript <sub> and <sup> Tags
http://www.w3schools.com/tags/tag_sup.asp
HTML "blockquote" Tag
http://www.w3schools.com/tags/tag_blockquote.asp
HTML <a> name Attribute (TOC) and Links
http://www.w3schools.com/tags/att_a_name.asp
http://www.w3schools.com/html/html_links.asp
CSS TEXT-INDENT
http://www.w3schools.com/cssref/pr_text_text-indent.asp
Page "Height"
<p align="left" height="70%" width="0">
HTML Character-sets:
http://www.w3schools.com/tags/ref_entities.asp
NUMBER NAME DESCRIPTION
" " " quotation mark
' ' ' apostrophe
& & & ampersand
© © © copyright
  non-breaking space
@ @ at Symbol
Page break: <mbp:pagebreak/>
HTML <meta> Tag [Describe metadata]
http://www.w3schools.com/tags/tag_meta.asp
XHTML 1.0 Reference [Ordered by Function]
http://www.w3schools.com/tags/ref_byfunc.asp
Kindle HTML tags
http://kindleformatting.com/book/files/KindleHTMLtags.pdf
Inspiration: Louis Vuitton presents
http://www.youtube.com/user/LOUISVUITTON?feature=watch
Subscribe to:
Posts (Atom)




