Dreamweaver Browser Design

Dreamweaver

HTML

Design process- planning, content,structure, design, testing, live

How will the content will link to the structure?

Design- visual look of the web page.

Testing-do the buttons work?, do the videos play?

Live- will the audience come back again? , Has it got a good navigation of the web site?.

Plan- Research, observe, understand, analyse, choose a theme relevant to subject.

Gather Content- Design concepts,  and establish existing sites, images , sounds and video.

Design- design concepts, wireframes, design approval, create design, current trends.

Develop- build content, follow brief, fit for purpose, start of small, and build up, follow plan, test site on various browsers.

Test- Verify site, get approval.

Web Designer- how it will look on screen, layout and content, appearance.

Websites

Two Codes- HTML 5.0 and CSS (Cascading Style Sheets )

HTML

Text information

CSS

Aesthetics

Change design of website

Open and close tag

meta >- categorising/ finding website

body> – main content of website key info

h1> headings text

p> paragraphs

image from folder or URL declare image img src (image source) web address

href >hyperlink

body>

html>

/ to close

body

/body

Dreamweaver

Bootstrap-grid system

Image in dreamweaver

img src  no closed bracket

declare image thats already online

close it with a />

Screen Shot 2017-02-06 at 13.53.38.png

Screen Shot 2017-02-06 at 13.54.08.png

Screen Shot 2017-02-06 at 13.55.01.png

Screen Shot 2017-02-06 at 14.01.29.pngScreen Shot 2017-02-06 at 13.57.25.png

Screen Shot 2017-02-06 at 13.56.30.pngdrwho.jpgScreen Shot 2017-02-06 at 14.09.58.pngScreen Shot 2017-02-06 at 14.22.46.png

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