From the course: Dreamweaver CC Essential Training
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Attach an external style sheet - Dreamweaver Tutorial
From the course: Dreamweaver CC Essential Training
Attach an external style sheet
- [Instructor] Before you can start styling a web page, you need to attach an external style sheet or to create a style block in the head of the page. The easiest way to do so is to define a source in the CSS designer. Even if you're planning to hand code the styles. You'll also see how to attach the same style sheet, or multiple style sheets to every new file that you create. I've opened two files from the Chapter 7, 07_04 folder of the exercise files. Index.html and rooms.html. Both are completely unstyled. To begin styling one of these pages, you need to click the plus button at the top of the sources pane in the CSS designer to add a CSS source. This opens a little menu with three options to create a new CSS file, to attach an existing one, or to define in page. This last option creates a style block in the head of the page. Although there are situations where embedding styles in the head is justified, in most cases, you'll want to attach an external style sheet, because the…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
-
(Locked)
CSS workflows in Dreamweaver CC 20172m 4s
-
(Locked)
Set CSS preferences6m 6s
-
(Locked)
CSS Designer overview7m 41s
-
(Locked)
Attach an external style sheet11m 15s
-
(Locked)
Create a new CSS rule in the CSS Designer9m 1s
-
Styling text8m 18s
-
(Locked)
Use an Adobe Edge web font7m 20s
-
(Locked)
Create a custom font stack3m 43s
-
(Locked)
Style links6m 32s
-
(Locked)
Style basic layout properties9m 42s
-
(Locked)
Style borders3m 37s
-
(Locked)
Style background properties8m 50s
-
(Locked)
Style additional properties3m 53s
-
(Locked)
Add a media query8m 22s
-
(Locked)
Use CSS Inspect3m 47s
-
(Locked)
-
-
-
-