Design Practice: DESIGN PRACTICE - BRIEF 2

We started todays session by getting out our three scamp designs created for last weeks task. We then moved round the room giving feedback on peoples initial designs. Below is the feedback I received.

SCAMPS

(add image)

RESPONSE

While collecting research for the web brief I have also come across similar designs, my website will be fresh due to its aesthetic content and navigation. As the target audience is skateboarders I want the content of the website will be very illustrative so that it captures the audiences attention.
I like the idea of having the timeline as a skateboard, this is an idea I have considered but something I have not explored yet.
I have been considering how to display the information as I want the viewer focus to be on the illustrations, I think that interactive annotation would be an effective and relevant way of overcoming the problem.
All content will be illustrated in a hand drawn style so that it is appropriate and aesthetically engaging for the target audience.

Next, we opened Dreamweaver, to access the websites we started to created last week we had to open Site > Manage sites > Select the correct folder > Done.

After relocating the correct file Dreamweaver will open the site.

STYLE SHEET

To create a CSS document go to; File > New > Blank page > CSS > Create.

When working in CSS you cannot change the view from 'Code'.
CSS has one advantage over HTML, CSS allows you to multiply a design over multiple pages using one code. All the design is done in a style sheet which is then linked to other documents.

Keyboard - Note - Grey text does not do anything, tells designer message.

To create a not use /* to open the message and */ to close the message

DIV ID

To create a body of type with a specific font press return so that you are on a clear line and type in 'body'. Next, use a '{' icon, when you add this it will bring up a drop down menu, this shows the variables CSS can create.

These can be used to navigate through what you can created with CSS.

To close the code use a '}' symbol.

Next, we need to link the style sheet to the HTML document.

To link the CSS style sheet to the HTML document follow; Window > CSS Styles.

Click the small link icon and choose the location of the CSS file.

Once linked the link of type should show on the HTML code.

Dreamweaver also offers designers the option to work on the HTML file or CSS file.

WEBSITE DESIGN

In the CSS style sheet you first create the dimensions.

Dimensions - 1024 x 768

(alt + 3 for Hashtag symbol)

#container

height: 768px;

width: 1024px;

Setting the height and width;

Adding background colour, press return to access new line of type, use '{' to open up the variables and select 'Background colour' then the colour picker will bring up all 256 web safe colours;