Practice With HTML

Learning about HTML, I practiced with Adobe Dreamweaver CS8.

Screen Shot 2016-05-10 at 14.12.19.png

In page layouts  I choose “HTML”, minus a template so that I will be creating everything myself.

Screen Shot 2016-05-10 at 14.12.35.png

It opens in the “Design” view which is used not dissimilarly to Photoshop, where the user will have an interface and manipulate graphics on screen. However, this would not help with HTML and we go into the Code view, which is the opposite in that the user would have to write everything for the web page manually.

Screen Shot 2016-05-10 at 14.12.46.png

Opening the page, instantly there is prewritten code on the page that needs to remain there as it the start up.

Screen Shot 2016-05-10 at 14.14.06.png

Immediately I create a Div Tag.

Screen Shot 2016-05-10 at 14.14.23.png

The Div tag will allow for CSS; the ID cannot have spaces.

Screen Shot 2016-05-10 at 14.14.56.png

All all the specifications were already correct so I click “Ok” to continue.

Screen Shot 2016-05-10 at 14.17.12.png

The Div tag I can then use for my main content.

Screen Shot 2016-05-10 at 14.20.05.png

To change the CSS I will be able to click away from the “Source Code” into the new “style.css*” and add things like colour and sections.

Screen Shot 2016-05-10 at 14.22.08.png

Screen Shot 2016-05-10 at 14.25.36.png

The main point to remember when writing code is to always close the tag.

Screen Shot 2016-05-10 at 14.27.13.png

When saving I had to remember to use an appropriate term.

 

 

Advertisements

One Comment Add yours

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