Multimedia Web Site Design Chapter 13. 13 Building an Effective Web Site Creating a Web site is easy, but creating one that is useful and attractive takes.

Slides:



Advertisements
Similar presentations
Project 1 Introduction to HTML.
Advertisements

XP Browser and Basics1. XP Browser and Basics2 Learn about Web browser software and Web pages The Web is a collection of files that reside.
Creating a Web Site. Networks Internet –Large worldwide network of computers Client/server architecture ISP –Internet Service Provider A business that.
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
Topics in this presentation: The Web and how it works Difference between Web pages and web sites Web browsers and Web servers HTML purpose and structure.
1st Project Introduction to HTML.
FIRST COURSE Creating Web Pages with Microsoft Office 2007.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
Creating a Web Site Back to Table of Contents. Creating a Web Site Conceiving a Web Site Planning a Web Site 2 Creating a Web Site Section 9-1 Section.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
UNDERSTANDING WEB AND WEB PROJECT PLANNING AND DESIGNING AND EFFECTIVE WEBSITE Garni Dadaian.
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
WEB111A: WWW Design Web11a_planning_01.ppt World Wide Web (WWW) A structure of documents connected electronically over the Internet Internet A large computer.
Web Development Life Cycle from Beginning to End…and BEYOND!
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
PIZZA WEB PAGE May 28, FOR TODAY  Review Vocabulary Words (take out your worksheets!)  Pizza Web Page  Research more tags  Turn in your homework!
Web Technologies Website Development Trade & Industrial Education
1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.
Exploring Web Page Design. What is a Web Page?  A web page is a multimedia file which can be stored on a web server.  It can include text, graphics,
Web Designing By Bhupendra Ratha, Lecturer School of Library & Information Science D.A.V.V., Indore.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
OBJECTIVES  What is HTML  What tools are needed  Creating a Web drive on campus (done only once)  HTML file layout  Some HTML tags  Creating and.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
An Introduction To Websites With a little of help from “WebPages That Suck.
XP New Perspectives on Microsoft FrontPage 2002 Tutorial 1 1 Microsoft FrontPage 2002 Tutorial 1 – Introducing FrontPage 2002.
Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Web Page Fundamentals HTML: The Language of the Web.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
Adobe Certified Associate Objectives 1 Setting Project Requirements.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
Review of last Session Learning Objectives 1. Create an on-line account with weebly.com along with a blank website 2. What a domain names are & how to.
History Internet – the network of computer networks that provides the framework for the World Wide Web. The web can’t exist without the internet. Browser.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Web Page Design 1 Information Technology ClassAct SRS enabled. Web Page Design This presentation will explore: creating web pages structure, formatting.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Creating Reader-Centered Web pages and Websites. Designing Websites Design with same qualities as other workplace communications ▫Usability and Persuasiveness.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Working Together 1 Word 2003 and Your.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
1 Committed to Shaping the Next Generation of IT Experts. Chapter 4: Online Publishing: Creating a Web Site Exploring Microsoft Office Publisher 2013 Robert.
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
XP Creating Web Pages with Microsoft Office
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
4.01 How Web Pages Work.
Pre-Production Meet with the client to create a project plan:
Exploring Microsoft Word 2000
Chapter 1 Introduction to HTML.
Project 1 Introduction to HTML.
Introducing the World Wide Web
Web software.
Creating & Managing for Teaching Purposes
Web Site Development.
Website Procedures Basic Concepts.
Web Development Life Cycle from Beginning to End…and BEYOND!
Exercise 8 – Software skills
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Multimedia Web Site Design
Intro Project Introduction to HTML.
Designing a Web Site.
4.01 How Web Pages Work.
Web Development Life Cycle from Beginning to End…and BEYOND!
Presentation transcript:

Multimedia Web Site Design Chapter 13

13 Building an Effective Web Site Creating a Web site is easy, but creating one that is useful and attractive takes knowledge, practice, and skill.

13 Web Site Organization The organization of the Web site is important. The sites home page: May be the only page on a site Often introduces the Web sites theme and provides links to the sites other pages

13 Web Site Files Each web page is a file stored on a Web server, and has a unique URL which: Distinguishes it from the millions of other Web pages on the Internet Enables browsers to find it

13 Web Programming The files for a Web site are created with programming languages: Most Web programming uses HTML or other markup languages Web design software lets you create a page, and the software then generates the HTML code

13 Web Site Goals The most important consideration in the design of any Web site is the objective of the site. These goals reflect the goals of the sites publisher.

13 Business Site Objectives A business site might have these goals: Publicizing products or services and providing a way to purchase them Publicizing job openings and providing a way of applying for them Providing financial information for investors Giving contact information for offices or stores Providing other information about the business

13 Noncommercial Site Objectives Organizations and individuals develop Web sites for a variety of purposes: Schools and colleges provide distance learning and other information. Professional and trade organizations publish announcements and other information. Public interest groups offer information or organize volunteer efforts.

13 Design Considerations Once you have determined the objective of the site, you must consider its design: It must be designed to appeal to its target audience. Text and graphic hyperlinks must be well- designed. Layout, color, text formatting, graphics, videos, and special effects provide the visual design. It must be designed to view well in all browsers.

13 Web Page Design Guidelines Meet the objectives you have set for the site. Use short amounts of text. Group sets of text on one page. Be careful with text color and background color. Be sure content is accurate and spelling is correct.

13 Web Page Design Guidelines (continued) Graphics and special effects should add interest, not distract. Navigation should be friendly, consistent, and useful. Name sources for information on the site if necessary for copyright. Colors, text formatting, navigation, and layout should be consistent throughout the site.