Heading Styles | Dreamweaver

This entry is part 16 of 20 in the series Dreamweaver CS5 Tutorial

Now that we have specified the text font style it is time to define the heading styles in Dreamweaver.

HTML has various heading tags. Let us define the style of some of these specifically:

  • H1 (Heading 1)
  • H2 (Heading 2)

To define the style for the Heading 1 tag:

  • Click the ‘New Style Rule’ icon at the bottom of the CSS styles panel.
  • Selector Type: Tag
  • Selector Name: H1
  • Click OK
  • In the ‘CSS Rule Definition’ window, specify the font size 18 px
  • Set the color#FFBB2D
  • Click OK
  • Now select the heading text in your web page and apply the H1 tag by selecting Heading 1 from the Format drop down in the Properties panel.
  • You will see that the style is applied to the heading text
  • If you plan to have sub-headings in your webpages you can define the styles for the H2 tag and apply the Heading 2 format to them. Usually the font size would be smaller than the H1 tag font size.


Dreamweaver CS5 Tutorial

  1. Dreamweaver Cs5 Tutorial
  2. Define Site
  3. Dreamweaver CS5 Template
  4. Dreamweaver Website Layout
  5. CSS Layout – Dreaweaver CS5
  6. Dreamweaver CS5 Website Header
  7. Dreamweaver DIV/ CSS Layout
  8. Dreamweaver Menu
  9. Editing Styles in Dreamweaver
  10. Editable Regions in Dreamweaver Template
  11. Webpages in Dreamweaver
  12. Linking to webpages in Dreamweaver
  13. Styles for text links in Dreamweaver
  14. Web Page Content
  15. Text Styles in Dreamweaver
  16. Heading Styles | Dreamweaver
  17. Contact Forms | Dreamweaver
  18. Form Styles | Dreamweaver
  19. Test Website | Dreamweaver
  20. FTP/ Upload Files to Hosting Server | Dreamweaver
Series Navigation Text Styles in DreamweaverContact Forms | Dreamweaver

Posted in Dreamweaver | No Comments »