Module Road Map Assignment Road Map Notice we have linked the conduit directly to the presentation layer. This is normally a bad idea!

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

Website Design.
Tim Berners-Lee authors HTML in 1991, assisted by his colleagues at CERN,
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
Basics of HTML What is HTML?  HTML or Hyper Text Markup Language is the standard markup language used to create Web pages.  HTML is.
HTML Hypertext Markup Language –First proposed by CERN in 1989 –It is non-linear so it allows you to jump from place to place –Markup refers to the structure.
Tutorial 1 Getting Started with HTML5
HTML tags Skills: adding HTML tags, text editor IT concepts: plain text, computer components – storage versus memory, separation of content and format.
Tutorial 1 Developing a Basic Web Page
Tutorial 1 Developing a Basic Web Page. XP Objectives Learn the history of the Web and HTML Describe HTML standards and specifications Understand HTML.
XML Primer. 2 History: SGML vs. HTML vs. XML SGML (1960) XML(1996) HTML(1990) XHTML(2000)
Upgrading to XHTML DECO 3001 Tutorial 1 – Part 1 Presented by Ji Soo Yoon 19 February 2004 Slides adopted from
Objectives Learn the history of the Web and HTML
Developing a Basic Web Page with HTML
Introducing XHTML: Module B: HTML to XHTML. Goals Understand how XHTML evolved as a language for Web delivery Understand the importance of DTDs Understand.
HTML Elements. HTML documents are defined by HTML elements.
Developing a Basic Web Page Posting Files on UMBC
Introducing HTML & XHTML:. Goals  Understand hyperlinking  Understand how tags are formed and used.  Understand HTML as a markup language  Understand.
Computer Sciences Department
Tutorial 1: Getting Started with HTML5
Developing a Basic Web Page
1 Networks and the Internet A network is a structure linking computers together for the purpose of sharing resources such as printers and files Users typically.
Unit 1 – Developing a Web Page. Objectives:  Learn the history of the Web and HTML  Describe HTML standards and specifications  Understand HTML elements.
Using HTML to Create a Basic Web Page… By Josh Gallagan.
An XML Introduction Extensible Markup Language Describe Structure and Content of Data Sample XML Document.
HTML Structure & syntax
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.
1 © Netskills Quality Internet Training, University of Newcastle Introducing XML © Netskills, Quality Internet Training University.
CS134 Web Design & Development Creating a Basic Web Page Mehmud Abliz.
1 XHTML محمد احمدی نیا 2 Of 19 HTML vs XHTML  XHTML is a stricter and cleaner version of HTML.  by combining the strengths of HTML.
XHTML Web and Database Management System. HTML’s History HTML was initially defined by Tim-Berners-Lee in 1990 at CERN (European Organization for Nuclear.
HTML INTRODUCTION, EDITORS, BASIC, ELEMENTS, ATTRIBUTES.
XHTML. Introduction to XHTML What Is XHTML? – XHTML stands for EXtensible HyperText Markup Language – XHTML is almost identical to HTML 4.01 – XHTML is.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
What is XML?  XML stands for EXtensible Markup Language  XML is a markup language much like HTML  XML was designed to carry data, not to display data.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Introducing XHTML: Module A: Web Design Basics.
XML 2nd EDITION Tutorial 1 Creating An Xml Document.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
CS 331 – Programming LanguagesDate: Internet Programming Group Presenter: Aren Ray Topics: Internet Programming XML.
XHTML By Trevor Adams. Topics Covered XHTML eXtensible HyperText Mark-up Language The beginning – HTML Web Standards Concept and syntax Elements (tags)
Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.
XML & varieties, e.g. VoiceXML By: Shawn Ramdass, Saji Abraham & Billy Santamorena.
Lecture: Web Design Assis. Prof. Freshta Hanif Ehsan Faculty of Computer Science Kabul Polytechnic University Spring Semester
HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.
The Web Wizard’s Guide to HTML Chapter One World Wide Web Basics.
Copyright © 2003 Pearson Education, Inc. Slide 1-1 Created by Cheryl M. Hughes The Web Wizard’s Guide to XHTML by Cheryl M. Hughes.
SCHOOL OF LIBRARY, ARCHIVE AND INFORMATION STUDIES Andy Dawson LIS1510 Library and Archives Automation Issues XML and extensible systems Andy Dawson School.
Tutorial 1 Developing a Basic Web Page. Objectives Learn the history of the Web and HTML Describe HTML standards and specifications Understand HTML elements.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 2: Markup Language and Site Development Essentials © 2007 Prosoft Learning Corporation All.
XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 1 Working with XHTML Creating a Well-Formed Valid Document Tutorial 9.
Unit 3 — Advanced Internet Technologies Lesson 10 — Introduction to XHTML.
HTML HYPER TEXT MARKUP LANGUAGE. INTRODUCTION Normal text” surrounded by bracketed tags that tell browsers how to display web pages Pages end with “.htm”
XP 1 HTML Tutorial 1: Developing a Basic Web Page.
Creating Your 1 st Web Page. Tags Refers to anything between on a webpage Most appear in pairs surrounding content Some appear as empty tags (no closing.
Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML.
XML BASICS and more…. What is XML? In common:  XML is a standard, simple, self-describing way of encoding both text and data so that content can be processed.
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
Introducing XHTML: Module A: Web Design Basics
Introducing XHTML: Module A: Web Design Basics
Introduction to XHTML.
Microsoft Office Illustrated
Introduction to HTML 5.
Introducing HTML & XHTML:
Tutorial Developing a Basic Web Page
Introduction to HTML 5.
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
Presentation transcript:

Module Road Map

Assignment Road Map Notice we have linked the conduit directly to the presentation layer. This is normally a bad idea!

Credit Categories Assignment 2 – 1 2 3

Introduction to XML How do we make all of these diverse technologies work together? Extensible Mark-up Language (XML) Origins in SGML (Standard Generalised Mark-up Language) Late 1980 early 90s Tim Berners-Lee working in Switzerland devised the first specification for HTML based on SGML

Simple HTML Document Rendered as… Tags mark-up the content…

Problems with HTML The tags were defined as part of the language specification Different browsers added new features to the language in order to compete Browser wars

The Marquee Tag

World Wide Web Consortium (W3C) Devise standards and software related to the World Wide Web Greater standardisation was applied to HTML leading to XML

XML A meta-language - data about data May be used to define other mark-up languages XML may be used in many other non web related contexts (Office Documents) Allows us to split data from presentation

Media Centre Master Tool to manage films saved as DivX files Creation of scan folders Communicates with the Internet Movie Database Web service Web page versus web document

Viewed in Windows Media Centre

Viewed at IMDB

Tags in XML XML doesn’t define a large range of tags If we want to create a new tag in XML we don’t need to wait for a new version of the language XML allows us define our own mark-up languages XHTML (eXtensible HyperText Markup Language)

XHTML Document Type Definition contains a set of rules that define what are allowable tags in an XHTML file

IMDB XML

The XML Declaration The top line of the file reads as follows... XML Version (1.0 or 1.1 – only interested in 1.0) Encoding – utf-8

Encoding Everything we see on a computer is internally represented as binary data ASCII (American Standard Code for Information Interchange) UNICODE 65Uppercase A 66Uppercase B 67Uppercase C 68Uppercase D 69Uppercase E 70Uppercase F 41Uppercase A 42Uppercase B 43Uppercase C 44Uppercase D 45Uppercase E 46Uppercase F How do we translate the following? - 46, 41, 44, 45

The Root Element A tag that encloses all of the data in the file and must not be empty XML file for 28 Days Later has a root element of

Elements 28 Days Later Opening tag Closing tag Data28 Days Later

Attributes and Values Added to elements to include additional data (Modified structure to illustrate attributes and values)

Five Rules of XML 1. Tag names are case sensitive This is ok Days Later This is not Days Later These are two different tags 28 Days Later

Five Rules of XML 2. Every opening tag must have a closing tag This is good Days Later This is bad Days Later

Five Rules of XML 3. A nested tag pair cannot overlap another tag GoodBad Alex Palmer Actor Activist Alex Palmer Actor Activist

Five Rules of XML 4. Attribute values must appear within quotes Good... Bad...

Five Rules of XML 5. Every document must have a root element