Web Design Unit 5.

Slides:



Advertisements
Similar presentations
PHP and CSS to control web apps styles. CSS is used to style today’s web applications.
Advertisements

CSS The basics { }. CSS Cascading Style Sheets - language used to – describe html appearance & formatting Style Sheet - file that describes – how html.
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 4, Day 1 (4/21)
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 5, Day 1 (10/28)
1 Session-13 CSIT 121 Spring 2006 Test-1 is on March 9 th ; Demo-5 due date extended to March 7 Test-1 is on March 9 th ; Demo-5 due date extended to.
Interface Programming 1 Week 15. Interface Programming 1 CALENDAR.
Orion Project Proposal HTML Tutorial Website. Define.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
IT Introduction to Website Development Welcome!
HTML & CSS Extended Homework Learn how to create websites by structuring and styling your pages with HTML and CSS. Form: Name: ICT Group: ICT Teacher:
18 People Surveyed HTML (HyperText Markup Language) HTML “tags” Describes structure Building blocks Headings, paragraphs, lists, links, images, quotes,
Website Development with Dreamweaver
Introductory Page for Teachers Logon to Quia and begin your exploration at this page.
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.
Working with Cascading Style Sheets (CSS) Module 2: HTML Basics LESSON 5.
Editing for the Web TECM 4190 Dr. Lam. What makes a website “good” Write down some characteristics that you consider define a “good” website.
Presented by Graduate Design Group 2 Meredith, Jennifer, Cammay and Diane.
© 2011 Delmar, Cengage Learning Chapter 8 Using Styles and Design Style Sheets for Design.
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.
Creating an External Style Sheet Module 5: Beyond the Basics with Expression Web LESSON 8.
1 HTML Frames
Planning your site/organization on the Web Please use speaker notes for additional information!
How to make tables in HTML By Daniel Arze. How do they do this?
Valeria Shanks Presenter Multimedia Workshop Tutorial BB You will add extra pages to your basic web page.
HTML & CSS BasicsHTMLCSSQuizAnswers  The logo In this website(made of html and css Codes), you will learn some basics of How to use HTML and CSS codes.
Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.
Planning and Designing a Website Index Page Use it as a way to introduce yourself, and describe your website. Use it as a way to introduce yourself,
INTRODUCTION TO HTML5 New HTML5 User Interface and Attributes.
External Style Sheets Exploring Computer Science – Lesson 3-6.
Practice for Chapter 3: Assume that you are a freelance web designer and need to create a website to promote your freelance company.
Before We Begin Please download the files from as we will be using them in our walkthroughs.
CK-12 STAFF TRAINING PD BY: TEACHER’S NAME. ARE YOU… Challenged by the diverse learning needs of your students in Science or Math classes? Looking for.
HTML5 and CSS3 Illustrated Unit C: Getting Started with CSS.
CSS Layout Cascading Style Sheets. Lesson Overview  In this lesson, we’ll cover:  Brief CSS review  Creating sections with the tag  Creating inline.
Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.
LT: I can use CSS to decorate a web page. Do Now: Get your storyboard, and log in to winhome. Write our a list of colors you want in your website. (Minimum.
HTML LAYOUTS. CONTENTS Layouts Example Layout Using Element Example Using Table Example Output Summary Exercise.
Unit 4 – Design and produce multimedia products AO1 – Review existing interactive multimedia products Mr S Farmer.
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
Kapi’olani Community College Art 128 Interface Programming 1 In-class Presentation Week 2B.
 Principle 1: Provide Multiple Means of Representation “Multiple means of representation to give learners various ways of acquiring information and knowledge”
ECS – Storyboarding and Introduction to Web Design
MIT 511- Web Design & Usability
External Style Sheets.
Week-12 (Lecture-1) Cascading Style Sheets (CSS): describe how documents are presented on screens. Types of Style Sheets: External Style Sheet - Define.
Getting Started with CSS
Web Design Unit 5.
Web Design Unit 5.
Web Design Unit 5.
Web Design Unit 5.
CIS 273 Possible Is Everything/snaptutorial.com
WEB 240 Competitive Success-- snaptutorial.com
CIS 273 RANK Education Your Life-- cis273rank.com.
WEB 240 Education for Service-- snaptutorial.com.
CIS 273 RANK Lessons in Excellence-- cis273rank.com.
CIS 273 RANK Perfect Education/ cis273rank.com.
WEB 240 Education for Service-- snaptutorial.com
CIS 273 RANK Education for Service-- cis273rank.com.
WEB 240 knowledge is divine-- snaptutorial.com. WEB 240 Entire Course For more classes visit WEB 240 Week 1 Individual Website Brainstorm.
WEB 240 Teaching Effectively-- snaptutorial.com
Do the Math 2/2 I can… BW…. Work with basic functions in Excel
Lesson 4 – Introduction to CSS
BUILDING A WEBSITE 7.4.3: Applying a Layout.
Web Design and Development
Basic Web Page Creation
HTML and CSS Basics.
The structure and style of web pages
October 20th – October 24th, 2014 Week 8.
HTML Forms What are clients? What are servers?
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:

Web Design Unit 5

Today’s Lesson Objectives: Create a Storyboard of multiple page website Teacher will look at one page website from group No quiz today. Perhaps Monday.

Storyboard INDEX.HTML T1.HTML T2.HTML T3.HTML

Sample

Create Storyboard for Multipage Website Choose one of ideas from brainstorming session or continue with existing one. Every student needs to work on own webpage. It ok if homepage looks the same as 1st webpage. You will work on website this week. Create story board, different sheet for each page. Make note of features you would like to add that we have not covered yet. In your design, consider usability and diverse set of users. Share with elbow partner and obtain feedback. Demo, then pass out paper, 4 sheets for each student

First Draft Draft html file and css file of homepage. You can use existing website previously worked on. Otherwise create new ones. If already have homepage, then work on other html files. The homepage or 2nd html page should use all the html tags and css style elements learned to date.

Resources http://www.w3schools.com/html/