Unit 3 – Web design Final Project

Slides:

Advertisements

Similar presentations

TOPIC LEARNING BTEC Level 3 Unit 28 Websites L01- Understand the customer requirements L02- Create a website design that meets the audience and purpose.

Advertisements

1 Lesson 5 Introduction to Cascading Style Sheets HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.

Unit 20 - Client Side Customisation of Web Pages

Project Two Art3870 fall Web Services Concept Selling web services to Art Galleries ◦ Our group sells web site development for art galleries: the.

Web Program Development1 February 23, 2011 HTML Web Page Development Debbie Bartlett February 23, 2011.

IMAGES Controlling size of images in CSS Aligning images in CSS Adding background images.

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

Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.

211 Multimedia Web Design Lesson 7 Planning / Designing a Site.

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

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.

+ Introduction to Wireframing. + Overview Storyboarding and wireframing your site before you start to code is another step in the website design process.

© and web design. Acceptable Most Web designers crib some of their source code, either from other sites or their previous work. These are usually individual.

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

Creating With Code.

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

March 3, 2011 Computer Science Mr. Verlin Web Design: Tables (1 of 6)

Objective Understand concepts used to web-based digital media. Course Weight : 5%

INTRODUCTION TO HTML5 Semantic Layout in HTML5.  The new semantic layout in HTML5 refers to a new class of elements that is designed to help you understand.

Cascading Style Sheets Class 2, Lecture 3 Rachel A Ober

Mary Immaculate College 9 th Nov. Objectives Participants will be enabled to: Create and maintain your school’s website using Scoilnet Blogs Add other.

Planning your site/organization on the Web Please use speaker notes for additional information!

Page Layout Styles Exploring Computer Science – Lesson 3-8 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

Teacher In-service January 25, 2013 Presented by Kevin Pedersen of.

Selling Your FFA Chapter Online Making Use of the INTERNET…

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

Principles of Web Design Da’Zheonna M. Cotton 2/8/13.

December 20, 2010 Computer Science Mr. Verlin Adding Blogs with iWeb.

Things we’ve covered so far  Basic HTML  Some advanced tags i.e.  Styling using CSS  Background-color  Text  Changing the font on your site  Inserting.

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 &

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

WILLY’S STRAWBERRY FACTORY Website Proposal. WEBSITE CONTENT Photo galleries of the factory Directions via Google Maps embedded on the website Pricing.

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.

Web Site Evaluation Exploring Computer Science – Lesson 1-3.

External Style Sheets Exploring Computer Science – Lesson 3-6.

Using CSS to Create Some Style Module 5: Beyond the Basics with Expression Web LESSON 5.

Unit 3 – Web design Final Project

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

Mr. Rouda’s CSCI 101 sections. Format of Every Page my page this is the body.

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.

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

Images were sourced from the following web sites: Slide 2:commons.wikimedia.org/wiki/File:BorromeanRing...commons.wikimedia.org/wiki/File:BorromeanRing...

INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.

Unit 15 – Web Authoring Web Authoring Project.

Kapi’olani Community College Art 128 Interface Programming 1 In-class Presentation Week 2B.

MIT 511- Web Design & Usability

Cascading Style Sheets (CSS)

Web Basics: HTML/CSS/JavaScript What are they?

Web Design Unit 5.

Web Design Unit 5.

Unit 3 – Web design Final Project

Exploring Computer Science – Lesson 4-5

Your GIMP Portfolio Final Site.

Introduction to Wireframing

Web Design Unit 5.

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

Page plans A01 Design.

Fixed Positioning.

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

Moving Sprites in Scratch

Unit 3 – Web design Final Project

For use on your feedback page

In today's lesson you will…

Use an Internet Browser

Uppingham Community College

Monday, Sept. 24 Today we are going to update the html code to html5. It has some new features that we have not covered yet.

Presentation transcript:

Unit 3 – Web design Final Project Exploring Computer Science – Lesson 3-11

Your web site about yourself will become the final project foe the web design unit. Your web site must include At least 3 separate web pages A stylized navigation menu that links to all the pages. Must be included on every page! Images Each page has headers, navigation and content CSS code to make it look good! Final Project

Rubric Do you have? Points Possible Website Content Do you have? Points Possible Website Content 3 or more pages on your site 30 Images that support your topic (at least 1 per page) Content about you and your future Website Design Incorporate two of the layout styles into your website (list/table/absolute positioning) 20 Include navigation menu, or accordion menu. Links to all the pages of your website on each page. CSS Code Headers (i.e. <h1> <h2> etc) on each page Total 200 Rubric

You must complete this today! The first part of tomorrow we will do a gallery walk of each other web sites. The person whose web site is voted the best in the class will receive extra credit. Also any work you owe Mr. Keys must be completed today! Tomorrow we begin a new unit… When is this Due?