The following is an overview of the basic steps you need to complete when creating the first pages/screens of a web site, including creating and linking a CSS (cascading style sheet) to them.
Steps
- Create a new folder (structure) for your site on the hard drive.
- Open your web design software (Dreamweaver?) and define a new site in it, choosing the folder structure you just created as the location to store your (local) site..
- Create a new (xhtml) file/page, this will be your homepage ("index.html").
- Type some text into it. Start with "Welcome to my website / homepage"(?).
- Format the text with Heading 1, Heading 2, paragraph etc
- Put some text into the title box.
- Save the page ("index.html").
- Create your first style (define in new style sheet file in Dreamweaver). Ensure that when you save it you use the .css extension (eg "styles.css"). This will create and save a new CSS, and attach it to the currently open and active page ("index.html").
- Create another file/page.
- Repeat steps 4-6 but with different text (eg "All about my friends").
- Save the new page, call it something different (eg "friends.html")
- Go back to the first page ("index.html"), and in code view, select and copy the line of code in the <head> tag that links (attaches) the CSS. The code will be something like ... <link rel="style sheet" href="styles.css" type="text/css">
- Switch back to design view.
- Go to the second page, switch to code view, and paste the link code into it's <head> tag.
- Switch back to design view.
- For subsequent pages repeat steps from 9 onwards, not forgetting to copy the CSS link into the <head> tag of each newly created page.
- You can add and edit styles in the CSS ("styles.css") at any time.