HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.

Slides:

Advertisements

Similar presentations

Microsoft Expression Web-Illustrated Unit K: Working with Behaviors.

Advertisements

Project 8 Creating Style Sheets.

Creating and Editing a Web Page Using Inline Styles

Using Advanced Cascading Style Sheets

Chapter 8 Creating Style Sheets.

Chapter 5 Creating an Image Map

Office 2003 Introductory Concepts and Techniques M i c r o s o f t Excel Web Feature Creating Static and Dynamic Web Pages Using Excel.

Microsoft Office 2007 Excel Web Feature Creating Web Pages Using Excel.

Microsoft Office 2007 Excel Web Feature Creating Web Pages Using Excel.

Creating and Editing a Web Page

Creating a Form on a Web Page

Microsoft Expression Web-Illustrated Unit L: Using Code Tools.

Microsoft Office 2007 Word Web Feature Creating Web Pages Using Word.

Microsoft Office 2007 PowerPoint Web Feature Creating Web Pages Using PowerPoint.

Microsoft Office 2010 Access Chapter 1 Creating and Using a Database.

Using a Template to Create a Resume and Sharing a Finished Document

Dreamweaver CS4 Concepts and Techniques Chapter 8 Media Objects.

Office 2003 Introductory Concepts and Techniques M i c r o s o f t PowerPoint Web Feature Creating a Presentation on the Web Using PowerPoint.

Office 2003 Introductory Concepts and Techniques M i c r o s o f t Word Web Feature Creating Web Pages Using Word.

Office 2003 Introductory Concepts and Techniques, 2 nd Edition M i c r o s o f t Windows XP Project Introduction to Microsoft Windows XP and Office 2003.

Office 2003 Introductory Concepts and Techniques M i c r o s o f t Access Project 1 Creating and Using a Database.

Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.

Getting Started with Adobe Dreamweaver CS6. Unit Objectives Define web design software Start Adobe Dreamweaver CS6 View the Dreamweaver workspace Work.

Creating Tables in a Web Site.  Define table elements  Describe the steps used to plan, design, and code a table  Create a borderless table to organize.

®® Microsoft Windows 7 Windows Tutorial 6 Searching for Information and Collaborating with Others.

HTML Concepts and Techniques Fourth Edition Project 3 Creating Web Pages with Links, Images, and Formatted Text.

HTML Comprehensive Concepts and Techniques Third Edition Project 3 Creating Web Pages with Links, Images, and Formatted Text.

Adding an Inline Style Sheet Page without Inline Style Sheet Page with Inline Style Sheet.

HTML Concepts and Techniques Fourth Edition Project 8 Creating Style Sheets.

Creating Tables in a Web Site

Creating an Expression Web Site

Dreamweaver CS4 Concepts and Techniques Chapter 7 Page Layout with Frames.

HTML, XHTML, and CSS Chapter 12 Creating and Using XML Documents.

Microsoft Office 2007 PowerPoint Web Feature Creating Web Pages Using PowerPoint.

Creating and Editing a Web Page using HTML IMED1316.

Creating and Editing a Web Page Project 2. Project Objectives Project 2: Creating and Editing a Web Page 2 Identify elements of a Web page Start Notepad.

Office 2003 Advanced Concepts and Techniques M i c r o s o f t Excel Integration Feature Object Linking and Embedding (OLE) and Web Discussions.

HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.

Project 2 Adding Web Pages, Links, and Images Dreamweaver MX 2004 Concepts and Techniques.

Writing a JavaScript User-Defined Function  A function is JavaScript code written to perform certain tasks repeatedly  Built-in functions.

HTML Concepts and Techniques Fourth Edition Project 7 Creating a Form on a Web Page.

HTML Concepts and Techniques Fourth Edition Project 12 Creating and Using XML Documents.

Creating a Form on a Web Page

Dreamweaver CS4 Concepts and Techniques Chapter 2 Adding Web Pages, Links, and Images.

Chapter 1 Creating a Dreamweaver Web Page and Local Site

1 Introduction  Extensible Markup Language (XML) –Uses tags to describe the structure of a document –Simplifies the process of sharing information –Extensible.

HTML Comprehensive Concepts and Techniques Third Edition 2 nd Project Creating and Editing a Web Page.

HTML Concepts and Techniques Fourth Edition Project 5 Creating an Image Map.

HTML, Third Edition--Illustrated Brief 1 HTML, Third Edition Illustrated Brief Unit A Creating an HTML Document.

Using Frames in a Web Site Project 6. Project Objectives Project 6: Using Frames in a Web Site 2 Define terms related to frames Describe the steps used.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 7 1 Microsoft Office FrontPage 2003 Tutorial 8 – Integrating a Database with a FrontPage.

HTML Concepts and Techniques Fifth Edition Chapter 4 Creating Tables in a Web Site.

HTML Concepts and Techniques Fifth Edition Chapter 3 Creating Web Pages with Links, Images, and Formatted Text.

1 After completing this lesson, you will be able to: Get around the Internet with your browser. Connect to the Internet. Print Web pages. Save Web pages.

Creating and Editing a Web Page

Creating and Editing a Web Page Using Inline Styles

BUILDING A WEB PAGE BASIC HTML CODING. We first open notepad to start to build our web page. We enter the code at the beginning. And then we write below.

Creating Web Pages with Links, Images, and Embedded Style Sheets

Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.

XP New Perspectives on Creating Web Pages With Word Tutorial 1 1 Creating Web Pages With Word Tutorial 1.

Visual Basic.NET Comprehensive Concepts and Techniques Chapter 12 Creating Console Applications, Understanding XML, and Creating Web Services.

PowerPoint Web Feature

Project 8 Creating Style Sheets.

Creating Tables in a Web Site Using an External Style Sheet

Using Frames in a Web Site

Creating Web Pages with Links, Images, and Formatted Text

Integrating JavaScript and HTML

Creating Tables in a Web Site

Project 5 Creating an Image Map.

Presentation transcript:

HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages

Chapter 8: Adding Multimedia Content to Web Pages 2 Chapter Objectives Describe the benefits and limitations of multimedia in Web sites Identify audio and video formats Describe parameters for embedded multimedia Add an audio clip to a Web page Add a video clip to a Web page

Chapter 8: Adding Multimedia Content to Web Pages 3 Starting Notepad++ and Opening an HTML File Start Notepad++ and, if necessary, maximize the window With the USB drive plugged into your computer, navigate to the Chapter08\ChapterFiles folder Double-click reagan.html in the list of files to open the file shown on the following slide

Chapter 8: Adding Multimedia Content to Web Pages 4 Starting Notepad++ and Opening an HTML File

Chapter 8: Adding Multimedia Content to Web Pages 5 Adding an Audio Clip to a Web Page Highlight the words <!-- Insert audio statements here  on line 29 Enter the HTML code in Table 8–7, indenting as shown Click File on the menu bar and then click Save to save the reagan.html file

Chapter 8: Adding Multimedia Content to Web Pages 6 Adding an Audio Clip to a Web Page

Chapter 8: Adding Multimedia Content to Web Pages 7 Validating and Viewing a Web Page Using ActiveX Controls Validate the reagan.html Web page using the W3C validation service With the USB drive plugged in to your computer, navigate to the Chapter08\ ChapterFiles folder and open the brandenburg.html file in the Web browser to show the home page of this Web site. Click the Reagan link to navigate to the newly saved file Because of Internet Explorer’s high level of security, you get a notification in the gold bar at the top of the browser Click anywhere in the gold bar at the top of the browser window to view the options Click the Allow Blocked Content option to display the dialog box shown in Figure 8–9 Click Yes in the Security Warning dialog box to display the completed Web page with audio controls shown in Figure 8–10

Validating and Viewing a Web Page Using ActiveX Controls Chapter 8: Adding Multimedia Content to Web Pages 8

Printing a Web Page and an HTML File Print the Reagan Web page from the browser Click the Notepad++ button on the taskbar Print the Reagan.html file from Notepad++ Chapter 8: Adding Multimedia Content to Web Pages 9

10 Adding a Video Clip to a Web Page If necessary, click the Notepad++ button on the taskbar With the USB drive plugged in to your computer, open the kennedy.html file from the Chapter08\ ChapterFiles folder Highlight the words <!—Insert the video statements here  on line 26 Enter the HTML code shown in Table 8–8 Save the file

Chapter 8: Adding Multimedia Content to Web Pages 11 Adding a Video Clip to a Web Page

Chapter 8: Adding Multimedia Content to Web Pages 12 Validating and Viewing a Web Page Validate the Web page using the W3C validation service Return to the Web site home page and click the navigation link for the kennedy.html file in the browser to view the changes

Chapter 8: Adding Multimedia Content to Web Pages 13 Validating and Viewing a Web Page

Chapter 8: Adding Multimedia Content to Web Pages 14 Printing a Web Page and HTML File Print the Kennedy Web page from the browser Print the Notepad++ kennedy.html file

Chapter 8: Adding Multimedia Content to Web Pages 15 Chapter Summary Describe the benefits and limitations of multimedia in Web sites Identify audio and video formats Describe parameters for embedded multimedia Add an audio clip to a Web page Add a video clip to a Web page

HTML, XHTML, and CSS Chapter 8 Complete Adding Multimedia Content to Web Pages