1 / 17

Authoring for the Web ...

Authoring for the Web. HTML overview ... Information design issues ... HTML authoring tools ... Clickable image maps. HTML overview. Can specify ... Cannot control ... Autoflowing and autowrapping ... HTML tag syntax ... Document construction guidelines Sample documents Hyperlinks ...

tyler
Download Presentation

Authoring for the Web ...

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Authoring for the Web ... • HTML overview ... • Information design issues ... • HTML authoring tools ... • Clickable image maps ...

  2. HTML overview ... • Can specify ... • Cannot control ... • Autoflowing and autowrapping ... • HTML tag syntax ... • Document construction guidelines • Sample documents • Hyperlinks ... • Linking within documents • URLs ... • Lists ... • Graphics ... • Server-side includes ... • More HTML info ...

  3. Can specify ... • Title • Hierarchical structure of documents, headers, section names • Bulleted, numbered, nested lists • Insertion points for graphics • Special emphasis for keywords, phrases • Preformatted areas of document • Hyperlinks and associated URLs

  4. Cannot control ... • Typeface used • Point size of font • Width, height of screen

  5. Autoflowing and autowrapping ... • No regard to line breaks in input text • Depends on browser, screen size

  6. HTML tag syntax ... • Single-element • <tag [options]> • E.g., <p>, <br> • Paired • <tag [options]>object</tag> • E.g., <i>, <em>, <ul>, ..

  7. Hyperlinks ... • Anchor tagging pair • <a option1 ... optionN>anchor-text</a> • At least one option • Hyperlink: <a HREF="URL">anchor-text</a> • Within file: <a NAME="anchor-name">anchor-text</a> • <a href="#anchor-name">anchor-text</a> • <a href="URL#anchor-name">anchor-text</a>

  8. URLs ... • Absolute • Relative • Local • Different URLs

  9. Lists ... • Unordered (bulleted): <ul>list</ul> • Ordered (numbered): <ol>list</ol> • List item: <li> • Definition: <dl>list</dl> • No bullet / number • <dt>primary text</dt> • <dd>associated text</dd>

  10. Graphics ... • Inline images • External images • Inline images with character-based browsers

  11. Server-side includes ... • Include info from files and environment variables • Files: <!--#include file="file-name.txt"--> • Environment variable: <!--#echo var="Var_Name"--> ...

  12. Environment variable: <!--#echo var="Var_Name"--> ... • LAST_MODIFIED • DOCUMENT_NAME • DOCUMENT_URI • DATE_LOCAL • DATE_GMT • QUERY_STRING-UNESCAPED • CGI variables

  13. More HTML info ... • Http://www.w3.org • http://hoohoo.ncsa.uiuc.edu/docs/tutorials/includes.html (old)

  14. Information design issues ... • Document modularity • Degrees of hyperization • Automatic vs. manual hyperlinking • Style guidelines • Examples • The “unlearning” of 500 years of knowledge

  15. HTML authoring tools ... • Emacs HTML mode • FrameMaker • Adobe PageMill • MS FrontPage • DreamWeaver • Trellix • Other • HTML Conversion tools and filters …

  16. HTML Conversion tools and filters ... • ASCII to HTML • BibTeX to HTML • LaTeX to HTML • Mail to HTML • PostScript to HTML • PowerPoint to HTML

  17. Clickable image maps ... • Planning • Mapping hotspots to map file • Connecting map file to URL • Referencing clickable image map in HTML • Testing the image map • How it works

More Related