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.

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

5 Steps to Web Site Development Mrs. Harris, November 2011.
Section 9.1 Identify multimedia design guidelines Identify sources of multimedia files Explain the ethical use of multimedia files Describe multimedia.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
What is the Internet? Internet: The Internet, in simplest terms, is the large group of millions of computers around the world that are all connected to.
Project 1 Introduction to HTML.
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Copyright 2003 The McGraw-Hill Companies, Inc CHAPTER Application Software computing ESSENTIALS    
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.
What Is A Web Page? An Introduction to the Internet.
How the World Wide Web Works
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.
The Internet & Web Browsers Business Webpage Design Kelly Seale.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
Section 13.1 Add a hit counter to a Web page Identify the limitations of hit counters Describe the information gathered by tracking systems Create a guest.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.
Section 2.1 Identify hardware Describe processing components Compare and contrast input and output devices Compare and contrast storage devices Section.
Welcome To Web Page Design Mr. Ursone. Accessing the Web Web Page: where you see text, graphics, sounds, etc. Web Page: where you see text, graphics,
CHAPTER 2 Communications, Networks, the Internet, and the World Wide Web.
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
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.
What is the Internet? Internet: The Internet, in simplest terms, is the large group of millions of computers around the world that are all connected to.
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.
What is the Internet? Internet: The Internet, in simplest terms, is the large group of millions of computers around the world that are all connected to.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
The Internet  Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection.
Tutorial 4: Working with Hyperlinks. Objectives Session 4.1 – Place bookmarks on a Web page – Create a link to a bookmark – Create a link to another Web.
Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and check boxes using HTML Add a pull-down.
 Commercial- to sell or promote company products  Portal- provide a variety of everyday services  Informational- provide useful info & news  Educational-
Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
Caprock Internet Services, INC. 1 Creating a Web Site with FrontPage Pasewark LTD.
 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.
Intro to HTML. History of the World Wide Web  A network is a structure linking computers together for the purpose of sharing information and services.
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!
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
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.
 Internet Hardware connected together Creates a massive worldwide network  Hardware Computers Communication lines  Interlinked collection of smaller.
Web Design Vocabulary #3. HTML Hypertext Markup Language - The coding scheme used to format text for use on the World Wide Web.
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
Glencoe Introduction to Multimedia Chapter 2 Multimedia Online 1 Internet A huge network that connects computers all over the world. Show Definition.
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.
Section 2.1 Section 2.2 Identify hardware
Project 1 Introduction to HTML.
Chapter 1 Introduction to HTML
Chapter 1 Introduction to HTML.
Section 7.1 Section 7.2 Identify presentation design principles
Project 1 Introduction to HTML.
Section 17.1 Section 17.2 Add an audio file using HTML
Creating a Successful Web Presence
The Internet and the World Wide Web (ch. 7)
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Multimedia Web Site Design
Digital Literacy 1.00 Computer Basics
Intro Project Introduction to HTML.
Designing a Web Site.
Internet Vocabulary Terms
An Introduction to the Internet
Presentation transcript:

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 parts of a Web page Summarize the importance of hyperlinks Use a Web browser

Section 2.3 Describe Web site development steps Identify the three categories of Web site design Discuss Web design careers Section 2.4 Identify parts of the FrontPage interface Use FrontPage to view Web pages

2.1 Introduction to the Web Guide Main Ideas: The Internet is a ______ network of _________. The World Wide Web is part of the __________. Web sites are divided into ____________ that meet particular needs. Key Terms Internet World Wide Web file Web browser Web site Web page home page

2.1 Introduction to the Web The Internet and the World Wide Web The Internet and the World Wide Web are not the same things. The Internet __________ access to the World Wide Web. The information on the Web is stored in _______ files. Internet __________, such as computers, cables, and telephone wires, that is connected to create a massive worldwide network. World Wide Web _________ that sends information that is stored in files along the Internet’s hardware. file Contains information, such as text, ______, video, or animation, that is stored on computer hardware.

2.1 Introduction to the Web How the Web Works A Web site is made up of Web ______. A home page is generally the _____ page a user sees when visiting a site. _________ Markup Language (HTML) is the code used to create Web pages. Web site A group of related _____ organized around a common topic. Web page A _______ file within a Web site that has a unique name. home page The main page on a Web site which contains general information about the site.

2.1 Introduction to the Web A Web browser translates the text-based _____ into a graphical Web page. Menu Navigation Buttons Viewing Area Title Bar Web Address How the Web Works

2.1 Introduction to the Web Commercial sites  _________ sites  Corporate presence sites Portal sites Informational sites  News sites  __________ sites  Public interest sites Educational sites  School and university sites  Tutorials and __________ learning  Museums and other institutions Personal sites Types of Web Sites

2.2 Elements of a Web Page Guide Main Ideas: Web pages are composed of many different elements, including text, graphics, animation, and __________. Hyperlinks link Web pages together and help a user _______ through a Web site. Key Terms text graphics multimedia audio animation video hyperlink

2.2 Elements of a Web Page Text and Graphics Web designers use text and graphics to add ________ to a Web site. The combination of text and graphics are the basics of a Web site. text Consists of words, letters, numbers, and other symbols. graphic A drawing, chart, __________, painting, or photograph stored in a digital format.

2.2 Elements of a Web Page Multimedia Multimedia refers to the _________ of elements such as graphics, text, audio, video, animation, and interactivity. audio Live, streamed, or recorder _______. video Live or recorded _________ images. animation The _________ of text and graphics.

2.2 Elements of a Web Page Hyperlinks Hyperlinks can be a word, phrase, or _______. There are ______ types of hyperlinks: internal, external, and intrapage. hyperlink A way to link Web pages together and allow users to move from one online ________ to another.

2.3 Web Site Development Guide Main Ideas: The Web site ___________ process has five basic steps. There are three categories of Web site design. Specific skills are needed to develop and design Web sites. Key Terms interaction design information design presentation design Web ____________ Web designer Web developer Webmaster

2.3 Web Site Development Step 1: Determining _________ and ________ What is the site’s purpose? What are the site’s goals? What tools do you need to reach your goals? Who is your primary (target) audience? What kinds of hardware and software are visitors likely to be using? The Web Site Development Process

2.3 Web Site Development The Web Site Development Process Step 2: Designing and Implementing a Web Site Interaction Design Information Design Presentation Design Interaction Design Part of Web site design process in which you determine ____ the user is likely to navigate through the site. Information Design Part of Web site design process in which you __________ the content that will appear on each page. Presentation Design Part of Web site design process in which you determine the ___________ appearance of the site’s pages.

2.3 Web Site Development Step 3: Evaluating and _________ a Web Site Step 4: Publishing a Web Site Step 5: _____________ a Web Site The Web Site Development Process Step 1 Determine the Web Site’s Purpose and Goal(s) Step 2 Design and Implement the Site Step 3 Evaluate and Test the Site Step 4 Publish the Site Step 5 Maintain the Site

2.3 Web Site Development Writing – write ____________ and concisely Design – use color effectively and design with the purpose in mind Programming – use ______ or a Web development tool Web Site Development Skills

2.3 Web Site Development Web Site Development Careers Here are some careers in Web site development: Web author Web designer Web developer Webmaster Web author Person who writes the _______ that will appear on each Web page. Web designer Person who develops the _______ and feel of the Web site. Web developer Person who uses ____________ skills to develop Web sites. Webmaster Person who manages and maintains Web sites.