The Web Wizard’s Guide To DHTML and CSS Chapter 8 Putting It All Together and Moving Forward.

Slides:



Advertisements
Similar presentations
17 HTML, Scripting, and Interactivity Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and.
Advertisements

Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
Project 1 Introduction to HTML.
Beginning Web Site Creation: Dreamweaver CS4.  WK1 & WK2  File Management  BlackBoard  SWS  Planning, Design, and HTML review  WK3 & WK4  Dreamweaver.
Chapter Concepts Review Markup Languages
©Silberschatz, Korth and Sudarshan10.1Database System Concepts W3C Activities HTML: is the lingua franca for publishing on the Web XHTML: an XML application.
Web Page Introduction. What is a web page? A hypertext that contains clickable links. A web page is a text file containing Hyper Text MarkUp Language.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Chapter 9 Introduction to the Document Object Model (DOM) JavaScript, Third Edition.
W3C Activities HTML: is the lingua franca for publishing on the Web XHTML: an XML application with a clean migration path from HTML 4.01 CSS: Style sheets.
1st Project Introduction to HTML.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
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.
 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.
E0262 – MIS – Multimedia Storage Techniques SMIL – Synchronized Multimedia Integration Language.
The Web Wizard’s Guide To DHTML and CSS Chapter 1 A Review of CSS1.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
HTML & XHTML Introduction. First HTML 1992 Marked-up text to represent a hypertext document for transmission over the network The hypertext mark-up language.
Who Wants to be a Millionaire? Web Page Development Dreamweaver Chapter 1.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
McGraw-Hill/Irwin © 2004 by The McGraw-Hill Companies, Inc. All rights reserved. Dynamic Action with Macromedia Dreamweaver MX Barry Sosinsky Valda Hilley.
CS 299 – Web Programming and Design Introduction to HTML.
Web Design ITM 2010 Tutorial 1 Prepared by Wang Shiyu.
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.
10 Adding Interactivity to a Web Site Section 10.1 Define scripting Summarize interactivity design guidelines Identify scripting languages Compare common.
SEG3210 DHTML Tutorial. DHTML DHTML is a combination of technologies used to create dynamic and interactive Web sites. –HTML - For creating text and image.
XML Basics Chao-Hsien Chu, Ph.D. School of Information Sciences and Technology The Pennsylvania State University Extensible Meta Language Markup Language.
Copyright © 2013 MyGraphicsLab / Pearson Education STRUCTURE AND HTML TAGS MyGraphicsLab: Adobe Dreamweaver CS6 ACA Certification Preparation for Web Communication.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
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.
HTML PROJECT #1 Project 1 Introduction to HTML HTML Project 1: Introduction to HTML 2 Vocabulary Internet service provider (ISP) A company that has a.
Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Interactive Client-Side Technologies MMIS 656 Web Design Technologies Acknowledgements: Estrella, S. (2003). The Web Wizard’s Guide to DHTML and CSS.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Creating XHTML Documents Essentials for.
XP Tutorial 16 New Perspectives on HTML, XHTML, and DHTML, Comprehensive 1 Working with Dynamic Content and Styles Creating a Dynamic Table of Contents.
Cs332a_chapt10.ppt CS332A Advanced HTML Programming DHTML Dynamic Hypertext Markup Language A term describing a series of technologies Not a stand-a-lone.
HTML Hyper Text Markup Language 1BFCET BATHINDA. Definitions Web server: a system on the internet containing one or more web site Web site: a collection.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Web Page Introduction. What is a web page? A hypertext is a document contains clickable links. A web page is a text file containing Hyper Text MarkUp.
©Silberschatz, Korth and Sudarshan10.1Database System Concepts W3C - The World Wide Web Consortium W3C - The World Wide Web Consortium.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
The Web Wizard’s Guide To JavaScript Chapter 9 Applied Web Programming Techniques.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
 Before you continue you should have a basic understanding of the following:  HTML  CSS  JavaScript.
Introduction to the World Wide Web & Internet CIS 101.
The “Quick Change” Method of Web Design. Create Your Design Create and cut up the graphics for your web site. Create a masterstyle sheet. Name it “plainmasterstylesheet.html.
Chapter 10 Dynamic HTML (DHTML) JavaScript, Third Edition.
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
1 ITEC 4830 Graphics Design Chapter 1 Dreamweaver MX 2004 Basics.
The Web Wizard’s Guide To DHTML and CSS Chapter 2 A Review of CSS2 and JavaScript.
Glencoe Introduction to Web Design Chapter 4 XHTML Basics 1 Review Do you remember the vocabulary terms from this chapter? Use the following slides to.
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.
Section 10.1 Define scripting
Project 1 Introduction to HTML.
Chapter 1 Introduction to HTML.
Project 1 Introduction to HTML.
Section 17.1 Section 17.2 Add an audio file using HTML
The Web Wizard’s Guide To DHTML and CSS
Section 10.1 YOU WILL LEARN TO… Define scripting
Prepared for Md. Zakir Hossain Lecturer, CSE, DUET Prepared by Miton Chandra Datta
HTML HYPERTEXT MARKUP LANGUAGE.
The Web Wizard’s Guide To JavaScript
The Web Wizard’s Guide To JavaScript
What is HTML?.
An Introduction to HTML Pages
Presentation transcript:

The Web Wizard’s Guide To DHTML and CSS Chapter 8 Putting It All Together and Moving Forward

Chapter Objectives Confront design questions in navigating a large site Generate large amounts of content with a small amount of code Combine collapsible menus with hypertext to display text and html HTML files in both inline frames and new windows Learn about XML, SMIL, SVG, and other developing technologies

Designing with DHTML Content Organization Navigation Structure Layout Interactivity

Scripting for Efficiency When presented with tedious copy paste, create scripts to do the work. Use loops and document.write() to create repetitive HTMLUse loops and document.write() to create repetitive HTML Use variables to change content as needed Escape nested quotes and forward slashes

Putting It All Together Create collapsible menu using loops and document.write() Include event handlers for hypertext Insert an to display HTML pages Swap text node values to display captions Give the visitor the option to open a new window

Putting It All Together

Emerging Standards XML - Extensible Markup Language XHTML - Extensible HyperText Markup LanguageXHTML SMIL - Synchronized Multimedia Integration Language SVG - Scalable Vector Graphics