Web Design Etiquette. Small is Beautiful Large pages a pain to download – remember that people are using dial-up modems still. Use carefully selected.

Slides:



Advertisements
Similar presentations
The Web Wizards Guide to HTML Chapter Six Tables.
Advertisements

CSS. CSS, or Cascading Styles Sheets, is a way to style HTML. Whereas the HTML is the content, the style sheet is the presentation of that document.
Web Design with Cascading Style Sheet Lan Vu. Overview Introduction to CSS Designing CSS Using Visual Studio to create CSS Using template for web design.
Be Brilliant with Student Loans Material Makeover: basics of effective design MASFAA Wednesday, November 19, 2003.
Assignment 1 Pointers ● Be sure to use all tags properly – Don't use a tag for something it wasn't designed for – Ex. Do not use heading tags... for regular.
Creating a Web Page HyperText Markup Language. HTML Documents  Created using any text editor  Notepad  Vi, Pico, or Emacs  If using word-processor,
Making The Web Usable By Everyone (Including people with disabilities, people with slow net connections, people with broken mice, etc.) Gregory C. Lowney,
Basic Web Design Considerations CS /6/07. Basic terms Web page Web page Web site Web site Home page Home page Sub pages Sub pages.
Accessible Word Document Training Microsoft Word 2010.
Choose Text Styles Sparingly for Emphasis with or without COLOR Bold Italic Underline Combination.
Good Web Design And other life skills…. “I can recognize good and poor web design.”
PRESENTATION SOFTWARE PowerPoint, Keynote, Prezi Purpose?
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.
Web Design Unit Assignment #2: Job Skills Favorite Links Page You will create a HTML web page with links to informational websites about a variety of job.
Edit With Microsoft Word Experiential English I. OPEN ANN’s FILE What kind of mistakes is underlined red? What kind of mistakes is underlined green?
How to Create an Electricity Timeline By: Mr. Toole.
Word Tips. Objectives Open and close MS Word Learn the parts of the Word window Learn the toolbar, their buttons, and what they do Create and save a new.
Web Design-Lecture2-QN-2003 Web Design Microsoft FrontPage®
Lesson 2 HTML organization techniques Week 2. Respect WWW  R = responsibility: assume personal responsibility and create only ethical and appropriate.
Web Design Rules. #1 Easy to Read Includes: Includes: Navigation Navigation Color Color Text Text Graphics Graphics Backgrounds Backgrounds Borders Borders.
Exploring Microsoft Office Welcome to Cyberspace: The Internet and World Wide Web1 Exploring the Internet Chapter 1 Welcome to Cyberspace: The Internet.
By Brieya. What is HTML Hypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects.
91073 Website design West Coast Tourism Name:. Specifications The website is advertising a new business with bus transport to local tourist places An.
Design Tips for PowerPoint Projects for Ms. Birtcher’s Classes.
Microsoft Word Objective: Understand Basic Word/Word Processing Skills Lesson: Create and Save a New Document LOL: Understand/Apply Create your first Word.
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.
Prioritizing Web Usability Nielsen and Loranger Chapter 7: Typography: Readability and Legibility Paul Ammann SWE 432 Design.
Objective #4 Given a PowerPoint slide that is incorrectly formatted as to font, color, size, and style, correctly fix all of the formatting problems of.
Sports Website Creation. In this project you will design and produce your own website.
Why are links important to a website? Web Design Course.
Negative ranking factors are things you do on your site that harm your rankings. Linking out to low trust websites. Duplicate Content Not Being Mobile.
How to make flyers with Microsoft Publisher Step one: Open Microsoft Word and start publisher.
Web Design Basics Creating Appealing Websites Basics of Web Design: HTML 5 and CSS3, Felke-Morris, T.c.
Web Site Design: Layout Fall Basic Concepts Basic Web Design Concepts – Proximity – Alignment – Repetition – Contrast
Basic Design Tips for Web Pages. Alignment Left, right, center Choose one alignment and use it on the entire page Align form elements, table elements,
Presentation Basics Some guidelines for creating PowerPoint slide shows.
WORD PROCESSOR AND POWER POINT IN THE CLASSROOM. A word processing and power point program does not require highly advanced hardware. This means that.

Macromedia Dreamweaver 8 Revealed WEB PAGE DEVELOPING A.
Choose Your Own Adventure! Using Web Poster Wizard for Content.
How to Create Accessible Online Course Content Shivan Mahabir Athanasia (Tania) Kalaitzidis Kevin Korber Danny Villaroel.
Sample text for bullet –The secondary bullet looks like this –And there are a few more levels And another bullet goes here Introduction.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
 Choose a theme that is clean, simple and appropriate to what you write about.  Think about what you need your site to do for you when choosing a theme.
Accessible Word Document Creation Using Microsoft Word 2010.
Design Tips for Business. Introduction Christine Hennigan, owner/creative director of 1-Stop Design Shop, Inc. Full service design studio providing print.
Color Aesthetics Weinman, chapter 2 Terms, color themes and relationships, type, layout Aesthetics a guiding principle in matters of artistic beauty and.
1 Introduction to HTML. 2 Definitions  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.
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.
How to do Themes and Color Schemes.
Designing online: canva.com
PowerPoint.
Chapter A - Getting Started with Dreamweaver MX 2004
15 Basic Web Designing Tips
Tutorial: How to Creat a Website.
Making Templates Accessible
Name of author Title of presentation.
Objective % Explain concepts used to create websites.
The Basics Ms. Ricks Jan
New PowerPoint Template
Exercise 8 – Software skills
New PowerPoint Template
Making Templates Accessible
Krug Chapter 1 Don’t Make Me Think ! And Designing Hyper Text
PUBLISHING TO THE WORLD WIDE WEB
The Basics Ms. Ricks Jan
Objective Explain concepts used to create websites.
Krug Chapter 1 Don’t Make Me Think ! And Designing Hyper Text
Wheelers clubs Your site will consist of 3 pages:
Presentation transcript:

Web Design Etiquette

Small is Beautiful Large pages a pain to download – remember that people are using dial-up modems still. Use carefully selected images and graphics Keep the design simple

Be Kind to Others Different web browsers such as Firefox, Explorer, Chrome (sadly) are not the same Exotic effects do not translate well Test your website on different browsers/

Make a Good Read Make sure that the style of the text is readable. Use a sans-serif font not a serif font The easiest color to read is black text on a white background.

Edit, Edit, Edit Proofread everything, if one word misspelled, it shines like a beacon. Poor grammar announces poor editing skills. Edit until you are satisfied, then edit some more. Good tip: Put your paragraphs into Microsoft Word and use the grammar and spell checker. Everybody on the world wide web is going to see your work!

Test your links!!! If a link is not working anymore, it is frustrating. Click on everything, find the mistake, and fix it.

Color Loud color vs. subtle color

Color continued Start with a greyscale base Choose one color to highlight. Keep the color scheme simple. If you have a hard time choosing a highlight color, choose blue and vary the different shades and hues of blue.