How to Create a Style Sheet in Dreamweaver
CSS is a style sheet language used with markup languages such as HTML, XHTML and XML to format and present Web pages. CSS language can be embedded within a Web page or referenced by an external CSS style sheet template. Adobe Dreamweaver is a Web authoring tool that is used for developing websites that support and use CSS templates and style sheets for formatting. Creating an external style sheet in Adobe Dreamweaver takes but a few simple steps to accomplish.
- Difficulty:
- Moderately Easy
Instructions
-
-
1
Click "Start," "Programs," "Adobe" and then click to open Adobe Dreamweaver.
-
2
Go up to "File" and then click "New."
-
3
Select "Blank Page" under "Category" on the left pane, and then select "CSS" on the right pane of the "New Documents" window.
-
4
Click on "Create." You are now presented a white blank page to write your CSS code.
-
5
Write your CSS code. The following CSS example affects the format of a web page's background color, headings, font size and various features of its URL anchor text.
CSS syntax email:
body {background-color:tan;}
h1 {color:maroon;font-size:20pt;}
hr {color:navy;}
p {font-size:11pt;margin-left:15px;}
a:link {color:green;}
a:visited {color:yellow;}
a:hover {color:black;}
a:active {color:blue;}
-
6
Click "File" and then "Save As." Save it as mystylesheet.css.
-
7
Go to Adobe Dreamweaver and open the Web page you want to use the style sheet on and embed the style sheet in your Web page's source code. Use the HTML link tag to embed the style sheet within the Web page.
Example: "<link rel="stylesheet" type="text/css href="mystylesheet.css">
-
1
