Multimedia Web Site Design

Slides:



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

4.01 How Web Pages Work.
Project 1 Introduction to HTML.
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.
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.
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.
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!
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.
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.
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.
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.
4.01 How Web Pages Work.
Pre-Production Meet with the client to create a project plan:
4.01 How Web Pages Work.
Chapter 1 Introduction to HTML
Exploring Microsoft Word 2000
Chapter 1 Introduction to HTML.
Web Design and Development
Project 1 Introduction to HTML.
Web Site Design Plan Checklist
Introducing the World Wide Web
Web software.
Exploring Microsoft Office 2013 Word Comprehensive
Creating & Managing for Teaching Purposes
Web Site Development.
Website Procedures Basic Concepts.
Web Development Life Cycle from Beginning to End…and BEYOND!
Back to Table of Contents
Exercise 8 – Software skills
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Intro Project Introduction to HTML.
Designing a Web Site.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Web Development Life Cycle from Beginning to End…and BEYOND!
Presentation transcript:

Multimedia Web Site Design Chapter 13 Multimedia Web Site Design

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

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

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

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

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 site’s publisher.

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

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.

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.

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.

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.