Lesson 4 - Creating the website in Dreamweaver

• Computing
• Lower Secondary (Key Stage 3)

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++

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

Website Development 

Year 9 

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

What is a 'Target Audience'?

What we need for today's lesson...

Assets 

- Banner

- Buttons 

ThisPC/StudentResources/Computing/KS3/Year9/ DreamWeaver folder. 

What we need open

- DreamWeaver

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....

What is the first thing we must do when DreamWeaver is open?

1. Open properties
2. Load a banner
3. Define the site
4. Choose a colour theme

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

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