Lesson 4 - Creating the website in Dreamweaver

• Computing
• Lower Secondary (Key Stage 3)

Walk in task

Open up Dreamweaver

1. Choose colour scheme for Dreamweaver
2. Click the button that says "I have used Dreamweaver before"
3. Choose "Standard mode"
4. Set up your website folder - Go to "Site" on the top bar > New Site > Browse to your website folder (not your Asset folder)
5. Setup your properties window - Go to "Windows" on the top bar > "Properties" and drag the properties window to the bottom of the screen

Which coding language is used to style content on a website?

1. PHP
2. Java
3. CSS
4. Python

Which of the following programming languages are used to display content on a website?

1. HTML
2. Python
3. PHP
4. C++

Which of the following devices cannot be used to visually view a website?

1. Smart TV
2. Laptop
3. Tablet
4. Smart Speaker

What do we call a website editor that allows you to visually create a website, without coding?

1. IDE
2. WYSISYG
3. Interface
4. GUI

Task - Create a website

You are going to create a website using Dreamweaver. Wix is a WYSIWYG editor, that allows you to make website without needing to fully code in HTML and CSS.

You are creating a website for Vicars Water - there is a reminder of the brief on the next slide....

Scenario – Vicars Water Tourist Attraction

You have been asked by Newark & Sherwood council to rebrand Vicars Water and to develop a new website.

The council want to encourage more tourists to visit the attraction.

Brand should look professional and attract visitors to the location.

You need to choose a suitable font, a suitable colour scheme, create a logo and develop a website to advertise the location.

Website should include information about the attractions, facilities, special events, parking and how to get there.

a) Setting up Dreamweaver

c) Adding banner and buttons to the template page

b) Create a template page with tables

Video Tutorials - Setting up Dreamweaver and creating a template

d) Creating my web pages using the template

Extension

Carry on watching the videos in the playlist to add content to your website....

How are you getting on with Dreamweaver....

Please vote below - this will allow me to gage how the group is finding the task.

It is going really well :)

It is going OK

I am really struggling

Look at the Ling Cars website

Look at the following website..

Try to identify any strengths and weaknesses.

You are going to list how it can be improved..

https://www.lingscars.com/

How could the website be improved?

What does my audience want to see on a website?

Opening Dreamweaver

Warning box - School Email

[e-mail]

Remember if the tab in Dreamweaver has a star on it, it has not been saved. Always save your work.

Next time...

We will add the content to our website - text, images, videos, maps, data capture forms and galleries