CSC 551: Web Programming Fall 2001 emerging & alternate Web technologies  Dynamic HTML  ActiveX  XML course overview  online review sheet  advice.

Slides:



Advertisements
Similar presentations
CSCI N241: Fundamentals of Web Design Copyright ©2004 Department of Computer & Information Science Introducing XHTML: Module B: HTML to XHTML.
Advertisements

3.02D HTML Overview 3.02 Develop webpages.
The Test Will last 60 minutes Will be submitted via the electronic coursework submission system (not part of the test itself Is worth 20% of total module.
The Web Warrior Guide to Web Design Technologies
History Leading to XHTML
XHTML 16-Apr-17.
XHTML1 Building Document Structure. XHTML2 Objectives In this chapter, you will: Learn how to create Extensible Hypertext Markup Language (XHTML) documents.
XHTML. XHTML is one of the many XML-based languages that have been defined XHTML is, essentially, a “cleaned-up” version of HTML 4, reformulated using.
Markup Languages Controlling the Display Of Web Content.
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies,
17-Jun-15 XHTML 2 What is XHTML? XHTML stands for Extensible Hypertext Markup Language XHTML is aimed to replace HTML.
WML/HTML and XML Multiplatform Applications. Agenda XML – History and purpose What have HTML, WML and XML got to do with each other Why useful for multiplatform.
Tutorial 9 Working with XHTML. XP Objectives Describe the history and theory of XHTML Understand the rules for creating valid XHTML documents Apply a.
Creating a Well-Formed Valid Document. 2 Objectives Introducing XHTML Creating a Well-Formed Document Creating a Valid Document Creating an XHTML Document.
1 comp519: Web Programming Fall 2005 Emerging technologies  Dynamic HTML DOM1, attributes & methods event handling, visibility, drag&drop  XML XML &
Introducing XHTML: Module B: HTML to XHTML. Goals Understand how XHTML evolved as a language for Web delivery Understand the importance of DTDs Understand.
Copyright © 2003 Pearson Education, Inc. Slide 1-1 Created by Cheryl M. Hughes, Harvard University Extension School — Cambridge, MA The Web Wizard’s Guide.
Mgt 240 Lecture Website Construction: Software and Language Alternatives March 29, 2005.
* The basic components of a web site are: * Content – information displayed or accepted from users * Static – content that doesn’t change for different.
Chapter 12 Creating and Using XML Documents HTML5 AND CSS Seventh Edition.
1 Web Developer & Design Foundations with XHTML Chapter 6 Key Concepts.
Multimedia and Web Technology Prepared by: Asst. Prof. Maryam Eskandari.
Creating a Basic Web Page
Working with XHTML Creating a Well-Formed Valid Document.
XP Tutorial 9New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Working with XHTML Creating a Well-Formed Valid Document Tutorial 9.
XP The University of Akron Summit College Business Technology Department Computer Information Systems 2440: 140 Internet Tools Instructor: Enoch E. Damson.
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
ULI101 – XHTML Basics (Part II) What is Markup Language? XHTML vs. HTML General XHTML Rules Block Level XHTML Tags XHTML Validation.
16-1 The World Wide Web The Web An infrastructure of distributed information combined with software that uses networks as a vehicle to exchange that information.
Chapter 17 - Deploying Java Applications on the Web1 Chapter 17 Deploying Java Applications on the Web.
10 Adding Interactivity to a Web Site Section 10.1 Define scripting Summarize interactivity design guidelines Identify scripting languages Compare common.
Chapter 1 Understanding the Web Design Environment Principles of Web Design, 4 th Edition.
Week 1 Understanding the Web Design Environment. 1-2 HTML: Then and Now HTML is an application of the Standard Generalized Markup Language Intended to.
Chapter 1 XHTML: Part I The Web Warrior Guide to Web Design Technologies.
XHTML1 Building Document Structure Chapter 2. XHTML2 Objectives In this chapter, you will: Learn how to create Extensible Hypertext Markup Language (XHTML)
Introduction. Document Structure Overview  XML declaration (prolog)  Document type declaration  Root element (namespace)  Document header  Document.
3 XHTML.
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
What is Java Script? An extension to HTML. An extension to HTML. Allows authors to incorporate some functionality in their web pages. (without using CGI.
XML About XML Things to be known Related Technologies XML DOC Structure Exploring XML.
Tutorial 1: XML Creating an XML Document. 2 Introducing XML XML stands for Extensible Markup Language. A markup language specifies the structure and content.
XML A web enabled data description language 4/22/2001 By Mark Lawson & Edward Ryan L’Herault.
Presentation Topic: XML and ASP Presented by Yanzhi Zhang.
XP Tutorial 9 1 Working with XHTML. XP SGML 2 Standard Generalized Markup Language (SGML) A standard for specifying markup languages. Large, complex standard.
Chapter 1 Understanding the Web Design Environment Principles of Web Design, 4 th Edition.
HTML: Hyptertext Markup Language Doman’s Sections.
Introduction to XML This presentation covers introductory features of XML. What XML is and what it is not? What does it do? Put different related technologies.
XML Introduction. Markup Language A markup language must specify What markup is allowed What markup is required How markup is to be distinguished from.
Lecture: Web Design Assis. Prof. Freshta Hanif Ehsan Faculty of Computer Science Kabul Polytechnic University Spring Semester
Cs332a_chapt10.ppt CS332A Advanced HTML Programming DHTML Dynamic Hypertext Markup Language A term describing a series of technologies Not a stand-a-lone.
Web Application Programming Presented by: Mehwish Shafiq.
Web Technologies Lecture 4 XML and XHTML. XML Extensible Markup Language Set of rules for encoding a document in a format readable – By humans, and –
Web Terminology Intro to Web. North Lake College 2 by Sean Griffin HTML vs. XHTML HTML: Hypertext Markup Language XHTML: eXtensible Hypertext Markup Language.
Copyright © 2003 Pearson Education, Inc. Slide 1-1 Created by Cheryl M. Hughes The Web Wizard’s Guide to XHTML by Cheryl M. Hughes.
HTML A brief introduction HTML1. HTML, what is? HTML is a markup language for describing web documents (web pages). HTML stands for Hyper Text Markup.
XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 1 Working with XHTML Creating a Well-Formed Valid Document Tutorial 9.
Objective: To describe the evolution of the Internet and the Web. Explain the need for web standards. Describe universal design. Identify benefits of accessible.
INTRODUCTION JavaScript can make websites more interactive, interesting, and user-friendly.
HTML HYPER TEXT MARKUP LANGUAGE. INTRODUCTION Normal text” surrounded by bracketed tags that tell browsers how to display web pages Pages end with “.htm”
CSS THE MISSING MANUAL Introduction. Benefits of CSS Style sheets offer more formatting choices than are offered in straight HTML  EXAMPLE: When you.
Introduction to the World Wide Web & Internet CIS 101.
Tutorial 9 Working with XHTML. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Describe the history and theory of XHTML.
Cascading Style Sheet CSS Closing Switch Closing Tag Code View
Tutorial 9 Working with XHTML. XP Objectives Describe the history and theory of XHTML Understand the rules for creating valid XHTML documents Apply a.
G046 – Lecture 2A Recognising Web-Technologies Mr C Johnston ICT Teacher
Section 10.1 Define scripting
Web Basics: HTML/CSS/JavaScript What are they?
Creating a Well-Formed Valid Document
W3C Web standards and Recommendations
Section 10.1 YOU WILL LEARN TO… Define scripting
Presentation transcript:

CSC 551: Web Programming Fall 2001 emerging & alternate Web technologies  Dynamic HTML  ActiveX  XML course overview  online review sheet  advice for the final exam

Dynamic HTML chapters 30 & 31 describe more dynamic features of HTML  possible to change the appearance of HTML elements after loading  Netscape utilizes JavaScript Accessible Style Sheets (JASS) can reassign element attributes with JavaScript assignments e.g., document.tags.h1.fontSize="18pt"; each browser provides a different Scripting Object Model  provide mechanisms for accessing/changing element attributes  also, can handle events that happen in the page  Microsoft example: document.all.tags("h1").style.fontSize="18pt";  can define general event-handlers e.g., when mouseover a menu, display alternative choices

ActiveX ActiveX is a set of technologies from Microsoft  provides tools for linking (Windows) desktop applications to the Web.  ActiveX controls are the building block of applications e.g., text control to read user ID & password, button control to submit  similar to applets, but have full access to Windows OS  once downloaded to the client, the control automatically registers itself & becomes available to the browser  can automatically trigger a self-update if newer version is available thousands of ActiveX controls are available for download  can develop your own using Microsoft programming tools e.g., Visual Basic, Visual C++, Visual J++ ActiveX controls are integrated into Microsoft products e.g, can allow users to view Word and Excel documents directly in a browser

Extensible Markup Language (XML) protocol for representing structured data in text files  can represent arbitrary structures, define own abstractions  since raw text, easy to peruse/edit & platform-independent XML is a meta-language for designing your own markup language  like HTML, utilizes tags and attributes (e.g., ) however, HTML specifies what each tag & attribute means whereas, XML simply delimits pieces of data, no interpretation implied XML is meant to be read by applications, not people  formatting rules are very strict (missing tag or quotes invalidates file)  many applications have been developed that utilize XML as data format note: representing data as XML text is not the most efficient bitwise  disk space is cheap; compression tools can alleviate

XML & HTML HTML has been reformulated in XML (now known as XHTML 1.0)  an existing HTML document is valid XML as long as  first line is of form:  tags & attributes are lower-case, attribute values are in quotes  every opening tag has a closing tag (or else ends with />) e.g., can define own tags for structuring data Where was the Web invented? Microsoft Sun Microsystems CERN IBM

DTD's and XSL Document Type Declaration (DTD) specifies the element structure <!attlist answer correct (true | false) "false">  include the DTD with the XML document automatically used to validate the element structure in the document <!DOCTYPE test SYSTEM "test.dtd"... Extensible Stylesheet Language (XSL)  can define a stylesheet to tell the browser how to display the XML content

Next week… final exam  similar format to midterm  true or false  discussion/short answer  explain or modify code (HTML, JavaScript, Java, CGI)  cumulative, but will emphasize material since the midterm  designed to take minutes, will allow full 165 minutes  study hints:  review lecture notes  review text  look for supplementary materials where needed (e.g., Web search)  think big picture -- assimilate the material!  use online review sheet as a study guide, but not exhaustivereview sheet