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.

Slides:

Advertisements

Similar presentations

Jump to Contents Instructor Tutorial essignments.com Paperless assignment submission system.

Advertisements

Introduction to Creating a Web Page using a Simple Text Editor (Notepad) 1  2004 Ecirp Studios

Chapter 8 Creating Style Sheets.

Certificate in Digital Applications – Level 02 Website Design and Creation.

ANGEL Training Uploading content to your class Plainview High School presents: Created by: Lori K. Klooz.

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

Basics of HTML. Example Code Hello World Hello World This is a web page.

 Missing (or duplicate) semicolons can make the browser completely ignore the style rule.  You may add extra spaces between the properties/values to.

© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.

© 2010 Delmar, Cengage Learning Chapter 7 Using Styles and Style Sheets for Design.

STYLING THE WEBSITE - EXTERNAL CSS BY JORGE MARTINEZ.

Robert Vitolo CS430.  CSS (Cascading Style Sheets)  Purpose: To provide a consistent look and feel for a set of web pages To make it easy to update.

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

Font Families by Anthony Asay. Font Family ●Font family or font face is the typeface that is applied to the text by a web browser. ●There are a lot of.

Creating an Expression Web Site

Web Technologies Website Development Trade & Industrial Education

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.

MAKING A WEBSITE WRA AGENDA Go over some website basics and reminders Issues or problems? Continue to SCRUM Work.

Assignment 2 Due November 4, 1:30pm. Website You are creating a website for a fictional business which must sell some sort of product You can create any.

Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.

Web Foundations MONDAY, SEPTEMBER 30, 2013 LECTURE 3: COMMON HTML TAGS, NEW HTML5 SECTIONS, USING FTP.

Bare bones notes. Suggested organization for main folder. REQUIRED organization for the 115 folder.

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

The format is text files, with.htm or.html extension. Hard returns, tabs, and extra spaces are ignored. DO NOT use spaces in file names. File names ARE.

Web Design First Semester Project – Getting Started in Dreamweaver.

Working with Cascading Style Sheets (CSS) Module 2: HTML Basics LESSON 5.

Dreamweaver MX Unit B CIS 205—Web Site Design and Development.

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

An Introduction to Web-Supplemented Blackboard Sites Connie Cerniglia X 2259 Spring 2003.

Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: – The head content – The body Creating Head Content and Setting Page.

G053 - Lecture 07 Designing Your Web Pages Mr C Johnston ICT Teacher

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.

Part 3: Page Structure. Activity: Table of Contents (TOC) Create a table of contents that links to each of your previously built pages. Follow the directions.

IT: Web Technologies: Web Animation 1 Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Designing Web Site Layout Using.

IT Introduction to Website Development Welcome!

Coursework Documentation INTRODUCTION TO INTERNET.

HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.

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 &

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.

Adobe Dreamweaver CS3 Developing a Web Page. Planning the Page Layout Use White SpaceUse White Space Limit media objectsLimit media objects KISSKISS Use.

Please open a file manager window and Dreamweaver.

3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.

Microsoft FrontPage 2003 Illustrated Complete Working on the Web Site’s Hyperlinks and Appearance.

Unit 3 – Web design Final Project

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

Course Content Emily Dixon. Content Strategy Web > Class > Modules > Module 1 (etc) > Projects > Exercises Public > NO strategy–It’s a mess Dixonem1 >

Practice for Chapter 3: Assume that you are a freelance web designer and need to create a website to promote your freelance company.

Group 9: Through examples, explain how to build a css navigation bar. Presented by: Daniel Ku, Matt Iannacci & Iphia Henry.

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

COMP 143 Web Development with Adobe Dreamweaver CC.

Pre-Production Meet with the client to create a project plan:

Section 7.1 Section 7.2 Identify presentation design principles

Unit 3 – Web design Final Project

Unit 3 – Web design Final Project

Intro to Dreamweaver Web Design Section 8-1

Pre-Coding Web Design – Sec 3-1

GCE Applied ICT G053: Lesson 07 Design Tools and Techniques

This is the blank slide default for this design.

This is the blank slide default for this design.

Using Netscape Page Composer

Working with Cascading Style Sheets (CSS)

Working with Cascading Style Sheets (CSS)

Introduction to the ISB Intranet

This is the blank slide default for this design.

This is the blank slide default for this design.

This is the blank slide default for this design.

This is the blank slide default for this design.

Presentation transcript:

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 business, zoo, museum, etc. Think about the type business you might like to do for that project o You can change your mind later! Using what you learned so far this year, create a basic homepage and beginning structure for the web site for your business.

Requirements - Content The homepage must contain: 1.The name of your company as a main heading. 2.A navigation menu linking to at least 3 other pages o Those pages only contain a title, the navigation list and an empty section. 3.A description of the company. 4.A list of product and/or services and/or features. 5.Contact information.

Requirements – HTML/CSS Your web site must also have: External CSS code which all the web pages use. A color scheme (designed through colorschemedesigner.com or similar) Fonts deliberately chosen to match your company o Select fonts for your main heading, and rest of the document. sections around each of items 2-5 listed in the previous slide. Do this work in a separate folder from your portfolio.

Rubric Category4321 Structure of homepage Main Heading in place. All other areas properly defined Main heading in place and some divisions, but some areas not defined Main heading in place but no divisions. Homepage shows no structure Navigation menu Present and functional on all pages. Present on homepage and links functional but not present on other pages, Present on homepage but links do not work Not present Color Scheme Color Scheme chosen and matches the type of business Color scheme chosen but does not match the type of business Color scheme designed ad hoc No Color Scheme Fonts Fonts are readable and consistent Fonts are readable but inconsistent Fonts are difficult to read Fonts are simply the default fonts. Information Description and list of products/services realistic and match the business Description present and plausible but products and/or services don’t match Description present but seems implausible for a real business No description of the company

Grade/When is this due? This project is worth 40 points. Do not skip this! o Projects are worth 60% of your grade Your grade is your score on the rubric times 2. This is due on Wednesday Oct 16 th Thursday Oct 17 th.