1 / 38

Macromedia Dreamweaver 4

Macromedia Dreamweaver 4. Intermediate Level Course. The HTML Code Window. HTML code can be viewed in: Code View Code and Design View. The Code Inspector. Editing code is easy when using Code View Options and the Code Inspector. External HTML Editors. Graphics Audio Video.

stuart-berry
Download Presentation

Macromedia Dreamweaver 4

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. Macromedia Dreamweaver 4 Intermediate Level Course

  2. The HTML Code Window HTML code can be viewed in: • Code View • Code and Design View

  3. The Code Inspector Editing code is easy when using Code View Options and the Code Inspector

  4. External HTML Editors • Graphics • Audio • Video Choose your favorite editing program for:

  5. The Quick Tag Editor Make fast alterations in the HTML code Insert HTML - features a drop-down list of tags Wrap Tag - will enclose existing tags within another tag Edit HTML - to edit existing HTML code

  6. Clean Up HTML • Clean up redundant tags • Combine related tags • Remove empty tags

  7. Clean Up Word HTML Cleanup unnecessary code created in web saved Word files Basic or Detailed Cleanup

  8. Drawing Cells Design and build the structure of the page layout • Layout view • Draw Layout Cell • Draw Table Cell • Nested tables

  9. Tracing Images A tracing image is used as a guide for placing layout elements

  10. Convert Layers to Table Create the page in layers, and then convert it to tables for backward browser compatibility

  11. Convert Tables to Layers • The Convert Tables to Layers function enables you to return to layout mode after converting the page to tables

  12. Design Notes Design Notes for organization and communication • Design Notes consist of a small file attached to the page, and follows the page even if that page is renamed • The status category of Design Notes keeps track of the development stage of the page

  13. Background Images Add background or tiled images with ease

  14. Image Spacers Spacer images are small transparent GIFs that are used to control the stability of a table

  15. Creating Tables • Tables are the foundation of web building • Tables bring order and control to page layout

  16. Table Borders and Cells • Change table border size and appearance • Make table borders invisible • Split table cells • Merge table cells

  17. Modifying Tables Change table attributes using the Property Inspector CellSpace Alignment Number of rows and columns CellPad Width/Height Clear row heights Clear column widths Convert table widths to pixels Convert table widths to percent Background color Border width Border color Background image

  18. Aligning in Tables Align contents of a cell: Horizontally • Left • Center • Right Vertically • Top • Middle • Bottom • Baseline

  19. Importing and SortingTabular Data Import delimited data into a table Sort the contents of a table

  20. Image Assembly Using Tables Insert a sliced image into each cell Change the table border to zero

  21. Working with Text • The HTML document is made up of headings and paragraphs • Headings do not have an actual point size; they are relative sizes

  22. Fonts The following series of fonts are generally resident on the user’s system: • Arial, sans-serif • Courier New, mono • Courier, mono • Geneva, san-serif • Georgia, serif • Helvetica, sans-serif • Times New Roman, serif • Times, serif • Verdana, sans-serif

  23. HTML Styles • HTML styles can be assigned to an entire paragraph or just to a selected section of text

  24. Lists Lists can be bulleted plain, or indented • Types of lists are: • Ordered • Unordered • Definition • Nested

  25. Text Color • The default color for text is black • Font color can be added to the entire page, or just a selection of text

  26. Correcting Text • Spell Checker enables you correct any spelling errors that may exist on your page • Find and Replace can be applied to a single page, all files in a folder, or an entire Web site

  27. The History Panel The History panel tracks all the actions you take as you create your page

  28. Creating Frames Frames divide the Web page into sections, and the sections can display different HTML documents

  29. Modifying Frames • Name each frame • Display or hide frame scroll bars • Set frame borders • Resize frames • Color frame borders

  30. Links and Targets The element in the frame links to another file or URL, and the content of the linked file will be displayed in another frame window.

  31. Splitting Frames • Split Frame Left – positions the current page in the left created frame • Split Frame Right – positions the page in the right created frame • Split Frame Up – positions the page in the top created frame • Split Frame Down – positions the page in the lower created frame Split existing frames or “nest” frames

  32. Background Images with Frames Create seamless background images using frames • Logos • Navigation menus • Graphic headers

  33. Templates in Action • A standard template is a copy or “pattern” of the basic elements of an object • A template is a combination of a standard template and updateable Library elements • Locked regions are elements that consistent on every page • Editable regions are elements on a page that are not consistent with all other pages

  34. New Template When creating a new template, include elements all that will be consistent on every page in your Web site • Image page headers • Navigation menu • <meta> tags • Styles • Links

  35. Modifying a Template Modify the template and update all “templated”pages instantly

  36. Library Items in Action The Library consists of stored, repeated elements, which alleviates tedious insertion on every page, and retains consistency throughout the site

  37. New Library Item • Create a new Library item using the Library Assets menu • Drag the item from the Assets panel onto the page • Library items can be copied to other Web sites

  38. Modifying a Library Item Update a Library item and instantly update all pages with the modification

More Related