1 / 33

Chapter Concepts

OVERVIEW. Chapter Concepts. Describe HTML and XHTML Identify Conversion Tools Explain How Web Page Editors Are Used Explain How Web Authoring Programs Are Used Discuss How to Upload Files to a Web Server. INTRODUCTION. Introduction.

dionne
Download Presentation

Chapter Concepts

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. OVERVIEW Chapter Concepts • Describe HTML and XHTML • Identify Conversion Tools • Explain How Web Page Editors Are Used • Explain How Web Authoring Programs Are Used • Discuss How to Upload Files to a Web Server Multimedia for the Web

  2. INTRODUCTION Introduction • Source code provides information the browser needs in order to display the Web pages correctly • Browsers need a common language to display Web site pages properly on the broadest range of browsers Multimedia for the Web

  3. INTRODUCTION Introduction • Source code can be written from scratch or you can use tools to help write the code • Official standards committee for the Web called the World Wide Web Consortium (W3W) Multimedia for the Web

  4. INTRODUCTION Introduction Multimedia for the Web

  5. CONCEPT 1 Describe HTML and XHTML • HTML: Hypertext Markup Language; standard language used to create Web pages • Markup language: used to specify or describe the structure, content, or formatting of a document • Platform-independent Multimedia for the Web

  6. CONCEPT 1 Describe HTML and XHTML • XHTML: supports increased Web page functionality • Conforms to stricter coding standards than HTML • Same document viewable using different browsers and multiple devices by referencing style sheets Multimedia for the Web

  7. CONCEPT 1 Describe HTML and XHTML • Markup tags specify how browser displays content • Tags are paired and consist of a beginning tag and an end tag • Information between tags is content; affected by tags Multimedia for the Web

  8. CONCEPT 1 Describe HTML and XHTML • Attributes add modifications to information within a container • Value follows an attribute • An element is the combination of a beginning tag along with its attributes and values Multimedia for the Web

  9. CONCEPT 1 Advantages of Writing XHTML • Power/Control • Clean Code • Not Dependent on a Tool with Limitations Multimedia for the Web

  10. CONCEPT 1 Disadvantages of Writing XHTML • Learning Curve • Time-consuming to Write • Easy to make mistakes Multimedia for the Web

  11. CONCEPT 1 Helper Applications • Helper applications play non-native HTML content • Today, many multimedia elements require plug-ins or players • What you see is what you get (WYSIWYG) programs generate XHTML code for designer Multimedia for the Web

  12. CONCEPT 2 Identify Conversion Tools • Conversion tools translate existing document formats into XHTML; generate a Web page from an existing document • Generally, as simple as changing the file type to an XHTML format Multimedia for the Web

  13. CONCEPT 2 Advantages of Using Conversion Tools • No learning curve • AdditionalFeatures andThemes • Convenient • Time-Saving Multimedia for the Web

  14. CONCEPT 2 Disadvantages of Using Conversion Tools • Limited, not same as if you were coding the page • Alters Document Format • Extraneous Code can make troubleshooting problematic Multimedia for the Web

  15. CONCEPT 2 Software • Many software developers include features that allow users to convert proprietary file type to XHTML and other Web-ready formats, including: • Microsoft Office • Microsoft Word • Microsoft PowerPoint • Microsoft Excel Multimedia for the Web

  16. CONCEPT 3 Explain How Web Page Editors Are Used • Web page editors allow you to • create and design Web pages • use toolbars containing menus and buttons that represent XHTML tags Multimedia for the Web

  17. CONCEPT 3 Advantages of Using Web Page Editors • Extensive Functionality: provide precise control, with latest Web technologies • Clean Code: unlike converters, editors do not add any extra code • Time Saving: choose from lists, menus Multimedia for the Web

  18. CONCEPT 3 Disadvantages of Using Web Page Editors • Learning curve: need basic understanding of XHTML coding • Imperfect Tool: program can contain bugs or unintuitive features Multimedia for the Web

  19. CONCEPT 3 Software • Many different professional, shareware, and freeware editors on the market • BBEdit: High performance XHTML editor for Macintosh • HomeSite: industry-leading professional XHTML editor for Windows Multimedia for the Web

  20. CONCEPT 4 Explain How Web Authoring Programs Are Used • Web authoring programs use a graphical interface • Similar to working with word processing applications • They write XHTML code for you • Designed with specific purpose of developing Web pages Multimedia for the Web

  21. CONCEPT 4 Advantages of Using Web Authoring Programs • Immediate Results: More time spent on creativity, not coding • Convenient/Time Saving: The program writes code for you • No XHTML Knowledge Required: don’t need to know markup language to use the program Multimedia for the Web

  22. CONCEPT 4 Software • Adobe GoLive • Macromedia Dreamweaver • Microsoft FrontPage Multimedia for the Web

  23. CONCEPT 4 Adobe GoLive • Offers both content-creation and site-management • Integrated with Adobe products • Create and control animation • WYSIWYG plus ability to view, write and edit pure XHTML source code Multimedia for the Web

  24. CONCEPT 4 Macromedia Dreamweaver • Develop, edit, automate, and maintain Web sites • Standards-based control • World-class design and code editor in one tool • Integrated with Flash and Fireworks • Supports database functionality Multimedia for the Web

  25. CONCEPT 4 Macromedia Dreamweaver • Supports cross-browser validation • Quickly build and format tables • Site Setup Wizard to speed start • Can use integrated HTML editors • Supports CSS • Supports site-management Multimedia for the Web

  26. CONCEPT 4 Microsoft FrontPage • Web site creation and management tool • Integrated with Microsoft Office • Create, edit, mange, update site using multiple views • Ready-made templates • Will not modify imported or edited source code Multimedia for the Web

  27. CONCEPT 5 Discuss How to Upload Files to a Web Server • Must transfer all of the files associated with Web site from computer’s hard drive to remote Web server • Guidelines to help your site function properly include use of following conventions: Index.htm(l), Case sensitivity, Naming conventions Multimedia for the Web

  28. CONCEPT 5 Discuss How to Upload Files to a Web Server • Before uploading, Web-hosting company will supply you with host address, Username and password • Process by which files are transferred to the Web server is called File Transfer Protocol (FTP) Multimedia for the Web

  29. CONCEPT 5 Discuss How to Upload Files to a Web Server • Commitment to a maintenance program is important to success of a Web site • FTP allows you to easily upload changes to your site; keeps site fresh and interesting to visitors Multimedia for the Web

  30. SUMMARY Summary • Describe HTML and XHTML • Advantages of Writing XHTML • Disadvantages of Writing XHTML • Helper Applications • Identify Conversion Tools Multimedia for the Web

  31. SUMMARY Summary • Advantages/Disadvantages of Conversion Tools • Explain How Web Page Editors Are Used • Advantages/Disadvantages of Using Web Page Editors Multimedia for the Web

  32. SUMMARY Summary • Explain How Web Authoring Programs Are Used • Adobe GoLive • Macromedia Dreamweaver • Microsoft FrontPage • Discuss How to Upload Filesto a Web Server Multimedia for the Web

More Related