Learn about your website
through our articles and tutorials
web design, SEO, logo design, WYSIWYG & video for web
Blog      |     Forum      |     Newsletter      |     FAQ Support      |     Tell-A-Friend                     


Anna Dalea, Web Designer
""Increased Visibility Through Distinct Designs" "

Home

Categories

No Category
Copywriting
Software Applications
Domain Names
web design
Hosting
RSS
Marketing
Search Engine Optimization
Website Terminology
Mobile Websites
Social Media Marketing
Search Engine Marketing
SEO

RSS EnabledSubscibe to RSS
RSS Reader

Search Blog
Keyword
 


 
Web Design Articles & Tutorials
What can you do to your website on a small budget?


Website TerminologyPage 1 of 4   Next


CSS

Publish On 2008-08-09 , 5:57 PM

Cascading Style Sheets (CSS) allow your webpage content to have color, font styles, styled links and so forth. Usually CSS is a small code snippet that gets inserted between your head tags, as so:

Typically, there can be multiple styles included in the webpage to give more personality, rather than uniformity, to the look of your webpage. Here is an example of what you may see on a webpage with links and text that are styled using CSS (using the above style code): http://www.ertwebsitesolutions.mobi

For a more in-depth, technical explanation of CSS you can visit: http://en.wikipedia.org/wiki/Cascading_Style_Sheets

You can either make a CSS style internal to your webpage or external. It is better to make all your scripts external to increase download time for your viewers.

How to make an external style sheet file:

Things you will need include the code you place inside the HEAD TAGS of your website pages, a text file, style sheet code for your text file, and an FTP connection to your website. All of this is explained below.

Steps to make a .CSS file on Windows

1. Open your website directory folder
2. Create a new text file. Right click within your website folder + Select New > Text Document
3. Name the text document "style" without quotes and save it.

Note: You have now created a text file with the extention ".txt" which we will later change to ".css"

4. Open a HTML web page you want to apply the style sheet to. Place the following code inside the HEAD TAGS of your web page.



My code looks like the example below but yours may differ slightly especially in areas of META. Just make sure the style sheet code is correct:

5. Now you are done editing the HTML file. Next add styles to your text file you created in steps 1-3 . Below is just for example purposes to give you a general idea of the format.



Note: The final steps include uploading your edited HTML file and your "style" text file via FTP. You will also be converting the text file ".txt" to ".css"

6. Make your FTP connection and navigate to your web directory.
7. Upload your edited HTML web page and text file "style.txt" to your same web directory.
8. You will now need to change the "style.txt" file name. The method for changing file extension differs depending on what FTP client you are using. For example IP Switch WS_FTP professional allows you to simply click a filename twice and change the extension. You will need to change "style.txt" to "style.css" without quotes.



Comments (0)




Powered by Comdev Web Blogger