Title: "Cutting Out the Noise" Author: Phil Ware Publication Date: February 19, 2001 Share with Others Related Heartlight Resources Advanced Web Design.

Slides:



Advertisements
Similar presentations
DREAMWEAVER WORKSPACE The Document Window The Code Inspector Panel The Insert Bar The Property Inspector Panels and Panel Groups The Site Panel The Menu.
Advertisements

Website Development Scott Hastings. Website Development: How to help yourself. Fundamental Computer Techniques Find the Bigger Buttons Modifiers + [Mouse.
Chapter 3 – Web Design Tables & Page Layout
Development and Alumni Relations System - Communication #5 - DARS v3.0: Internet Solutions.
MIS 425 Lecture 2 – HTML Navigation, Colors, tables and Styles Instructor: Martin Neuhard
Click to edit Master title style How to Create a Discussion Silver & VIP members
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 10: GUI HTML Editors.
Website design basics QUME Learning objectives Understand the basic elements of a Web page and how it is produced Be aware of different approaches.
Macromedia Dreamweaver 4 Foundation Level Course.
Explore the Dreamweaver Workspace View a Web page and use Help Plan and Define a Web site Add a Folder and Pages, and set the Home page Create and View.
Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.
IS 360 Web Promotion. Slide 2 Overview How to attract visitors.
HTML Introduction HTML
Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.
 Definition of HTML Definition of HTML  Tags in HTML Tags in HTML  Creation of HTML document Creation of HTML document  Structure of HTML Structure.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Web Development 311 Fall : Fall Why web pages? Most companies have intranets, extranets, and web sites Content can be changed quickly and.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
What is Web Authoring? Web Authoring Tools Use Text Editors HTML Editors Web-based Authoring Tools Integrated Web Authoring Tools 8Basic Understanding.
“Top Ten Guidelines for Homepage Usability” Written by: Jakob Nielsen Presented by: Eric Schwartz Date : November 6, 2007.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 1 1.Open FrontPage – View -> Page 2.Open.
Who Wants to be a Millionaire? Web Page Development Dreamweaver Chapter 1.
Web Technologies Website Development Trade & Industrial Education
Websites for FIRST Robotics Teams Chris Elston - Team 1501.
Website Development with Dreamweaver
Chapter 5 Creating an Image Map.
Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster
Visual Web Design Dreamweaver Level 2. Hospitality Restrooms Food and Drink Turn cell phones off or set to vibrate Smoking Comfort Breaks Class Hours.
An Introduction To Websites With a little of help from “WebPages That Suck.
Dreamweaver MX Unit B CIS 205—Web Site Design and Development.
JAOIT 8.  Dreamweaver is a program for creating web pages and managing websites without having to type HTML code.  WYSIWYG – What you see is what you.
Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.
Session 1 SESSION 1 Working with Dreamweaver 8.0.
HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
HTML Authoring. Design  A good website starts its life in the design stage Layout, Color, Sound, Content, Functionality and Maintainability aspects are.
CO1552 – Web Application Development Linking Pages - The Basis of the Web.
Creating Web Pages Chapter 5 Learn how to… Identify Web page creation strategies. Define HTML Web page elements. Describe the principles of good screen.
CPT 499 Internet Skills for Educators Session Ten Class Notes.
Build Your Own Website Review of week 3 Editing your header Editing your header Creating and navigating to hidden pages Creating and navigating to hidden.
CMA Workshop Image Links and Text Links on the Same Line in a Component.
Web Development Process The Site Development Process Site Construction is one of the last steps.
1 After completing this lesson, you will be able to: Comprehend what you will need to display your Web pages online. Find server space on the Web for your.
Project 1 Dreamweaver Provides. Automatic Web Page Design Develop your own webpage without having to spend hours writing HTML code Web site management.
Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.
3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.
Introduction ITM-711 Web Applications. 2 Outline  Overview of The Web  Good Design.
Home page Web page link 1 Web page link 2Web page link 3Web page link 4.
HTML HYPER TEXT MARKUP LANGUAGE. INTRODUCTION Normal text” surrounded by bracketed tags that tell browsers how to display web pages Pages end with “.htm”
+ Publishing Your First Post USING WORDPRESS. + A CMS (content management system) is an application that allows you to publish, edit, modify, organize,
Title: "Cutting Out the Noise" Author: Phil Ware Publication Date: February 19, 2001 Share with Others Related Heartlight Resources Basic Web Design &
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
WASHINGTON STATE UNIVERSITY EXTENSION Web It!. Teasers vs leads Know your audience! Tease and link Best bits
SEARCH ENGINE OPTIMIZATION, SECURITY, MAINTENANCE.
WEB DESIGN CONCEPTS Brayden Burr. UNDERSTANDING THE CONTENT.
Front End Design By Sylvester Ndung’u
Software Operating System Applications BIOS.
Objective % Select and utilize tools to design and develop websites.
Inquiring and analyzing options for creating a website
CONTENT MANAGEMENT SYSTEM CSIR-NISCAIR, New Delhi
Objective % Select and utilize tools to design and develop websites.
Welcome To Web Tutor Basics of Designing a website
Objective % Explain concepts used to create websites.
Page plans A01 Design.
Creating a Successful Web Presence
Overview of Dreamweaver
HTML Text editors and adding graphics
3.00 Understanding the Adobe Dreamweaver interface. (12%)
Chapter 4 Planning Site Navigation
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Presentation transcript:

Title: "Cutting Out the Noise" Author: Phil Ware Publication Date: February 19, 2001 Share with Others Related Heartlight Resources Advanced Web Design the Heartlight Team

Session Overview Lightning Loads & Lightning Downloads Content Insertion Techniques Site Searchability The LYSTI ® Factor Lightning Loads & Lightning Downloads Content Insertion Techniques Site Searchability The LYSTI ® Factor Top <p align="center

Lightning-Fast Downloads Faster access increases expectation of faster downloads –Ruthless K-targets 42-52k max –Text vs. Graphical links text is faster –Fight content below the fold 2 page downs and your dead –Tables vs. Frames tables are generally quicker, don’t break as often and don’t run the back button & bookmarking Faster access increases expectation of faster downloads –Ruthless K-targets 42-52k max –Text vs. Graphical links text is faster –Fight content below the fold 2 page downs and your dead –Tables vs. Frames tables are generally quicker, don’t break as often and don’t run the back button & bookmarking Top <p align="center

Code & Image Optimization “Power” tools often means extra code Handcoding vs. Coders –Notepad, Wordpad, Text Editors –Bbedit & Homesite –Front Page, HoTMetal, GoLive, Dreamweaver Image Enhancers & Optimizers –Photoshop 5.5 –Paint Shop Pro –Fireworks –Freebies & others “Power” tools often means extra code Handcoding vs. Coders –Notepad, Wordpad, Text Editors –Bbedit & Homesite –Front Page, HoTMetal, GoLive, Dreamweaver Image Enhancers & Optimizers –Photoshop 5.5 –Paint Shop Pro –Fireworks –Freebies & others Top <p align="center

Content Insertion Techniques Meta Tags –Timing & crude slide shows –Searching Features –Quick identification Comment Tags –Easier navigation –SS Includes –JS Text Calls Framing vs. Pop Up Window Link (target=“new_window”) Meta Tags –Timing & crude slide shows –Searching Features –Quick identification Comment Tags –Easier navigation –SS Includes –JS Text Calls Framing vs. Pop Up Window Link (target=“new_window”) Top <p align="center

Site Search The Crucial Tool to Being Crucial Why? –Your usability (build internal links) –Your users control flow –Rescuing your archives Why? –Your usability (build internal links) –Your users control flow –Rescuing your archives Top <p align="center

LYSTI ® Top <p align="center The Ultimate Site Usability Testing Agent!