Please open a file manager window and Dreamweaver.

Slides:



Advertisements
Similar presentations
Dreamweaver MX 2004 “Viewing the Workspace” Mrs. Wilson.
Advertisements

CREATE A WEBPAGE WEB DESIGN. EXAMPLE LAYOUT 2 WEB COMPONENTS Header Banner and logo Footer Copyright information or Address Horizontal Navigation For.
Macromedia Dreamweaver 4 Foundation Level Course.
Create internal and external links Create internal links to named anchors Insert Flash Text Create, modify, and copy navigation bar Manage Web site links.
HCI 201 Week 10 Course Wrap Up. Agenda Presentations Web Technology Tools Form Processor CGI Final project.
The net result is that the Extra Credit Research Paper will only really effect your final grade if you are "just" below a final grade cut line. GE2000.
Navigation Design. From the Brookfield Zoo, IL  (from Zoo)
Web Page Development I Heather Rasmussen (801) Heather Rasmussen (801)
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Acadia Institute for Teaching and Technology Basic Web Page Design for Courses.
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.
Website Design - Review Layout using tables. Table exmaple James 11/08.
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is 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.
Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.
Dreamweaver – Setting up a Site and Page Layouts Web Design Section 7-2 Part or all of this lesson was adapted from the University of Washington’s “Web.
Creating A Site Using A Template In Dreamweaver CS6 Cakes R Us!
Intro to Dreamweaver Web Design Section 7-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.
Website Development with Dreamweaver
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.
Web Design First Semester Project – Getting Started in Dreamweaver.
CIT 256 Dreamweaver Sites and Image Maps Dr. Beryl Hoffman.
How are tables used in web design?. A table (FIVE THINGS TO KNOW) 1. Is made up of columns and rows 2. Has cells where columns and rows intersect.
Project – Show me what you know! EXPLORING COMPUTER SCIENCE – LESSON 3-9.
Creating Tables in a Web Site
Macromedia Dreamweaver 8 Revealed DREAMWEAVER GETTING STARTED WITH.
Dreamweaver MX BTA3Open. Dreamweaver MX Application used for creating web sites Homepage must always be saved as index.htm All files names must be in.
Getting What You Want From Adobe © Dreamweaver, Fireworks, and Flash Presented by Helen Siukola Jancich, M.S. Anastasia Trekles Milligan, M.S. Purdue University.
Web Design. Keep a Consistent Appearance Visually show that the site is the same Always use the same background Same graphic style Same type formatting.
Building a Website: Site Management Fall Introduction Web page consists of a collection of varied files – HTML – images – CSS – Flash movies – Etc.
Making Websites with Dreamweaver BTT. What is Dreamweaver?  “What You See Is What You Get” (WYSIWYG) web design software  Rather than writing code and.
Web Design Part I. Click Menu Site to create a new site root.
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.
Introduction to Web Site Design. Rest of this semester Wednesday Nov 26th, the last lecture. Friday, Nov 28th, Thanksgiving. Monday Dec 1st, review session.
BUILDING YOUR WEBSITE. MAKE SURE YOU HAVE TWO SCREENS You MUST have at least TWO SCREENS built in Photoshop by 2:35pm.
Setup Folders in public_html, create folder web in web, create folder images NO index.htm or index.html in public_html in public_html, create folder web.
Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.
Interface Programming 1 Week 1. Interface Programming 1 CALENDAR.
Unit 3 – Web design Final Project
PRESENTED BY GRADUATE DESIGN GROUP 2 MEREDITH, JENNIFER, CAMMAY AND DIANE How to build a web site in Dreamweaver.
Art for New Media 1 - Sketchbook: Look through past examples of the Dreamweaver Practice Gallery on the class website. Pick one that you think.
Business Site Homepage Project Web Design. Business Site Homepage Project Your final project for this semester will be to create a web site for fictitious.
Before We Begin Please download the files from as we will be using them in our walkthroughs.
Dreamweaver – Setting up a Site and Page Layouts Web Design Section 7-2 Part or all of this lesson was adapted from the University of Washington’s “Web.
UNIT 3 – WEB DESIGN FINAL PROJECT – DAY 2 Exploring Computer Science – Lesson 3-11.
COMP 143 Web Development with Adobe Dreamweaver CC.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
We will begin at 9 PM This is an Audio Seminar. Please be sure to adjust your audio. When reviewing the archived seminar this document will provide the.
Dreamweaver – Setting up a Site and Page Layouts
201 exam demystified Anna Gabali.
Unit 3 – Web design Final Project
Unit 3 – Web design Final Project
Chapter A - Getting Started with Dreamweaver MX 2004
Your First & Last Name (Make sure you capitalize your first and last name!) Follow these instructions: 1. Center your name on the slide (use the “Centered”
BTEC NCF Dip in Comp - Unit 15 Website Development Lesson 12 – Publish and Test Mr C Johnston.
Dreamweaver – Setting up a Site and Page Layouts
Term Project Evaluations Guiding Principles Summary
Page plans A01 Design.
Rollover Buttons UNIT 2.
Lesson Objectives Lesson Outcomes
CS134 Web Design & Development
A01 DESIGN To be completed Your proposal  Your House style 
CS134 Web Design & Development
Making a website.
Uppingham Community College
CS7026: Authoring for Digital Media
Webpage Layout and Website Design
Presentation transcript:

Please open a file manager window and Dreamweaver

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! You can reuse the homepage you created previously… Create a company, zoo, museum, etc. Your job is to create a web site for your business! You can reuse the homepage you created previously…

Web Site Your web site must contain:  5 Web Pages – all linked together  Common CSS Code  Banner or header (present on every page)  Navigation menu (present on every page)  1 Table  Images  All pages should have images  1 with an image map  1 with rollover  Internal and External links (at least 5)  1 Form Your web site must contain:  5 Web Pages – all linked together  Common CSS Code  Banner or header (present on every page)  Navigation menu (present on every page)  1 Table  Images  All pages should have images  1 with an image map  1 with rollover  Internal and External links (at least 5)  1 Form

Grading Rubric 100 points of the project will be based on the rubric that was decided by the class. 50 points will be scored on having the required parts (5 points each): 100 points of the project will be based on the rubric that was decided by the class. 50 points will be scored on having the required parts (5 points each): Required Parts Common CSS CodeImages on every page Banner/HeaderImage Map Navigation MenuRollover image TableInternal Links FormExternal Links

When is this Due? The project is due Friday January 17 th at the end of class Your website must be in a single folder on a flash drive. Folder will be named: “YourName-Period-FinalProject” GeorgeSchmidt-4-Final Project Test it before you turn it in to me! Do all the links work! The project is due Friday January 17 th at the end of class Your website must be in a single folder on a flash drive. Folder will be named: “YourName-Period-FinalProject” GeorgeSchmidt-4-Final Project Test it before you turn it in to me! Do all the links work!

Set up a Dreamweaver Site Create a new site:

Set up a Dreamweaver Site

Files and Folders in Dreamweaver Use the file panel to move things around:

CSS and First Web Page When you create your first web page you need to create a external CSS file. If you can’t figure it out, call me over… How are you going to create your webpages… Freestyle? Table? Dreamweaver Layout? When you create your first web page you need to create a external CSS file. If you can’t figure it out, call me over… How are you going to create your webpages… Freestyle? Table? Dreamweaver Layout?

How to start! Download the instructions from the web. Create a business! Think about your 5 pages… what will you put on them? Begin drawing the layout of the pages Where is your navigation menu? What info goes on each page? What external links will you use? Where can you use a image map? Where will you put a table? Create your banner! Download the instructions from the web. Create a business! Think about your 5 pages… what will you put on them? Begin drawing the layout of the pages Where is your navigation menu? What info goes on each page? What external links will you use? Where can you use a image map? Where will you put a table? Create your banner!

Don’t waste your time! Work on this alone! Don’t be distracted. Don’t put this off! It’s a lot of work… Late work will not be accepted – I will not have time to grade it! Extra Credit if it is turned in early (10 points per day) Work on this alone! Don’t be distracted. Don’t put this off! It’s a lot of work… Late work will not be accepted – I will not have time to grade it! Extra Credit if it is turned in early (10 points per day)