Polishing and Publishing your HTML website ( duration 2 weeks)

Stage 1 : Discover the power of cascading Style Sheets (css)

Cascading style sheets are used to add themes to the website
To understand how, visit http://csszengarden.com/ and try different themes by clicking on different links. They are the same HTML files but different css files.

How to add a cascading style sheet to your website

  1. Open google.com
  2. Browse css templates and download one that you like.
  3. Make sure that it is copied in the same folder as your project (the css file is beside your html files)
  4. Add this code in the head section changing only the cssfilename
  5. <link rel="stylesheet" type="text/css" href="cssfilename.css" media="screen" />
  6. Repeat steps 4  & 5 in all your html files
  7. Then open your website!

If your are lost you can check this presentation for more info

https://mismary.files.wordpress.com/2011/05/the-power-of-web-design-using-css.ppt

Stage 2: upload your website

The easiest way to do it is to

  1. open dropbox.com
  2. Signup and verify account
  3.  click on this link to enable public folder https://www.dropbox.com/enable_public_folder
  4. open your public folder
  5. upload your website in your public folder (all images and files)
  6. (You can download the desktop version if you want)
  7. then write click on your homepage and copy the public link

THIS is the link to your website HOLD ON TO IT and save it somewhere cos we are going to use it in stage 3!!!

Stage 3: choose your own domain name

Since the dropbox public link is too long wwe are going to create a free, easy and short domain name, here is how:

  1. Open dot.tk
  2. choose your unique and free domain name
  3. then in the section forward this domain too add your public link that your domain name will point too
  4. continue registration ofcourse for 12 MONTHS!
  5. if you do not sign up you will not be able to renew it after a year, so it will last you only 1 year!

FINAL STEP!!!!!

PASTE YOUR DOMAIN NAME (for example maryvictor.tk) as a comment to this post. And this is how I know that you are done and have submitted your assignment!

34 thoughts on “Polishing and Publishing your HTML website ( duration 2 weeks)

Leave a Reply to Joseph Wagih Cancel reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s