Working with Rules on the Page

We will create internal style rules for the about us page for our website

Create a new page called about-us.html

Open about-us.txt file within the text folder

Copy the text and paste it onto the new about-us.html page

We will look over the structure and begin to create styles for this page

Add the title About Tranquil Travel and save the page

Copy the title onto the page and convert it to an H1

Note what happens when we do that, the entire content becomes an H1

We need to add P tags to the content first

Use ctrl/cmd-z to undo

Make 3 paragraphs and an H1 on the page

We will start by creating a style for the h1 tag

Open CSS Designer by going to Window->CSS Designer

Click the + in the Sources area of CSS Designer in the CSS styles panel and choose Define in Page

With the <style> tag selected in the Sources panel, click the + in the Selectors area of CSS Designer and type H1

Move to the Properties area widening this panel as needed and click the Text icon

Choose a font-family from the list and add any additional styles you want

As we add properties within the Properties area, Dreamweaver takes care of adding all the proper brackets, colons, semi-colons and other syntax needed to create a perfect rule

Add styles and complete the H1 rule

Use the same method to add internal/embedded styles for the p tag

Working with Rules on the Page

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

Related Books

Educator.com recommends Adobe Dreamweaver CC to use with our Dreamweaver CC course. Adobe Dreamweaver CC is the leading all-in-one visual development tool used by web designers and developers worldwide to create, publish, and manage their websites and mobile content. Membership includes the full version of Dreamweaver CC to download, install, and run on your computer. You will get immediate access to all the latest updates and new features as soon as they're released.