Website Development Instructor: Brad Atkinson. Planning Save valuable time Create mock-up drawing Provide useful content.

Slides:

Advertisements

Similar presentations

The Web Wizards Guide to HTML Chapter Six Tables.

Advertisements

Chapter 3 – Web Design Tables & Page Layout

Basic Principles of Web Page Design CSCI 150, CSCI 155, CSCI , MSTI 131 and MSTI 260 Developed by BNapoli.

1 Cascading Style Sheets Continued Different kinds of selectors in a style sheet –Simple- Pseudo-Class –Contextual- Pseudo-Element –Class Image Styles.

Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.

6 Developing Content and Layout Section 6.1 Generate and organize content ideas Write and organize Web text Section 6.2 Identify page dimension guidelines.

Preparing Business Reports

Chapter 10—Creating Presentations

LAYOUT OF PAGE ELEMENTS September 24 th, Importance of Layout  “Page layout is the art of manipulating the user’s attention on a page to convey.

Creating a Poster from a PowerPoint Presentation Margy Ingram Learning Technology Services University of Wisconsin-Stout Margy Ingram Learning Technology.

Connie Padilla - New Mexico State University Writing for the Web Increase usability of your site by writing and formatting for the web.

Visual Organization and Website Design Unit 5 (no CSS) September 19.

Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.

Obj  Standard pre-formatted layouts  May contain a color scheme, font scheme, pictures, and preset margins.

Chapter 8 Document Design 2 Page Layout

Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.

WEB DESIGN TIPS FOR DESIGNING A WEB PAGE. PURPOSE OF WEBSITE To inform To persuade To market/sell To entertain To advocate KNOW YOUR PURPOSE!

CHAPTER 14 Formatting a Workbook Part 1. Learning Objectives Format text, numbers, dates, and time Format cells and ranges CMPTR Chapter 14: Formatting.

Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.

1 Technical Communication A Reader-Centred Approach First Canadian Edition Paul V. Anderson Kerry Surman

Planning a Web Site Unit Two Planning Steps 1. Determine the audience & objectives. 2. Sketch a storyboard or flowchart of the pages. 3. Create a folder.

Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.

 View Ribbon, Document Views group, click “Print Layout”  Standard working view for print documents  Default view in Word 2010  Shows you how your.

This template is provided as a guide to help in the design of your presentation.

BASIC PRINCIPLES OF DESIGN DESIGN, MULTIMEDIA, AND WEB TECHNOLOGIES (DMWT)

Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.

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;

Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.

Using Adobe ® Dreamweaver ® and Photoshop ® An Introduction PART ONE The design phase before launching Dreamweaver.

Online Course Design CONTENT DEVELOPMENT Jennifer Freeman ACADEMIC ■ IMPRESSIONS.

Html Tables Basic Table Markup. How Tables are Used For Data Display Tables were originally designed to display and organize tabular data (charts, statistics,

Tools For State and Local Web Sites Web Style, Site Headers and Promotion Banners.

Accessible power point presentation template To be used by staff in departments.

Start Dreamweaver program From file menu click new Blank page appears.

Basic Table Elements. 2 Objectives Define table elements Describe the steps used to plan, design, and code a table Create a borderless table with text.

Web Design Basics Creating Appealing Websites Basics of Web Design: HTML 5 and CSS3, Felke-Morris, T.c.

Principles of effective web design NOTES Flo Morris-Duffin.

Elements of Website Design. Homepage ● first page of the website ● website title ● general introduction ● authors or creators information ● date updated.

Web Design and Development Web Pages for the Real World.

Now, let’s examine the page data. We’ve already seen the page name and the directory where the page is saved.

Webpages 7 th Grade Quest What Are Your Webpage Pet Peeves? Incorrect Spelling and Grammar Errors Page Takes Forever to Load Information is Out.

?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.

Windows layout. During the design process, the individual elements, or building blocks, of screens will have been identified. A logical flow of information.

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Planning and Design.

Web Site Development - Process of planning and creating a website.

Graphics Navigation Usability Typography Content Clarity & Consistency.

Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.

Creating Tables in a Web Site HTML 4 Created by S. Cox.

Jeopardy Tabs commands Types of slide Show Effects Mis. Q $100 Q $200 Q $300 Q $400 Q $500 Q $100 Q $200 Q $300 Q $400 Q $500 Final Jeopardy.

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.

HINTS AND TIPS FOR IWBS Evelyn Wassel, Ed.D.. Make sure there is plenty of space both in front and to either side of your whiteboard so that you can move.

DMT612 Professional Preparation EFFECTIVE WEB DESIGN.

Web technologies Session 2. Slide 2. 1 Objectives for session 2  To develop participants’ knowledge, skills and understanding of web-page design  To.

Progress Book Applications

These standards will serve us well in any technical communication job.

Web Design Principles.

Tutorial: How to Creat a Website.

Website design Emma Purnell.

Your First & Last Name (Make sure you capitalize your first and last name!) Follow these instructions: 1. Center your name on the slide (use the “Centered”

Layout - you need to understand that a simple navigation bar:

PLEASE DELETE THIS SLIDE WHEN YOUR PRESENTATION IS COMPLETE

Fixed Positioning.

Better Design Understand how to incorporate key design concepts to the entire site Guidelines for site design Use color, balance, alignment, and other.

Web Content Management

Created by: Jennifer Tyndall Spring Creek High School

Starting from Scratch: MLA Format

Views in Word 2010.

Best Practices for Creating Library Resource Guides:

Web Design Principles.

Applications Software

Presentation transcript:

Website Development Instructor: Brad Atkinson

Planning Save valuable time Create mock-up drawing Provide useful content

Page Layout Maintain consistency Provide descriptive page titles Enable access to the homepage Set appropriate page lengths Place important items at top center Use moderate white space Align items on a page

Scrolling and Paging Eliminate horizontal scrolling Scroll fewer screenfuls

Text Appearance Use black text on plain, high-contrast backgrounds Ensure visual consistency Use at least 12-point font Use familiar fonts Emphasize importance

Images Limit large images above the fold Limit the use of images Ensure that images do not slow downloads Use thumbnail images to preview larger images Use simple background images

Writing Web Content Make first sentences descriptive Organize information clearly

Content Organization Put critical information near the top of the website Facilitate scanning Format lists to ease scanning Group related elements Display only necessary information

Testing Usability testing