Touring the Web Figuring out the best roads to take in web page design.

Slides:



Advertisements
Similar presentations
Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.
Advertisements

Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.
Web Site Design. Dorky Web Pages Below are features that can make a web design look dorky. These are not just my personal opinions, but are ideas I have.
© 2011 Delmar, Cengage Learning Chapter 13 Preparing Graphics for the Web.
Add Images to Improve Your Presentation Day 8. You will learn to Understand Graphics Formats Find Graphics Create Your Own Images Insert an Image on Your.
CIS101 Introduction to Computing Week 07. Agenda Your questions Resume project Review Project Two HTML Project Three This week online Next class.
CIS101 Introduction to Computing Week 06. Agenda Your questions Resume project HTML Project Two This week online Next class.
Saving a Word Document as a Web Page
CIS101 Introduction to Computing HTML Project Two.
Web Page Development Identify elements of a Web Page Start Notepad
Web Design Principles Joan Naturale NTID Reference Librarian.
CIS101 Introduction to Computing Week 06. Agenda Your questions Resume project HTML Project Two This week online Next class.
Designing Web Pages Getting to know HTML... What is HTML? Hyper Text Markup Language HTML is the major language of the Internet’s World Wide Web. Web.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
HTML Concepts and Techniques Fourth Edition Project 3 Creating Web Pages with Links, Images, and Formatted Text.
HTML Comprehensive Concepts and Techniques Third Edition Project 3 Creating Web Pages with Links, Images, and Formatted Text.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
HTML Comprehensive Concepts and Techniques Second Edition Project 3 Creating Tables in a Web Site.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 1 1.Open FrontPage – View -> Page 2.Open.
Web Design Using HTML Codes. WHAT DO I NEED TO BEGIN DESIGNING A HOME PAGE? 1.YOU NEED A FOLDER (also called a DIRECTORY) You should set up a folder or.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Chapter 18 Web Design April 16 th & 17 th. Content The most essential element of any Web page is the content Before you begin a Web page you want to know.
Unit E. Image Measurements The size of an image can be measured 2 ways: Dimensions: the height and width, measured in pixels. File Size: measured in Kilobytes.
Web-designWeb-design. Web design What is it? Web-design features Before…
Chapter 4 Adding Images. Chapter 4 Lessons Introduction 1.Insert and align images 2.Enhance an image and use alternate text 3.Insert a background image.
Chapter 1 Review Images Links Images II Pictures and Extensions.
Understanding HTML Code
1 Basic HTML. 2 Part 1: Basic Web Page Production.
CHAPTER 4 LINKS Creating links between pages Linking to other sites links.
Creating Web Pages with Links, Images, and Formatted Text
Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;
An Introduction To Websites With a little of help from “WebPages That Suck.
1 Creating a Second Web Page This section shows you how to create the Huntington Beach Web site.
Adobe Dreamweaver CS3 Revealed CHAPTER THREE: WORKING WITH TEXT AND IMAGES.
HTML Concepts and Techniques Fifth Edition Chapter 3 Creating Web Pages with Links, Images, and Formatted Text.
HTML: Hyptertext Markup Language Doman’s Sections.
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
1 Using HTML and JavaScript to Develop Websites. Using Images.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
Do’s and Don’t In Web Page Design. Good Designs Text Background does not interrupt the text Background does not interrupt the text Text is big enough.
Building Your Web Page. Build Your Web Page Orfordville Public Library held at: Parkview High School Tue. April 8 Tue. April 15 Tue. April 22.
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.
Chapter 12 Web Publishing. Goals Become an image optimization master Get a handle on Web file formats, including SVG and SWF Learn about Web image color.
Macromedia Dreamweaver 8 Revealed AND GRAPHICS WORKING WITH TEXT.
© 2011 Delmar, Cengage Learning Chapter 4 Adding Images.
Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.
1 Creating the Home Page. 2 Creating a Table Table attributes  Two rows and two columns  No border  Left-aligned Change the vertical alignment of the.
HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.
Writing Your Own Web Page: Using HTML and FrontPage Chapter 10.
Chapter 13 Preparing Graphics for the Web. Creating Slices When you create graphics for the web, you will need to pay attention to different considerations.
Browser. What parts does the browser consist of? Title bar Menu bar Toolbar Address box Links.
1 Foundation of HTML Web Page Design. 2 Safe Web Fonts: Used by most computers regardless of environment or platform  Times New Roman  Arial  Courier.
Chapter 4 HTML Tags. HTML is written in something called tags. Tags come in pairs, an opening one and a closing one. The first pair of tags we'll write.
HTML Comprehensive Concepts and Techniques Second Edition Creating Frames on a Web Page.
CIS101 Introduction to Computing Week 07 Spring 2004.
By Vicky Vickers Summarized by Mr. Parslow Webpage Design.
With Microsoft FrontPage 2000
Project Objectives Lay out Web pages Create layers
Creating a Home Page in HTML
Hosted by Coach Slanina
Web-design.
Good and Bad Design Mandy Smetana.
Website Design and Management Section 3 - Design
Introduction to Web Design
Web Design Tips.
Unit 14 Website Design HND in Computing and Systems Development
Basic Web Page Creation
Project 4 Creating an Image Map.
Presentation transcript:

Touring the Web Figuring out the best roads to take in web page design

Web Tours and Quizzes  Touring the web you come across interesting places when building a webpage  Some places you’ll want to avoid  Some you’ll want to stay and visit  Others you’ll learn new directions

Roads to Avoid  PC World - The 25 Worst Web Sites PC World - The 25 Worst Web Sites  Web Pages That Suck learn good web design by looking at bad web design Home Page Web Pages That Suck learn good web design by looking at bad web design Home Page You can find eveything NOT to do on these pages

Places to Visit  bstudio.com/ bstudio.com/  oondesign.com/ oondesign.com/  A good example of a good web site design? A good example of a good web site design?

Learning New Directions  Quiz 1  Quiz 2 Chapter3 1. A Every web page is basically the same thing: a page of text with formatting specifications in HTML code 2. C You need to make and name new folders in which to store web pages 3. C This is the most appropriate way to list an link Please us at 4. C You can make headline text larger by Selecting text and apply “heading 1” or Select text and apply BOLD 5. B Best way to create columns on a web page is to create tables or layers 6. D Paragraph and a Break differ because a paragraph has a space following it and a break has no space 7. D I will never type in CAPS, create one scrolling page, use a busy background 8. C You can tell where a link is going by positioning the pointer over the link and reading the status bar Chapter 4 1.C honey bunny.gif is not a legal file name because it has a space 2.ABCD 3.D Naming and saving your web page means it has to be saved with an HTML name 4.D Title page appears in the browser, visitor’s bookmark, used by search engines 5.D 6.D 7.A Establish a host provider before making your 1 st page because they will tell you how to name the first page 8.D

Learning new directions II  Quiz 2 Chapter 5 1. Print 2. Web 3. Web 4. Web 5. Web 6. Print Chapter 7 A. 1. Buttons are too large & take up space 2. No ALT labels 3. Too much scrolling 4. Boring backgrounds 5. Confused about where I’ll end up B. 1. Neat and compact 2. Everything is handy and clear 3. Nice matching of graphic and text 4. Easy to know what’s coming

Learning new directions III  Quiz 3 Chapter 9 1.CMYK 2.RGB 3.RGB Bit depth No 9.65, Smaller 11.Fewer pixels 12.Values must match 13.Values must match 14.Values must match Chapter 10 1.JPEG color choices 2.GIF flat color 3.GIF graphic illust. 4.GIF graphic illustr. 5.A 6.B 7.B 8.Know what is coming as page loads 9.2

Learning new directions IV  Quiz 4 Chapter 12 1.Never 2.Never 3.Never 4.Never 5.Sometimes 6.Sometimes 7.Sometimes 8.Never 9.Never 10.Never 11.Never