Designing a website …

  • Create a Root Folder
  • Open Dreamweaver and click manage site 
  • Name the site without using spaces or numbers
  • Browse to find the root folder 
  • Create a new HTML page and save it in the root folder as Index.html
  • Open a new CSS page and link it to the html page (Always link from the HTML page)
  • Click Insert, Layout Object, then div-tag on the drop down bar
  • Give the div-tag an appropriate name in the ID box
  • Create another div-tag but click after tag, after the one before
  • Click inside the header and click new CSS rule 
  • Alter the positioning and change it to Absolute
  • Then enter the height and width of size you want the div-tags 
  • For the first div tag have top 0 and left 0 then edit the rest depending on the positioning of the other tags
  • Alter the colours of the div-tags of your choice
  • Save as Index.html
  • Open in all browsers to check if its ok.
Advertisements

Leave a 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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s