Page plans A01 Design.

Slides:

Advertisements

Similar presentations

Showing a mock-up Re-drafting your proposal UNIT 2 – A01 DESIGN.

Advertisements

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

Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.

DIVISIONS FOR ALL WEB PAGES Web Page Elements.  All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content.

Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.

. Website and file organization. How websites work.

Graphic Fun with Photoshop and Dreamweaver Presented by Roger L. Runquist, WIU.

Macromedia Dreamweaver MX 2004 Design Professional Tables WORKING WITH.

Let me control over my pages: Tables, Frames, and CSS.

Tinonee Manning River (n.d.). Source: Midcoast Property Central.

Design factors Content –Fig.s 4-49, 5-4, 6-3 Organization –Fig.s 2-10, 2-11, 2-12, 2-14, 2-15, 5-17 Performance Aesthetic Security.

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

Web Design Planning Next Bottom. Topics Plan your Web Site Web site content Web site Structure Web site common layout Using MS Publisher MS Publisher.

Rollover Buttons UNIT 2. Purpose When you move your mouse onto a button the image on it rolls over to something else Link to example website.

Banner Home Page Text Image Picture Image JavaScript Hyperlink text Animated image Navigation link To a different webpage Date and time.

Website Design - Review Layout using tables. Table exmaple James 11/08.

Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.

Slide 1 Consider the page layouts for: Layout design – does it look balanced and even Size of box relative to its importance – the Heading (or title) of.

Unit 21 – Creating Computer Graphics. Logo Static ButtonRoll Over Button Advertising Banner Navigation Bar.

Project Specification Web Graphics Aquastranza. Brief You have been asked by a new theme park in Florida to create some “web graphics” for their new website.

Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.

OCR Nationals ICT – Unit 2 Task 3 Task Overview In this task you will create hyperlinks to link the pages together, link to other websites on the Internet.

ADOBE WEAVER WEB DESIGN. START THE DW 2 WORKSPACE LAYOUT Application Bar Document Toolbar Document Window Workspace Switcher Property Inspector GroupPanel.

Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.

Importing/Exporting between Fireworks and Dreamweaver For Buttons, Navigation Bar and Animated Banners.

Unit 15 – Web Authoring Web Authoring – Qatar Tourism Lesson 1 & 2.

Dreamweaver Basics Randy Graff

Project – Show me what you know! EXPLORING COMPUTER SCIENCE – LESSON 3-9.

91073 Website design West Coast Tourism Name:. Specifications The website is advertising a new business with bus transport to local tourist places An.

Dreamweaver Edulaunch Project 1 EQ: What are the key concepts when building the first page of a web site?

ICT for IGCSE – Syllabus Cambridge IGCSE ® Information and Communication Technology0417 Using a web-editor To set up a web site.

Macromedia Dreamweaver 8 Revealed LINKS WORKING WITH.

Planning. THE AUDIENCE AND PURPOSE OF MY PROJECT:

Welcome to the PowerPoint on how to use PowerPoint 2007 Neil Hecht Instructional Technology Facilitator Onslow County Schools.

Presented by: Student ID: Sang Geol LEE Subject: ITC105 Communication and information management Website Planning Report Assignment item2-Part.

Macromedia Dreamweaver MX 2004 Design Professional Links WORKING WITH.

Evaluating web graphics Unit 21 – AO1. Your evaluation must include At least one advertising banner At least one set of navigation buttons At least one.

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.

Consistency Increases usability of your Web site..

First Semester Final Project Web Design. Final Project Create a company, zoo, museum, etc. Your job is to create a web site for your business! Create.

Please open a file manager window and Dreamweaver.

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.

Content Administration 08/19/13 & 08/20/13.

Home page Web page link 1 Web page link 2Web page link 3Web page link 4.

Art for New Media 1 - Sketchbook: Look through past examples of the Dreamweaver Practice Gallery on the class website. Pick one that you think.

Dreamweaver Tips & Basics Presented by Laban Toose ICT Specialist Sunbury Heights Primary School.

Name: Unit21 A01 - Research. Website 1 Name: Website: Target Audience:

UNIT 3 – WEB DESIGN FINAL PROJECT – DAY 2 Exploring Computer Science – Lesson 3-11.

Basic in Photoshop Tools in Photoshop Simple templates design menu in Photoshop different navigation bar image effects Design your portfolio page Design.

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

My Website By : Peter Problems while building website These are the problems I had to overcome while building my site. Getting pictures to be the same.

Site Maps UNIT 2 A01 Design. Assessment A Site plan Shows how all the pages in your website link together You might also show any links to external sites.

Buttons Copy and paste an example of a set of buttons from a website here Website address: Write one good thing about the buttons Write one bad thing about.

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

TICKLIST A01 DESIGN Your proposal  Your House style 

LESSON 4 Module 4: Working with Images Navigation Tools.

Layout - you need to understand that a simple navigation bar:

My Personal Photo Website --Final project

Fixed Positioning.

Rollover Buttons UNIT 2.

Lesson Objectives Lesson Outcomes

TICKLIST A01 DESIGN Your proposal  Your House style 

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

Showing a mock-up Re-drafting your proposal

Site Maps UNIT 2 A01 Design.

How to add a page… You will need to add new pages to your website depending on the brief. You do this by: Click on the Add new page button Write the new.

Making a website.

ICT – Y11GCSE Unit 4 – Web Site Design – Practical Task (3 lessons)

A02 Creating my website NAME ______________.

Write down 3 things you know about websites.

Presentation transcript:

Page plans A01 Design

assessment

Page plans These must be completed for each page in your website

Using tables to hold graphics and other web content When we did the graphics unit you used tables in Dreamweaver to hold graphics in place Navigation bar buttons spaced out evenly using a table Banner is placed in the top part of the table

All this content is held in a table(s)

Page plan Step 1 Draw the layout of the page using lines and shapes image image

HOME PAGE PLAN Banner to advertise website Navigation buttons / bar – links to other pages in my website Banner Second navigation bar – links to external sites Information about what is on the website image TEXT image TEXT Images about modern and ancient Egypt Rollover buttons next page and last page