OCAD NON-CREDIT COMPUTER WORKSHOP
Intermediate Web ( HTML/Dreamweaver/Flash )

nedi gavriliu
WEEKS / COURSES:
Theoretic Elements of Visual Communication through Interactive Digital Image
     bibliography
      webliography
     online contests / shows / projects
 [ see file :: ]

Brief Description of the webscape of the ".com" Technology / Industry:
   [ see diagram 1 ] [ see diagram 2 ]
HTML Revision:
                  ASCII & HTML: Text only vs. Hypertext Markup Language
                  HTML: hypertext ( linkable ) & universality ( systems )
                              Tim Berners-Lee: the internet like a human brain: interactivity, animations,                              multimedia
                  The Browser(s)
                              The browsers' war - IE vs. Netscape - designers' challenge & nightmare :))
                  The HTML Tag
                              What's an HTML tag
                              The structure of an HTML tag:
                                               attributes
                                               values
                                               quotation marks
                                               upper / lowercase letters
                                               nesting tags
                                               spacing
                                               automatic line breaks: P, H1, BR, UL, tables
                  Colors: RGB, Indexed Colors, Hexametric :: codes, web colors tricks & treats
                  File names, extensions
                  URLs : Absolute URLs, Relative URLs
                  website structure / tree
                  Building a webpage: default text, paragraphs, lists, tabels
                  TABELS:
                               What's a tabel
                              Structure, elements
                              Attributes, values
                              Alignments
                              Nesting tabels
                              Fireworks, ImageReady tabels
                  Image for web:
                              the vector-oriented and the photo-oriented image
                              *.gif vs. *.jpg :: why *.gif, why *.jpg
                              'transparent' *.gif ( *.gif with transparent background )
                              SLICING :: selections, SAVE selections, LOAD selections
                              OPTIMIZING
                              Exporting for web
                              alternate text for images
                  FRAMES:
                              What's a frameset :: what's a frame
                              ROWs, COLs
                              borders, margins :: for IE :: for Netscape tricks & treats
                              scrollable / non-scrollable
                              combining framesets
                              nesting framesets
                              alternative :: <NOFRAMES> </NOFRAMES>
[ see file :: ]
 
Details for all subchapters of the 6 courses will be added online on an ongoing basis, and will be designed as Popup Windows accesible by [ see file :: ] links contained in the main page of the respective course.
WEEKS / COURSES: