A02 Creating my website NAME ______________.

Slides:



Advertisements
Similar presentations
1 FrontPage 2000 Online Tutorial The following tutorial aims to help you get started with FrontPage 2000 for the creation of basic web pages. The different.
Advertisements

DREAMWEAVER Welcome to our website!
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
DRUPAL How to create a website Summer Tech Academy 2010 Mercedes Conde.
Creating a eportfolio Mrs Bhayat. Setting up a website When you open Dreamweaver you have to set up a site and you do this as you are shown above. You.
Access 2007 ® Use Databases How can Microsoft Access 2007 help you to get and stay organized?
Microsoft Excel 2010 Chapter 7
 Adding Background image  Creating internal links  Creating external links  Save your document as a webpage(.mht) file.
Exercise 1 Checklist Dreamweaver - Local Root Folder –Make sure it is properly specified in Dreamweaver  Verify Otherwise can cause problems with local.
Basic Web Design Brought to you from VIP and DHS by Wendy Peacock, RLHS VIP-Resource Teacher.
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.
OCR Nationals ICT – Unit 2 Task 1 Task Overview You need to produce a design for a multimedia website of at least five pages. The design will act as the.
A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.
1 ONE TIME PRINT SETUP To print Requisitions from Banner, follow this process once: Open Microsoft Excel, select (1) TOOLS, then (2) MACROS, then (3) SECURITY.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Getting Started with Adobe Dreamweaver CS6. Unit Objectives Define web design software Start Adobe Dreamweaver CS6 View the Dreamweaver workspace Work.
Designing a Classroom Web Site Using NVU Beginning Level.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Using Dreamweaver getting started 1)Start in your “My Documents” folder 2)Create a new folder called “website” 3)Create a sub folder called “images” 4)Start.
Creating Tables in a Web Site.  Define table elements  Describe the steps used to plan, design, and code a table  Create a borderless table to organize.
Chapter 3. Table have many uses in a HTML design but are mostly used for the organization of your web site. Tables also give vertical and horizontal structure.
Dreamweaver Learning to be a web design master! By: Mr. Brunton.
Microsoft Expression Web - Illustrated Unit B: Creating a Web Site.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
Press Esc to Exit ©2011 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in.
Creating your Webpage with tables. This is a 2 column by 1 row table!
Web Technologies Website Development Trade & Industrial Education
Creating Integrated Web-based Projects using Microsoft Word.
How to Web Page with iModules First row of icons.
Using FrontPage Express. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page.
Website Development with Dreamweaver
Importing/Exporting between Fireworks and Dreamweaver For Buttons, Navigation Bar and Animated Banners.
Open Dreamweaver Start All programs Adobe design and web premium Adobe Dreamweaver.
Using Publisher to Create a Web Site Mr. Sandford’s U. S. History Class.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
Copyright © Eric Liria Web Site Builder This application allows you to build and manage web sites. It provides the following functionnalities: use.
Language Club KompoZer Design View. Files you will need  Images  pages  Templates  Text.
Sports Website Creation. In this project you will design and produce your own website.
Who Wants to be a Millionaire? LIFELINES 1.50/50 2.Poll the audience 3.Ask Another Student.
We Are Learning To (WALT): To create a working homepage for our websites What I am Looking For (WILF): A completed homepage containing a working navigation.
Web Design Part I. Click Menu Site to create a new site root.
Writing a Web Page. Using Frontpage FrontPage is a user-friendly WYSIWYG html editor. To begin, open the program and a new page. FrontPage is a user-friendly.
FrontPage Workshop By Dr. Carol A. Marinas Topics Getting into FrontPage Layout of FrontPage Edit Existing File Copying Templates Cutting/Pasting from.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
MAKING YOUR FIRST PRESENTATION GRADE 9 MISS L. MCVEIGH ROOM PowerPoint Enter.
Web Site Development - Process of planning and creating a website.
1 Preparation for site Create a folder in MyDocuments: beavercheese. Create a subfolder, images Classes, career, DW beginner Download.
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
1 Creating a Menu Bar on a Secondary Web Page  It is important for visitors to be able to move easily from one page to another  You will create a menu.
Creating a Google Site For a Digital Portfolio Purpose.
COMP 143 Web Development with Adobe Dreamweaver CC.
Chapter 7 Creating Templates, Importing Data, and Working with SmartArt, Images, and Screen Shots Microsoft Excel 2013.
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
Title of your site Title of your page Text and images arranged on the page in the design of your choice. Page 2 Page 3 Page 4 Page 5 Page 6 Page 7 Page.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Creating a Presentation
Dreamweaver – Setting up a Site and Page Layouts
With Microsoft FrontPage 2000
Learning the Basics – Lesson 1
Using Publisher to Create a Web Site
Page plans A01 Design.
VIGNESH POLYTECHNIC COLLEGE
For use on your feedback page
Making a website.
Using FrontPage Express
Step 1:. Open Microsoft FrontPage application.
Presentation transcript:

A02 Creating my website NAME ______________

UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing images and text. You create a template page containing your banner and navigation buttons You then use this template to create the five pages in your website, adapting the template as required

Asessment Criteria A02 What’s involved 1 2 3 4 5 6 7 8 Task Create a template page (.dwt file) Put your banner and navigation buttons on 2 Create 5 web pages from your template (homepage, feedback page and three others as per your design 3 Add content to your homepage 4 Add content to 3 other pages 5 Create your feedback page (to get feedback on your web site from visitors 6 Print out all pages 7 Screenshot your web folder showing the use of sub-folders and appropriate file names 8 Screenshot backing up your website folder to a memory stick

Creating your website STEP 1 Find the Folder called “OCR Website” in ICT Resources (My Computer – ICT Resources – OCR NATIONAL – 11AV1 – UNIT 2) and copy & paste to your Unit 2 folder in your own work area

Creating your website STEP 2 Copy your UNIT 2 Images folder into your OCR website folder All your collected images for your website plus the banner and buttons created in FIREWORKS should be stored in here

Creating your website – STEP 3 Open up your OCR Website folder from your own work area and load the template page

Creating your website – STEP 4 Use a table on your template page to lay out the basic structure of your page (Insert – Table)

Inserting a table image Banner TEXT I use my page plan to set up a basic table structure to hold my banner, navigation buttons and then spare rows and columns for text and images. I can change the structure of my table by adding or deleting columns or rows or by merging cells.

Creating your website – Step 6 Add your banner and navigation buttons

Your template page Open your template page and use it to create the five pages of your web site. Every page should be saved as a HTML document

Your template page Open your template page and use it to create the five pages of your web site. Every page should be saved as a HTML document Give the page a filename – this should be the title of the page Make sure that you select the HTML Documents as the “Save as Type”.

Your Home Page Add the rest of your content to your home page. Leave your hyperlinks to later when all the content is on

For use on your feedback page FORM ITEMS For use on your feedback page

What questions? Decide what questions you will ask your web page visitors to get feedback on your site You need feedback about how useful they found your site? How easy they found it to navigate? Ask questions about images, style and layout

Answers to questions We use form items to provide spaces for our visitor to answer the questions we have asked

Using tables

Form items A text field Checkboxes Text area A list box

Using Form items to create a feedback page. Go to the insert menu – then FORM menu and you will see a list of items that can be used to create “spaces where your web page user can enter the answer to questions

FORM items previewed in a web page This is a TEXT FIELD item These are CHECKBOX items – good when you have a restricted number of answers – the user clicks the correct choice