Year 7 Web page project Learn to make web pages using Dreamweaver.

Slides:

Advertisements

Similar presentations

Click here to insert title of presentation Type names of authors here Affiliations may be listed here on this line Introduction Insert text here. The box.

Advertisements

Page Design Scroll zone Data Tables Screen Readers

Unit 3 Day 4 FOCS – Web Design. No Journal Entry.

UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.

Garfield Graphics included with kind permission from PAWS Inc. All Rights Reserved. Making a PowerPoint Presentation 01 ‘Simple text and pictures’

Click your mouse for next slide Dreamweaver – Colors and Page Properties So far things are going just dandy aren’t they? You’ve been following FST’s fun.

Creating First Class Web Pages Log into your account.

A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.

7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.

Lesson 3: Removing objects. Starter: Open the powerpoint from O:\ Drive 1. Double click “My Computer” on the desktop 2. Double click “O:\” 3. Double click.

Lesson 4: Changing objects. Starter – Open the powerpoint from the wikispaces website 1. Open a browser 2. Type in the web address magnuscofe.wikispaces.com.

Dreamweaver Learning to be a web design master! By: Mr. Brunton.

Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.

Unit 1 Assessment 2 Ms Buckley Letter Success Criteria Text Success Criteria Letterhead Success Criteria Article Success Criteria Power point Success Criteria.

Unit 1 – Improving Productivity Instructions ~ 100 words per box.

Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.

INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.

Unit 1 – Improving Productivity Instructions ~ 100 words per box.

Creating Integrated Web-based Projects using Microsoft Word.

How to Web Page with iModules First row of icons.

Unit 1 – Improving Productivity Instructions ~ 100 words per box.

DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.

1.1Why did you use a computer? What other systems / resources could you have used? I used a computer because my handwriting isn’t that neat it also looks.

Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.

Microsoft FrontPage 2003 Illustrated Complete Using a Dynamic Web Template.

DAISY CHAIN PHOTOGRAPHY COMPLETE By daisy fountaine.

Slide 1 of 24 1) Launch Fireworks 2) Under File, choose New 3) In the New Document dialog box, enter Width: 100, Height 160, Resolution 72, and choose.

Website Editing From Gingerweb. Re-size your image first Before you start with adding an image to your site it must be resized to suit your page. An image.

Click your mouse for next slide Dreamweaver – Inserting and Formatting Text Inserting text is just as easy as inserting pictures If you wish to type text.

My completed website “Photography Fanatics” By Emma Shiels.

Graphics in HTML. Graphics  Question: How does a web page include graphics?  Are the graphics included in the HTML file or separate files?

LEARNING HTML PowerPoint #1 Cyrus Saadat, Webmaster.

Sports Website Creation. In this project you will design and produce your own website.

Dreamweaver I Stanford Workshop Your Presenter: Dr. Laura Silberstein

HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.

My completed roller skating website By Amber Hills.

Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.

Design Principles EDUC 6307: Design of Print Based Media Summer 2009 Ranelle Woolrich.

To be completed Your proposal  Your House style  Your site plan  Page plans (a draft layout for each of your five pages)  A design mock-up -  All.

Creating Your Own Web Page A Basic Introduction Before we begin, some housekeeping... Create a NEW folder in your H:\ drive called Webpage All of your.

Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,

Spiderman ©Marvel Comics Creating Web Pages (part 1)

You Must… Gather answers to the following questions: Decide what your website will be about. Identify who your audience would be for this site. Outlined.

1 Place Your Photo AND Logo on Your Home Page Website Manager Tutorials.

Home Learning Task 3 Complete the writing guide to create the text you are going to include in your brochure. You can add your own ideas that aren’t covered.

Body System Here Enter group members names here. Save Your Work! This is a good time to start saving your work. Go to FILE, then Save As…, then change.

Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”

Unit 15 – Web Authoring Web Authoring Project.

Rev 4_27_02 Add a blank slide at the beginning and end of your slide show Tip.

Connecting From Home Editing at Home(You don’t have to.)

Creating a Slide Show ● Go to Mrs.Radford's website ● Click on Web Folder on the left menu bar ● Then click on Listing Folder ● Choose which template you.

Band Promotion: Website Creation There are 6 examples of website on the following slides. Indicate how much you like each one by placing the small website.

1. Storyboarding a Website. How to start a storyboard: Have Blank Squares!

Basic concepts of web design

Section 7.1 Section 7.2 Identify presentation design principles

Acoustic Magazine: Making A Front Cover.

Dreamweaver – Project #1

How to make a website in dreamweaver a website

Year 7 E-Me Web design.

Lesson Objectives Lesson Outcomes

A01 DESIGN To be completed Your proposal  Your House style 

Click on Adobe dreamweaver

Jordan McKinley - Nichols

2. Press Browse and search for the video file you need.

Making a website.

Advanced Web Web Quest.

Write down 3 things you know about website banners.

A02 Creating my website NAME ______________.

Wheelers clubs Your site will consist of 3 pages:

Presentation transcript:

Year 7 Web page project Learn to make web pages using Dreamweaver

Year 7 Web page project W hat this project is about KCC wants some web pages that will show Year 6 students what the college is like They have made some blank web pages, and have taken some photos They have written out some text to go on the web pages Your job is to: –put the text and pictures onto the web pages, –add colour, –add links that work

Year 7 Web page project Each web page should have: An attractive banner with blended (faded) images, and some suitable text – 980 pixels wide, 75 pixels high Use the special small pictures for the banner At least one picture – but these must be resized in Fireworks down to an appropriate size eg 450 pixels wide)

Year 7 Web page project The web pages should have: A consistent colour scheme Strong contrast between text and background Sans serif fonts throughout Strong contrast between headings and normal text All parts lined up

Year 7 Web page project Copy this from Shared Files into My Documents: The original pictures – all far too big Someone has already made them really small – good for your banner only An empty folder – put the pictures you resize for your website in here Blank web pages – right click Edit with Dreamweaver You can use this text – or write your own

Year 7 Web page project This is a plan of the website they want – each box is a separate web page (click to view instructions for that page) Index (Home page) Pictures of the college Break and Lunchtime FAQ (Frequently Asked Questions)

Year 7 Web page project Index (Home Page) Should have a clear title Should explain what the web site is about Should have at least one attractive and suitable picture Might have a map of the college Should have links to the other pages

Year 7 Web page project Break and Lunchtimes page Should have a clear title Should explain what happens at breaktime and lunchtime Should have several attractive and suitable pictures Should have links to the other pages

Year 7 Web page project Pictures of the college Should have a clear title Should have several attractive and suitable pictures Underneath each picture should have a short piece of writing explaining the picture Should have links to the other pages

Year 7 Web page project FAQ (Frequently Asked Questions) Should have a clear title Should have the Questions and Answers Should have at least one suitable picture, but these should not take up too much space Should have links to the other pages