The Web Wizard’s Guide to Web Design

Slides:

Advertisements

Similar presentations

The Web Wizards Guide to Freeware/Shareware Chapter Three Customizing Your Online Experience.

Advertisements

Review of Chapter 2. Important concepts – The Internet is a worldwide collection of networks that links millions of businesses, government agencies, educational.

The internet. Background Created in 1969, connected computers at UCLA, Stanford Research Institute, U. of Utah, and UC at Santa Barbara With an estimated.

By the end of this section, you will know and understand the hardware and software involved in making a LAN!

S3 Computer Literacy Internet Technology.

Website design basics QUME Learning objectives Understand the basic elements of a Web page and how it is produced Be aware of different approaches.

. Website and file organization. How websites work.

Web-based Application Development Lecture 14 February 23, 2006 Anita Raja.

Dreamweaver 8 Concepts and Techniques Introduction Web Site Development and Macromedia Dreamweaver 8.

What Is A Web Page? An Introduction to the Internet.

Web Design Terms and Concepts Ms. Scales. Q. What is a Server? A. A server is a computer that stores information many people can access. It runs special.

Internet. 1.Someone creates a website 2.They load it to a web server computer 3.We must have an Internet connection 4.We can see the websites on a browser.

Designing for the Unknown. Challenges of Web Design As frustrating as it may be – there is no guarantee that people will see/experience your web pages.

Adobe Dreamweaver CS5 Introduction Web Site Development and Adobe Dreamweaver CS5.

Basic Web Design Robby Seitz UM Webmaster Powers Hall.

Lesson 2 — The Internet and the World Wide Web

Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.

Chapter 8 The Internet: A Resource for All of Us.

A+ Guide to Managing and Maintaining Your PC Fifth Edition Chapter 19 PCs on the Internet.

Introduction to Computers Section 8A. home How the Internet Works Anyone with access to the Internet can exchange text, data files, and programs with.

Internet Vocabulary 1-21 State Test Vocabulary. Address address, Internet address, and web address. A code or series of letters numbers and/or.

Communications, Networks, the Internet and the World Wide Web Chapter 2.

1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.

The Internet : Exploration, Evaluation, and Elaboration presented by Kathy Schrock.

The Internet  Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection.

Incorporating Multimedia into a Web Site (Case Study) Unit G.

An Introduction To Websites With a little of help from “WebPages That Suck.

Adobe Certified Associate Objectives 6 Evaluating and Maintaining a site.

NETWORK HARDWARE AND SOFTWARE MR ROSS UNIT 3 IT APPLICATIONS.

1 Chapter 01: Introduction by Tharith Sriv. This course covers the following topics:  Hypertext Markup Language (HTML)  Cascading Style Sheets  JavaScript.

Kathy Schrock’s Guide * for Educators Adapted by Linda Kennedy to the Internet.

Chapter 1: The Internet تال 311 Prepared by: Mr. Hassen HAMOUDA.

What is the Internet? A world-wide computer network made up of tens of thousands of smaller networks. It’s the biggest network of all! So, what is a network?

Website Design, Development and Maintenance ONLY TAKE DOWN NOTES ON INDICATED SLIDES.

File Transfer Protocol (FTP) CIS 130. File Transfer Protocol (FTP) Copy files from one internet host (server) to your account on another host –Need domain.

Session 1: Introduction to HTML Fall Today’s Agenda Talk about the functions of the Internet Cover useful terminology for today’s session HTML,

Microsoft Office 2008 for Mac – Illustrated Unit D: Getting Started with Safari.

Computers Are Your Future Eleventh Edition Chapter 6: The Internet and the World Wide Web Copyright © 2011 Pearson Education, Inc. Publishing as Prentice.

Internet Someone creates a website 2.They load it to a web server computer 3.We must have an Internet connection 4.We can see the websites.

Week-6 (Lecture-1) Publishing and Browsing the Web: Publishing: 1. upload the following items on the web Google documents Spreadsheets Presentations drawings.

Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.

Web Technology Seminar

Nat 4/5 Computing Science Software

Web Browser presentation Name/ Hassan AL-Abdulmohsen

What this activity will show you

Web Site Development and Macromedia Dreamweaver 8

Web Concepts Lesson 2 ITBS2203 E-Commerce for IT.

Technologies and Applications

Warm Handshake with Websites, Servers and Web Servers:

Browsing and Searching the Web

Introduction to Computers

Computer, Internet, Web, and Basics

Getting Started with Dreamweaver

COM 205 Multimedia Applications

Objectives Overview Identify and briefly describe various broadband Internet connections Describe the types of Internet access providers Explain the purpose.

Section 14.1 Section 14.2 Identify the technical needs of a Web server

COM 205 Multimedia Applications

Web Design Designing for the Unknown.

Objectives To understand the about types of computer network

What is the World Wide Web (www)

Chapter 2 The Internet and World Wide Web

Information Technology Ms. Abeer Helwa

Web Page Concept and Design :

Copyright © 2003 Pearson Education, Inc.

Planning and Storyboarding a Web Site

EUT 122 Skills and Technology in Communication

PUBLISHING TO THE WORLD WIDE WEB

Computers © 2005 Prentice-Hall, Inc. Slide 1.

Designing a Web Site.

An Introduction to the Internet

Presentation transcript:

The Web Wizard’s Guide to Web Design Chapter 8 Testing and Posting the Site

Technical Testing What should you test? Basically: Test EVERYTHING! Browser All popular and likely used browsers Platform All popular and likely used platforms Display All popular and likely used display resolutions Bandwidth Plug-in Basically: Test EVERYTHING!

Technical Testing – Browser 95% of users: Internet Explorer Gecko/Mozilla Family Netscape Navigator Mozilla FireFox Safari 5% use something else What does your target audience use? Sites don’t have to be identical – they just have to work properly and be “close enough”

Technical Testing - Browser What should you look for? How is text displayed? How do the images align with each other and with text? Are tables/frames arranged properly? Are sound, video, and animation handled properly?

Technical Testing - Platform Type: PC Laptop Other? OS Windows Macintosh UNIX Linux

Technical Testing - Platform What should you look for? Fonts Colors Filename problems between *IX, Macs and PCs IE and FireFox (Mozilla) run differently on different platforms

Technical Testing - Display Pixel Setting 800x600 640x480 1024x768 1240x1024 1680x1050 (wide) etc… Color Depth “TrueColor” 24/32-bit 16-bit 8-bit

Technical Testing - Bandwidth Connection speeds 8 seconds! Test at slowest speed for maximum effect Method Bandwidth 50K Download Time 56K Modem 56K 7.1 ISDN 128K 3.1 DSL 128-512K 1.6 Cable Modem 521K 0.8 LAN 1MB+ 0.4

Technical Testing - Bandwidth How to fix problems? Reduce number of images Compress images Reduces visual quality but downloads faster Use thumbnails Use text for navigation instead of images or graphics

Technical Testing – Plug-ins Two problems: Not all users will have all the plug-ins needed Not all users will be comfortable installing plug-ins Provide users with Which plug-ins are needed Where they can be obtained How to install them How to configure for your site’s use

User Testing Let users get their hands on your site Under what circumstances? Casual surfer or business critical? Home or office? (or somewhere else?) New user or long-term relationship? Novice or experienced user?

User Testing Collect their reactions Direct observation Indirect observation Ask for their feedback directly Survey Questionnaire

Posting the Site Servers Windows NT Series Apple Mac *ix Unix AIX Linux Windows NT Series Windows 2003 Server Apple Mac OSX

Posting the Site Web Server has some software to “serve” web pages Apache (*IX, MS) MS IIS Configuring the Web Server Read the manual Hire someone else to do it Rent space on a server Hire an IT staff

Posting the Site Upload your tested material to Web Server Manually Depends on server location/environment FTP Copy files directory to directory Use a service Visual Studio Dreamweaver

Making the Connection Register your site Benefits Hosted on someone else’s server under their domain name Register your own domain name (still has to be hosted on someone else’s server) Benefits Available to search engines

Assignment None!