Creating Your Own Navigation Menu Web Design Section 6-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

Slides:



Advertisements
Similar presentations
Layouts Using Tables Web Design – Section 4-5 Part or all of this lesson was adapted from the University of Washingtons Web Design & Development I Course.
Advertisements

Integrated program for the Mathematics Australian Curriculum Year 7 Cambridge HOTmaths is available to bundle with the Cambridge Essential Mathematics.
WEB DESIGN – SEC 4-11 PART OR ALL OF THIS LESSON WAS ADAPTED FROM THE UNIVERSITY OF WASHINGTON’S “ WEB DESIGN & DEVELOPMENT I ” COURSE MATERIALS PSEUDO-CLASS.
Photoshop Selection Tools Web Design Section 5-11 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Nested Lists Web Design – Section 3-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Dongjin Kim Jamare Lane. Introduction  The aim of this project is to redesign Dr. Seals’ course web page for COMP 6620/7620. The site will include course's.
ADAM AKESSON’S E-PORTFOLIO For the Thinking Through Computing Learning Community.
Agenda – Week 10, Day 1 Where we’ve been Professional portfolio assignment guidelines Examples and building blocks Personas Today Conceptual Designs Portfolio.
Acquiring Images for Web Graphics Web Design Section 5-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Creating an Online Portfolio Creating your Electronic Portfolio.
The Good, The Bad and The Ugly – What Makes a “Good” website? Web Design – Section 2-1 Part or all of this lesson was adapted from the University of Washington’s.
Audio and Video on the Web Sec 5-12 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Website Design - Review Layout using tables. Table exmaple James 11/08.
PORTFOLIO DEBRIEFING & BEST PRACTICES WRA
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.
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.
Styles with Cascading Style Sheets (CSS) Web Design – Section 4-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design.
WRA INTRODUCTION TO WEB AUTHORING. HELLO, MY NAME IS: JOHN Basics Former PW Alum Really like tv, video games, and MSU sports and the Tigers.
Ordered and Unordered Lists Web Design – Section 3-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Essential Tags Web Design – Sec 3-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
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.
Pre-Coding Web Design – Sec 3-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Basic Shapes and Colors Web Design Section 5-8 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I”
Now available at Immaculata University… …Self Service Technology!
Applying Color in CSS Web Design – Sec 4-5 Part or all of this lesson was adapted from the University of Washington’s “ Web Design & Development I ” Course.
Working With Text Web Design Section 5-9 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.
Linking to an External Style Sheet Web Design Section 4-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Creating a Data Table Web Design – Section 3-8 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I”
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
EDN 303 Unit 6 – Class 1 Online Monday, November 9 th Dr. Dennis S. Kubasko, Jr. Associate Professor.
Special Links Web Design – Section 3-7 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Internal and External Links Web Design – Section 3-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Copyright Law and Graphics on the Web Web Design – Section 5-2 Part or all of this lesson was adapted from the University of Washington’s “Web Design &
Stylizing a Navigation Menu with CSS Web Design – Section 4-13 Part or all of this lesson was adapted from the University of Washington’s “Web Design &
Fairy Tales and Motifs Tuesday, September 24, 2013.
Internal and External Links Web Design – Section 3-6 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Wed Design The colors on the Hancock website have become changed recently: Text can no longer be read Many say the color scheme is boring or out.
Adding Images to Your Web Page Web Design Section 5-7 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Computer Information Technology. I need you to submit your project electronically to the Hancock website. Before you can submit your project you will.
Web Site Evaluation Exploring Computer Science – Lesson 1-3.
The Good, The Bad and The Ugly – What Makes a “Good” website? Web Design – Section 2-1 Part or all of this lesson was adapted from the University of Washington’s.
USING JAVASCRIPT TO SHOW AN ALERT Web Design Sec 6-2 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Understanding ID and Class in CSS Web Design – Sec 4-9 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
For this course please make your website address your first initial, last name. If this is unavailable, try your first initial, middle initial, last name.
History Journal Website Set-up Instructions. 1. Sign in to Blackboard 2. Go to Section 1 in Topics and Assignments 3. Scroll down and click on link to.
Moving Sprites in Scratch Exploring Computer Science – Lesson 4-4.
Homework Helper Natalie, Jessica, Matt, and Holly.
Stylizing a Navigational Menu Web Design Section 6-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
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.
What makes a Good Website?. Examples of Bad Websites For more really.
ACC 421 Week 2 Individual Assignment P1, P2, P3, P4 To purchase this material link Week-2-Individual-Assignment.
Website Resources for All Courses Served by this Site
Using JavaScript to Show an Alert
Acquiring Images for Web Graphics
Creating a Data Table Web Design – Section 3-8
Elements of HTML Web Design – Sec 3-2
Intro to Dreamweaver Web Design Section 8-1
How to use this template
Website Resources for CSE687-OnLine Object Oriented Design
Elements of HTML Web Design – Sec 3-2
Important Each team needs to submit their part of the Final Project Rubric to me in . Log into and send the powerpoint slide to
Acquiring Images for Web Graphics
Adding Images to Your Web Page
CAFANH On Line System.
The Good, The Bad and The Ugly – What Makes a “Good” website?
Dreamweaver – Setting up a Site and Page Layouts
How to use this template
Let’s Respond Toolkit Website Introduction
SCPHCA Member Section Instructions
Using and Viewing Homepage
Presentation transcript:

Creating Your Own Navigation Menu Web Design Section 6-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials

Objectives The Student will: –Organize all web pages in your portfolio so that someone can easily navigate through them and find the pages they're looking for, and –Create an XHTML list that will serve as the navigational menu for your portfolio website.

Navigation Menus Provide a quick and easy access to web pages. Provides a structure for your web pages. Most web pages have some form of navigation menus.

Navigation Links

Navigation Menus Over the next few lessons you will create a navigation menu across the top of your website:

Rest of Today Download the instructions for Homework 6-1from the Hancock WebPage (in the homework section) Complete this assignment today. You will build on this assignment over the next few days.