Thinking and practise, Dreamweaver introduction.

Screen Shot 2014-02-10 at 13.53.03
Firstly I created a new folder to store everything in then started up a new HTML file and changed it to a split veiw so I can see the code.

We need to tell dreamweaver where the site is named and is going to be saved. Any links we make will be relative to this folder. Screen Shot 2014-02-10 at 13.55.30

Next we looked at servers…

We could pay for hosting to make it visible to the internet. Server nae could be anything. Root directory will be your hosts folder fr your website.

Has to be saved as index!
Screen Shot 2014-02-10 at 14.07.13

All a website is is a code! <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” This is a indication to the web browser of how to handle this document. The w3 stands for world wide web.
<head> these are called tags.
<title>Untitled Document</title> This would be your title that users will see.
Content usually goes inside the body.
Screen Shot 2014-02-10 at 14.12.05

You can preveiw the pages by clicking this little world icon. Screen Shot 2014-02-10 at 14.12.51

We need to figure out how to control the web browser using code. CSS governs the layout. we created an external css file…Screen Shot 2014-02-10 at 14.18.09We then saved it as “style sheet”. This follows a set of rules t populate a page. The first rule we are going to create is ‘body’.

Screen Shot 2014-02-10 at 14.21.11

After setting the background w need to aattch the style sheet to the HTML folder for it to actually work. Screen Shot 2014-02-10 at 14.29.09Screen Shot 2014-02-10 at 14.29.20

We linked the file so we can then go back and edit it.

All web pages start will whats called a out wrapper. If doesnt it doesnt know where to start and end. We need to tell the browser the boundaries of the page. The generally are 1024 pixels accoss. We have 2 ways of defining this. theres only 1 per page! We give it a ID which is denoted by a hash. You can only use these once.

Advertisements

Leave a Reply

Please log in using one of these methods to post your comment:

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