Digital Media Technology Seminar 2 – 16 September 2014 Fleur Praal Jeroen van Honk

Slides:

Advertisements

Similar presentations

MA foundation Creating webpages using XHTML (part 1) Simon Mahony CCH

Advertisements

XHTML Week Two Web Design. 2 What is XHTML? XHTML is the current standard for HTML Newest generation of HTML (post-HTML 4) but has many new features which.

1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.

History Leading to XHTML

Chapter 4 Marking Up With Html: A Hypertext Markup Language Primer.

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.

HTML and XHTML Controlling the Display Of Web Content.

Unit 2, cont. September 14 HTML,Validating your pages, Publishing your site.

 2003 Prentice Hall, Inc. All rights reserved. Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example.

F DIGITAL MEDIA: COMMUNICATION AND DESIGN INTRODUCTION TO XML AND XHTML.

 2004 Prentice Hall, Inc. All rights reserved. Introduction to XHTML: Part 1.

 2003 Prentice Hall, Inc. All rights reserved. Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example.

Introducing XHTML: Module B: HTML to XHTML. Goals Understand how XHTML evolved as a language for Web delivery Understand the importance of DTDs Understand.

Tags through Forms. This element is required for all HTML pages It must be at the top of every page of every website We’ll see later on why it is important.

Computer Sciences Department

ECA 228 Internet/Intranet Design I Intro to XML. ECA 228 Internet/Intranet Design I HTML markup language very loose standards browsers adjust for non-standard.

Chapter 12 Creating and Using XML Documents HTML5 AND CSS Seventh Edition.

CpSc 462/662: Database Management Systems (DBMS) (TEXNH Approach) HTML Basics James Wang.

Chapter 4 Fluency with Information Technology L. Snyder Marking Up With HTML: A Hypertext Markup Language Primer.

Working with XHTML Creating a Well-Formed Valid Document.

_ HTML, XHTML & CSS Sami Niemelä | Module 1: Introduction to digital media: Day 02.

XP 1 CREATING AN XML DOCUMENT. XP 2 INTRODUCING XML XML stands for Extensible Markup Language. A markup language specifies the structure and content of.

An Introduction to XML Presented by Scott Nemec at the UniForum Chicago meeting on 7/25/2006.

CS 299 – Web Programming and Design Introduction to HTML.

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.

Essential Tags Web Design – Sec 3-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.

Chapter 4: Hypertext Markup Language Primer TECH Prof. Jeff Cheng.

HTML - basic tags - How to learn more. What is HTML? HyperText Markup Language HTML5: – Recommended by the W3C.

1 XHTML محمد احمدی نیا 2 Of 19 HTML vs XHTML  XHTML is a stricter and cleaner version of HTML.  by combining the strengths of HTML.

XHTML. Introduction to XHTML What Is XHTML? – XHTML stands for EXtensible HyperText Markup Language – XHTML is almost identical to HTML 4.01 – XHTML is.

CIS 1315 – Web Development for Educators CIS 1315 HTML Tutorial 9: Working With XHTML.

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.

Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.

Putting Applets into Web Pages.  Two things are involved in the process of putting applets onto web pages ◦ The.class files of the applet ◦ The html.

XP Tutorial 9 1 Working with XHTML. XP SGML 2 Standard Generalized Markup Language (SGML) A standard for specifying markup languages. Large, complex standard.

1 Creating Web Pages Part 1. 2 OVERVIEW: HTML-What is it? HyperText Markup Language, the authoring language used to create documents on the World Wide.

HTML: Hyptertext Markup Language Doman’s Sections.

XHTML By Trevor Adams. Topics Covered XHTML eXtensible HyperText Mark-up Language The beginning – HTML Web Standards Concept and syntax Elements (tags)

17 Apr 2002 XML Syntax: Documents Andy Clark. Basic Document Structure Element tags – Elements have associated attributes Text content Miscellaneous –

Georgia Institute of Technology Making Text for the Web Barb Ericson Georgia Institute of Technology March 2006.

1 Web Application Programming Presented by: Mehwish Shafiq.

1 Introduction to XML XML stands for Extensible Markup Language. Because it is extensible, XML has been used to create a wide variety of different markup.

Lecture: Web Design Assis. Prof. Freshta Hanif Ehsan Faculty of Computer Science Kabul Polytechnic University Spring Semester

1 Tutorial 11 Creating an XML Document Developing a Document for a Cooking Web Site.

4 HTML Basics 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.

1 herbert van de sompel CS 502 Computing Methods for Digital Libraries Cornell University – Computer Science Herbert Van de Sompel

HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.

2.1 XHTML. Motto High thoughts must have high language. –Aristophanes.

HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.

Unit 3 — Advanced Internet Technologies Lesson 10 — Introduction to XHTML.

XP Review 1 New Perspectives on JavaScript, Comprehensive1 Introducing HTML and XHTML Creating Web Pages with HTML.

Introduction to XML Jussi Pohjolainen TAMK University of Applied Sciences.

XP 2 HTML Tutorial 1: Developing a Basic Web Page.

C Copyright © 2011, Oracle and/or its affiliates. All rights reserved. Introduction to XML Standards.

CIS 228 The Internet 9/20/11 XHTML 1.0. “Quirks” Mode Today, all browsers support standards Compliant pages are displayed similarly There are multiple.

HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.

Connecting to External Data. Financial data can be obtained from a number of different data sources.

XML Notes taken from w3schools. What is XML? XML stands for EXtensible Markup Language. XML was designed to store and transport data. XML was designed.

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.

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.

Marking Up with XHTML Tags describe how a web page should look

Introduction to HTML.

Digital Media Technology Seminar 2 – 20 September 2016

Chapter 4 - Introduction to XHTML: Part 1

Web Programming Maymester 2004

Marking Up with XHTML Tags describe how a web page should look

Marking Up with XHTML Tags describe how a web page should look

Marking Up with XHTML Tags describe how a web page should look

Presentation transcript:

Digital Media Technology Seminar 2 – 16 September 2014 Fleur Praal Jeroen van Honk

Discussion of Homework Basic principles of X(HT)ML: - syntax of tags: opening tag closing tag attribute name content element name attribute value BDMS Homepage

Discussion of Homework Nesting: all opening tags must have a closing tag with the exception of some self-closing elements:, first bullet second bullet>

Discussion of Homework HTML document structure: Example all content to be displayed (except the title) sits in here

Discussion of Homework The browser must be able to access the referenced file using the path that you provide. If you see your picture on your site, but not on the faces-page, how come? And if it is on the faces-page, but not on your own page, what could it be? And what if your CV is not linked to the Faces-page? In general: be precise! Quotes: one double quote ["] is not the same as two single quotes [‘’] Word editors may convert them to “smart quotes”

Discussion of Homework The code-editor is not meant for the display of content, only for the encoding of it. White lines or white space in the editor are not reflected in a browser! Do not add unnecessary white spaces! Tab tags for your own convenience:

Discussion of Homework Hyperlinks: Click here Images: Note that your image will be skewed in size if you specify both height and width and these are different from the image's own height and width, as in: (

Discussion of Homework Tables Experience next-to-none Expectations sky-high Experiencenext-to-none Expectationssky-high

Today: XML 1

Validity of XML - eXtensible Mark-up Language - basic rules always apply, but you can flexibly adjust additional rules for your project - should always denote structure, not form! - Document instance v. document type - Document Type Definition (DTD) / Schema

Validity of XML Well-formedness: means that the XML-document instance adheres to the basic syntax rules for XML Validity: means that the XML document adheres to all the specific, extra rules that are laid down in a DTD or in an XML Schema. valid documents are also well-formed documents. useful well- formed valid