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 &

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

Multimedia Authoring1 Understanding Web Templates Web Templates There are many collections of templates for web pages and web sites available for use free.

Source: ojects/tabber/ ojects/tabber/

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.

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.

Chapter 7 Using Advanced Cascading Style Sheets HTML5 & CSS 7 th Edition.

Visual Basic Prototyping Visual Basic uses both a Visual Editor and is Code Based. With several simple lines of code, Visual Basic will navigate between.

Chapter 8 Designing with Cascading Style Sheets. Chapter 8 Topics Building three different types of complete Web pages using CSS: Build a style sheet.

Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.

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.

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.

Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?

Layouts with CSS Web Design – Section 4-12 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.

Creating an Expression Web Site

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.

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.

CSS 404 Internet Concepts. XP Objectives Developing a Web page and a Website Working with CSS (Cascading Style Sheets) Web Tables Web Forms Multimedia.

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.

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.

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”

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.

IT204 - Web Scripting and Authoring I Introduction to Dreamweaver Unit 6.

How People with Disabilities Access the Web Web Design – Sec 2-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design.

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.

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.

Moving Sprites in Scratch Exploring Computer Science – Lesson 4-4.

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 &

© 2011 Delmar, Cengage Learning Chapter 3 Working with Text and Cascading Style Sheets.

Project 6: Kayaking HTML5 Site

Web Design Part I. Click Menu Site to create a new site root.

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.

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.

1 After completing this lesson, you will be able to: Open and preview a FrontPage-based Web site. Open and preview an individual Web page. Look at a Web.

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.

ACM 262 INTRODUCTION TO WEB DESIGN Week-7 ACM 262 Course Notes.

Cascading Style Sheets (CSS) EXPLORING COMPUTER SCIENCE – LESSON 3-5.

Moving Sprites in Scratch Exploring Computer Science – Lesson 4-4.

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.

UNITED IN SERVICE TO OUR NATION UNCLASSIFIED Download Requirement Package Template.

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.

JavaScript Errors and Debugging Web Design Sec 6-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

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.

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

Your GIMP Portfolio Navigation Menu.

Dreamweaver – Setting up a Site and Page Layouts

The Box Model in CSS Web Design – Sec 4-8

Using JavaScript to Show an Alert

The Box Model in CSS Web Design – Sec 4-8

Unit 3 – Web design Final Project

Intro to Dreamweaver Web Design Section 8-1

Styles with Cascading Style Sheets (CSS)

How People with Disabilities Access the Web

Your GIMP Portfolio Final Site.

Building a Custom Video Player

Styles with Cascading Style Sheets (CSS)

The Box Model in CSS Web Design – Sec 4-8

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

The Good, The Bad and The Ugly – What Makes a “Good” website?

Dreamweaver – Setting up a Site and Page Layouts

CIS 273Competitive Success/tutorialrank.com

CIS 273 Education for Service-- tutorialrank.com.

Presentation transcript:

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 & Development I” Course materials

Objectives The Student will: Use a variety of CSS properties to make an unordered list look like a navigation menu. The Student will: Use a variety of CSS properties to make an unordered list look like a navigation menu.

Rest of Today Download Homework 4-13 from the web site. Stylize your navigation menu using the code given but customize for your colors, etc. Download Homework 4-13 from the web site. Stylize your navigation menu using the code given but customize for your colors, etc.

Your Web Page should look something like: