Project 2 Issues Dr. Ralph D. Westfall February, 2006.

Slides:



Advertisements
Similar presentations
Chapter 3 – Web Design Tables & Page Layout
Advertisements

Tutorial 2: Formatting Text. Objectives Session 2.1 – Learn the functions of the Common toolbar – Change the size of text – Discern which fonts to use.
Intermediate Level Course. Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text.
MSc. Publishing on WWW Tables and Style Sheets. Tables Tables are used to: Organize and display tabular data To create a layout for web pages.
® Microsoft Office 2010 Word Tutorial 1 Creating a Document.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
A Beginners Guide to Web Site Design. What we will cover…. Planning your site. Creating a template. Images and Fonts. Absolute vs. Relative Links.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
HTML Tables and Forms Creating Web Pages with HTML CIS 133 Web Programming Concepts 1.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.
Web Design HTML, Frontpage, DreamWeaver μέρος β ΠΡΥ019 - Πληροφορική Δρ.Βάσος Βασιλείου.
Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?
Tips on Creating a Dynamic Presentation  Establish your purpose  Narrow your topic  Identify your audience  Consider design elements and use of visual.
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.
Testing and Debugging Web pages. Final exam Wednesday, May 10: 10am – noon Content: guidelines will be distributed next lecture Format: Matching, multiple.
Web Technologies Website Development Trade & Industrial Education
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.
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
Basic Responsive Design Techniques. Let’s take a look at this basic layout. It has a header and two columns of text, in a box that is centered on the.
Amber Annett David Bell October 13 th, What will happen What is this business about personal web pages? Designated location of your own web page.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
Chapter 4: Hypertext Markup Language Primer TECH Prof. Jeff Cheng.
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.
Website Development with Dreamweaver
DHTML AND JAVASCRIPT Genetic Computer School LESSON 2 HTML TAGS G H E F.
1 Lesson 3 Power Techniques HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.
An Introduction To Websites With a little of help from “WebPages That Suck.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
 Word doc for you to download › Link at the beginning of class › 10 Questions › Answers to be added inline  Post to Sakai when completed › No resubmits.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Welcome! The Topic For Today Is Word Processing and Desktop Publishing.
CIS 451: "Shopping Cart" Design Research Exercises Dr. Ralph D. Westfall January, 2009.
 Remember that HTML is just text  Need to point to pictures  Use the img tag  alt: › screen reader › REQUIRED for this class and to validate.
Dreamweaver CS4 Concepts and Techniques Chapter 2 Adding Web Pages, Links, and Images.
Chapter 8 Collecting Data with Forms. Chapter 8 Lessons Introduction 1.Plan and create a form 2.Edit and format a form 3.Work with form objects 4.Test.
© 2012 The McGraw-Hill Companies, Inc. All rights reserved. word 2010 Chapter 3 Formatting Documents.
Introduction to Web Page Design. General Design Tips.
Use CSS to Implement a Reusable Design Selecting a Dreamweaver CSS Starter Layout is the easiest way to create a page with a CSS layout You can access.
Web Site Design 15 Easy Steps to an Excellent Web Site.
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,
Principles of effective web design NOTES Flo Morris-Duffin.
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
1 © Netskills Quality Internet Training, University of Newcastle Using Style Sheets in Dreamweaver CS © Netskills, Quality Internet Training, University.
Macromedia Dreamweaver 8 Revealed WEB PAGE DEVELOPING A.
1. Chapter 8 Inserting Elements and Navigating in a Document.
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.
Cumulative Review of Microsoft Word Mrs. Masishin.
 The formatting applied to a document can affect: › How the reader interprets the document › How easily the document is read › The overall impression.
1 PROJECT 2 WEB/HTML PROJECT USING MICROSOFT WORD Management Information Systems.
Web Site Development - Process of planning and creating a website.
Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.
Building a Website: Layout Fall Overall Structure: Home Page Title Section Title Frame Picture UNCP Math Menu Content Footer Contact Information.
Word and the Writing Process. To create a document 1.On the Start menu, point to Programs, and then click Microsoft Word. A new document opens in Normal.
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.
1 CSE 403 Web Patterns and Design These lecture slides are copyright (C) Marty Stepp, 2007, with significant content taken from slides written by Valentin.
 Add one element at a time  If it doesn’t do what you want, › Delete it › DON’T just keep piling on more items.
ACS Undergraduate Research Symposium Saturday, April 30 at Saint Mary’s College –
E commerce Online Shopping Website at Rs. 7920/-.
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.
Section 7.1 Section 7.2 Identify presentation design principles
Chapter A - Getting Started with Dreamweaver MX 2004
Chapter A - Getting Started with Dreamweaver MX 2004
Formatting a Workbook Part 2
Fixed Positioning.
BAZaaR FOR HOSTING COMPANY
Multipage Sites.
Presentation transcript:

Project 2 Issues Dr. Ralph D. Westfall February, 2006

Technology Issues Need to calculate shipping cost Need validation on customer data inputs identify missing items specifically identify bad format e.g., letters for credit card instead of numbers

Technology Issues - 2 Test in Netscape and IE Test all links Use.aspx code for last updated in.aspx files (rather than JavaScript) Put all code files into one Word doc file also Insert all.mht files into this file

Page Design 16 million possible background colors 216 "web safe" colors Some fonts look more attractive than others Can use colored text don't hide text on dark background be careful about changing link colors Photo/image: clear, shows main feature

More Design Issues Avoid unused "white space" in pixels of screen width (e.g., top left or top center) put buttons side by side, not over/under Avoid long lines of small text Use hidden tables to position form elements Be consistent between pages color, font, logo/image, layout, etc. purchase and confirmation (last) pages also

Content/Appearance Use spelling checkerspelling checker available in Dreamweaver, Word, etc. Check appearance with different screen size 800 (=800x600), 1024 (=1024x768) can reset display in Windows Control Panel Centered text has ragged margins unpredictable line breaks, different widths

Content/Appearance - 2 Put descriptive text by products what it does, why it’s a good buy On order page, identify products by name instead of Product No. 3

Customer Focus Opposite to focus of a personal home page What does customer want/need (calculator)customer want/needcalculator "Do you need … ?" "Looking for the perfect … ?" Examples of low prices Information on delivery time, security, customer service Focus on customer needs at start of 1st page

Interface/Navigation Customer has a short attention span Site navigation needs to adjust to customer, rather than customer adjusting to navigation more work for customer = less sales Avoid anything that creates extra steps are "splash screens" any good? especially splash screens with little or no text? losing all inputs if one item needs correction

Respect the Customer Don't say "best viewed with [ X ] browser" or best viewed at 800x600 may offend customer with other browser sends the wrong message: "our business is not smart enough, or too lazy (or both) to create a web site that works for other browsers and different screen sizes" Some customers may not recognize that images are links (provide text links also)

Documentation Need to document all images backgrounds need to be documented too Need to document text too sentences, paragraphs, etc. as well as images Putting something on the Internet is NOT "personal use"

Other Issues Put copyright and/or last updated correctly on every page ASP.Net pages need.aspx code for date Business site is completely independent of Project page opens in full screen no links back to Project page Project page will have link to Project 2 database reports for site manager

Other Issues - 2 Use separate input boxes for first and last name easier to look up later (alphabetic order) useful for database marketing, credit card validation Need to get credit card type along with card # also expiration date

Unique Selling Position "Unique" means something others don't do or can't say about their business USP gives an advantage over competitors gives customers a distinct reason to buy creates a compelling image: what your business will do that others can't/won't do from Fiore, p. 40

Exercise think ("outside of the box") product or service you can sell on the web identify a USP for the product/service why it is unique? advantage over competitors' offerings reason why it would make customers buy? image it creates in customers' minds