|
| Web Hosting Deals | Holiday Logo Design | Webcam Chat | Website Header Templates | Register domain | Search Engine Optimisation | Web Hosting |
|
|||||||
| Flash / Dreamweaver / Fireworks tutorials from Talk-Mania members Please post your Flash / Dreamweaver / Fireworks in this area. Look here to the see the tutorials and methods outlined by other Talk-mania members. |
![]() |
|
|
Submit Tools | LinkBack | Thread Tools | Display Modes |
|
|||
|
Dreamweaver - Attaching a CSS Style Sheet to your website
Attaching a CSS Style Sheet to your website -
First of all Open DreamWeaver ![]() I am going to use a standard HTML document for this tutorial but you may choose what ever type of document you like. I now created a folder where I can save my files to (I advise you do this rather than saving your files just anywhere. ![]() I named my folder “My Website” ![]() Now I created a HTML page in DreamWeaver and saved the document in the folder I had just created. ![]() I named my page “index” as this page will be my home page. Now select File > New ![]() Select a CSS document and click create Now save this CSS document in the same folder as your index page ![]() Now you have 2 tabs in DreamWeaver, one for your HTML document and one for your CSS document. ![]() Select the index.html tab Open the Right panel in DreamWeaver and select “CSS” ![]() Now select the “attatch style sheet” button ![]() The attatch style sheet form will appear. ![]() Select browse and click the style sheet you saved in the folder you created earlier. ![]() Now click ok, and then ok again. The style sheet is now attached to your HTML document and you can put all your formatting in the CSS document. The code that links the style sheet to your document is the following – <link href="style.css" rel="stylesheet" type="text/css" /> You will need to do the same process for each of your pages of just simply copy the code into the “Head” section of your document. I hope you find this usefull and i will post more tutorials on how to use CSS in your website properly.
__________________
StudentMeh.co.uk - Next Generation Student Networking! Last edited by matthewgrainger; 03-01-2007 at 02:37 AM. Reason: Update |
|
||||
|
Thank you Matt for your tutorial. i am really happy to see when people are posting new tutorials.
I appreciate your help keep up the good work
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk ) |
![]() |
| Bookmarks |
| Thread Tools | |
| Display Modes | |
|
|