These are my print-screens from my work on Dreamweaver. It makes me feel anxious working with code and things like this, but I’m slowly becoming more confident and willing to experiment. Hopefully as we progress I will be able to work on the website in my own time rather than waiting for the help of the tutors.

First name and type of file
Astericks means not saved

The Split-screen on Dreamweaver
Dreamweaver split screen

The Code
Screen Shot 2014-01-20 at 13.48.21

The Design Page (currently empty)
Screen Shot 2014-01-20 at 14.01.47

Had to make a special folder for the work. You first page is always called Index. Not allowed to use capitals for the names.
Screen Shot 2014-01-20 at 14.02.07

Different Page types, we are working with HTML and CSS – CSS is slightly more versatile than HTML, which is better for static pages, we are wanting something more fluid.
Screen Shot 2014-01-20 at 14.09.14

The Code on the CSS file.
Screen Shot 2014-01-20 at 14.09.51

Working in code in the <body> </body> section.
Screen Shot 2014-01-20 at 14.11.14

Named the CSS file ‘style’. This will make up our front page.
Screen Shot 2014-01-20 at 14.16.20

The rule definitions for the CSS file. Let us change things such as font, background and positioning.
Screen Shot 2014-01-20 at 14.28.06

Creating a Div Tag/ new CSS rule. We will place our website links and pictures into this.
Screen Shot 2014-01-20 at 14.55.47

My first website page. No Text yet, but this is how it should look online once uploaded (this is just a preview on Dreamweaver)
Screen Shot 2014-01-23 at 11.54.29

Advertisements