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

nedi gavriliu
WEEKS / COURSES:
DREAMWEAVER 3 - PART ONE :: ELEMENTS & LAYOUTS

          DOWNLOAD IMAGE(S) :: PSD  :: FLAT PSD_00 :: FLAT PSD_on
                             CAUTION!!! - THE IMAGES ARE UNDER COPYRIGHT !!!! © KREATER 2001
          'Lorem Ipsum' :: SAMPLE TEXT :: [ ]

          DWW 1.1 :: THE EDITOR
                   What's an editor
                  WYSIWYG ( "What-you-see-is-what-you-get" ) concept
                  WYSIWYG editor [interface] vs. manual encoding ( "hardcoding" )
                              windows
                              palettes
                              inspectors
                       customizing the interface of your Dreamweaver

          DWW 1.2 :: INTERFACE ELEMENTS
                  The Document Window
                       customizing
                       invisible elements
                  The HTML Inspector
                  The Properties Inspector
                  The Launcher :: SITE, LIBRARY, HTML STYLES, BEHAVIOR, HISTORY, HTML,
                                           TIMELINE LAYERS
                       customizing the Launcher
                  The Objects Palette
                  Dreamweaver Objects

          DWW 1.3 :: WEB EDITING :: OPENING & CREATING HTML FILES
                  Open a NEW file
                       customizing
                  Saving :: SAVE ALL, SAVE AS
                  Page Properties:
                              Colors :: PC :: MAC
                              Page background
                              Text colors
                  Preview in Browser
                       setting browsers: PRIMARY BROWSER, SECONDARY BROWSER
                  Setting Up a Local Site:
                              the Site Window
                              setting up a local site caché memory
                              editing / deleting local sites
                              opening / moving / deleting / files through the Site Window
                  The HTML Inspector:
                              selecting
                              wrong tags
                              the QT ( Quick tag ) Editor
                  Selecting PARENT and CHILD Tags

         DWW 1.4 :: WORKING WITH TEXT ::
                                                HTML / Physical Text Styles
                                                HTML Styles
                                                CSS Styles
                                        What are serifs? Deprecated Tags
                  Importing / Cutting & Pasting text    :: :: HTML GENERATED BY TEXT EDITORS!
                  Special Characters
                  FIND & REPLACE
                  Spelling
                  Paragraphs, Linebreaks, Headings
                  Alignments, Indenting, Lists
                  Creating Styles :: HTML :: CSS
                              Styles File ( *.css )
                              Editing Styles

         DWW 1.5 :: WORKING WITH IMAGES
                  Placing an Image
                  Selecting an Image
                                        What's a Splash Page?
                  Properties Inspector
                  *jpg and *.gif
                  <Alt> tag

         DWW 1.6 :: LINKS AND URLs ::
                                                Absolute links
                                                Relative Links
                  e-mail Link
                  Named anchors
                  Targets
                  Checking Links
                  Link, ALink, VLink

         DWW 1.7 :: TABELS
                  Insert a Table :: pixels :: percent
                  Borders, CellSpacing, CellPadding
                  Adding Content
                  No-Wrap
                  Changing Table Size and Layout:
                              adding Cells
                              adding Rows and Columns
                              merging Cells
                              dragging Columns and Rows
                              converting px % and viceversa
                  Nesting Tabels
                  Aligning Content in Cells
                  Backgrounds' colors :: hexametric :: using graphics

         DWW 1.8 :: FRAMES
                  Setting Up a Frames Page ( FrameSet )
                  Creating Frames by Dragging
                  Inserting Frames
                  Creating Frames Using The Objects Palette
                  The Frames Inspector
                  Modifying the Frame Page Layout
                  Deleting frames
                                        Dragging content between frames
                  Nesting framesets
                  Setting Column & Row Sizes / Adjusting
                  Frameset Options :: Margins :: Targets :: Names ::

         DWW 1.9 :: LAYERS
                  What's a layer
                                        OLDER BROWSERS :: Accommodating them
                  Positioning:
                              CSS Positioning
                              X and Y Coordinates
                              The Z Index
                                        LAYERS & ANIMATION :: timelining layers
                              Absolute vs. Relative Positioning
                              Positioning Properties :: Type, Visibility, Z-Index, Overflow, Placement, Clip
                  The LAYERS Inspector
                  The grid, the rulers
                  CREATING LAYERS
                              Using the Insert Menu
                              Using the Objects Palette
                  Selecting :: Deleting :: Renaming Layers
                  Choosing Tags
                                        Netscape Tags
                  Moving :: Resizing Layers
                  Nesting :: Overlapping Layers
                                        Netscape Resize Fixing :: Netscape Layer Properties
                  Converting LAYERS TABELS / TABELS LAYERS
                  Using a Tracing Image :: What's That, Setting, Toggle

[ 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: