Things You'll Need:
- CSS template
- HTML text editor, such as BBEdit or Dreamweaver
- Web server
- File Transfer Protocol (FTP) application (optional)
-
Step 1
Obtain a CSS template from an HTML text editor, such as Dreamweaver, or locate a third-party template on the Web that licenses the work for distribution (see Resources).
-
Step 2
Create an HTML file or open an existing one in your text editor.
-
Step 3
Name and save your CSS file with the ".css" extension and upload it to your Web server. Place the document in the same folder as your other Web files. Use an FTP application, such as Fetch, to upload the file, or follow your Web host's instruction for this process.
-
Step 4
Locate the "<head></head>" tags in your HTML document and place a link to the CSS file in between these two elements. This task assigns the formatting rules to your document. For example:
<head><link href="your.css" rel="stylesheet" type="text/css"></head> -
Step 5
Open your CSS file and make style rule adjustments, such as font style or background color, if preferred. Locate the specific rule and change the value found after the colon. For example, if the font color is currently set to gray and you want it to be black, change "{ color: gray }" to "{ color: black }".
-
Step 6
Save both the CSS and HTML files and launch a Web browser, such as Safari or Internet Explorer, to preview the page. Use your browser's "Open File" function to select the file and launch the page.
