So You Want a Web Page!. What is a Web Page? According to Webopedia, a web page is: A document on the World Wide Web. A Web site is really a bunch of.

Slides:



Advertisements
Similar presentations
Peer Feedback. In the homework section on the web for today: In the homework section on the web for today: 1. Open the link in the file and log into
Advertisements

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
TOPIC LEARNING BTEC Level 3 Unit 28 Websites L01- Understand the customer requirements L02- Create a website design that meets the audience and purpose.
Certificate in Digital Applications – Level 02 Website Design and Creation.
Web design Most digitisation projects are made available through Websites Effective Access depends on good web design Identify users and their information.
Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
. Website and file organization. How websites work.
Developing Effective Civic Websites An effective website balances what the client wants, what users need, and what constitutes good design by considering:
Usability Information Systems 337 Prof. Harry Plantinga.
Designing Your Page Step 1: Design for a Computer Medium A computer screen is not a printed page. Readability changes depending on color, layout and format.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
Web Page Design ECE 3940 Megan O’Byrne 10 September 09.
Website Design BTT1OC/2OC. What is web design? O A web site is a digital page consisting of HTML (hypertext markup language) files, images, movies, sound,
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
Designing for the Web 7 Useful Design Principles.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Unit 12 LO3 Be able to design websites
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.
Web-designWeb-design. Web design What is it? Web-design features Before…
W eb D esign Concepts. The Web Design Process  Design Phase  Production Phase  Distribution Phase  Maintenance Phase.
An Introduction To Websites With a little of help from “WebPages That Suck.
Web Development. Presentation Design Visualizing your web site or Visual Design.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
4 Simple Web Design Rules. Your Web Site Should Be Easy To Read  Choose your text and background colors very carefully  Don't use backgrounds that obscure.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Web Pages That Suck By Vincent Flanders William Featherstone.
Graphical User Interface (GUI) Web site Team Matix Proposal GC 215: Web Publishing.
Introduction to Web Page Design. General Design Tips.
Tools For State and Local Web Sites Web Style, Site Headers and Promotion Banners.
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
Principles of effective web design NOTES Flo Morris-Duffin.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 5 Key Concepts 1 Copyright © Terry Felke-Morris.
Web Site Design Plan Checklist Web Design Presented by: Angelo Russo #10 11/22/2014Angelo Russo #101.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Unit 8.2 / Lesson 1 / presentation1b Website Styles.
HOW TO RECOGNIZE GOOD AND BAD DESIGNS BY DILLON SPONSELLER AND TYLER KELLY.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Evaluating Fitness Websites Kin 260 Jackie Kiwata.
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
Copyright © Terry Felke-Morris Learning Outcomes  In this chapter...  common types of website organization  principles of visual design  your target.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
AGCJ 407: Web Authoring in Agricultural Communications Design Characteristics AGCJ 407 Web Authoring in Agricultural Communications.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Understanding the principles of website development
Lecture 4 Web Design. Part 1.
Section 7.1 Section 7.2 Identify presentation design principles
Web Site Design Plan Checklist
Web Development A Visual-Spatial Approach
Web-design.
Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information.
Web Design and Development
Objective % Explain concepts used to create websites.
Step 1: Design for a Computer Medium
Fixed Positioning.
Website Design and Management Section 3 - Design
Website Procedures Basic Concepts.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Web Design 1 Website Construction.
Website production.
Information Systems 337 Prof. Harry Plantinga Usability.
Web Standards and Accessible Design.
Objective Explain concepts used to create websites.
Presentation transcript:

So You Want a Web Page!

What is a Web Page? According to Webopedia, a web page is: A document on the World Wide Web. A Web site is really a bunch of Web pages linked together by clickable hyperlinks.

Web Design Examples ain.htmlhttp://users.nac.net/falken/annoying/m ain.html -unitar/2003/dreamweaver/bad- design.htmhttp:// -unitar/2003/dreamweaver/bad- design.htm

Web Design Features General Design Backgrounds Text Navigation Links Graphics Blinking and animations Junk

Bad Web Design Examples

Good Web Design Examples index.htmlhttp://americanhistory.si.edu/westpoint/ index.html

Elements of Effective Web Design Simplicity Consistency Identity Content User-friendly navigation Visual Appeal Compatibility

Top 10 Do's and Don'ts 1.Keep graphics files small 2.Keep text files small 3.Design for easy reading 4.Design for all screen resolutions 5.Use "ALT" Tags On Graphics 6.Include contact information on every page 7.Keep your site fresh 8.Use small pages 9.Be backward compatible 10.Test your site as visitors will see it

Plan Your Website There are 3 critical phases in the design process ›Information design ›Site design ›Page design

Information Design Goals Audience Objectives Interactivity Tools Inventory Organization Planning

Assignment Identify the purpose and audience for your website.

Site Design Organization Navigation Interaction/Functionality Overall Usability/Accessibility

Organization

Navigation Navigation bars Place-finding tools Breadcrumbs Site maps

Interactivity/Functionality When planning for a site's functionality, ask yourself which of the following the site will require: ›Search features ›Forms for submitting information ›Streaming media capabilities

Usability/Accessibility Usability refers to how easy a site is to use and how well it functions. Accessibility refers to the practice of making pages on the Internet accessible to all users, especially those with disabilities.

Assignment List the major sections and subsections for your website

Page Design Create some thumbnail sketches of the pages in the site. Create detailed page mock-ups or rough sketches of the pages in the site. Create a web-based prototype

Layout Guidelines Alignment Visual Hierarchy Balance Repetition/Consistency Proximity Contrast

Resources Accessibility › › › Colors on the Web › › › › Interactivity › › › Graphics › › Other Useful Links › - Web Developer's Handbook › › - A List Apart: For People who Make Websites

Feedback: Privacy Policy Feedback
Do Not Sell My Personal Information
About project: SlidePlayer Terms of Service

© 2025 SlidePlayer.com. Inc. All rights reserved.