 2001 Prentice Hall, Inc. All rights reserved. 1 Chapter 13 - Wireless Markup Language (WML): Part I Outline 13.1 Introduction 13.2 Editing WML 13.3 First.

Slides:



Advertisements
Similar presentations
HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
Advertisements

Session 2 Introduction to HyperText Markup Language 4 (HTML 4) Matakuliah: M0114/Web Based Programming Tahun: 2005 Versi: 5.
Learning HTML. > Title of page This is my first homepage. Tells Browser This is an HTML page Basic Tags Tells Browser End of HTML page Header information.
HTML. The World Wide Web Protocols Addresses HTML.
Internet Applications Development Lecture 3 L. Obead Alhadreti.
1 تقنيات الانترنت عال457 HTML. 2 HTML  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web. HTML is a text formatting.
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
 2001 Prentice Hall, Inc. All rights reserved. 1 Chapter 7 - JavaScript: Introduction to Scripting Outline 7.1 Introduction 7.2 Simple Program: Printing.
CS134 Web Design & Development Attributes, Lists, Tables, Links, and Images Mehmud Abliz.
1 Outline 9.1Introduction 9.2Markup Languages 9.3Editing HTML 9.4Common Tags 9.5Headers 9.6Text Styling 9.7Linking 9.8Images 9.9Formatting Text With 9.10Special.
 2001 Deitel & Associates, Inc. All rights reserved. 1 Outline 9.1Introduction 9.2Markup Languages 9.3Editing HTML 9.4Common Tags 9.5Headers 9.6Text Styling.
HTML and XHTML Controlling the Display Of Web Content.
 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.
 2004 Prentice Hall, Inc. All rights reserved. Introduction to XHTML: Part 1.
XP 1 New Perspectives on Creating Web Pages with HTML Tutorial 1: Developing a Basic Web Page.
Marking Up With Html: A Hypertext Markup Language Primer
HTML Introduction HTML
 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.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Week 1 8/10/2015iSTTS, Agenda Introduction to HTML Creating and publishing a Web page Validating a document Main HTML elements Block-level HTML.
HTML Tags. Objectives Know the commonly used HTML tags Create a simple webpage using the HTML tags that will be discussed.
Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Fluency with Information Technology Third Edition by Lawrence Snyder Chapter.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
HTML Overview Part 2 – Paragraphs, Headings, and Lines 1.
HTML Essentials Markup ( Part I ). Why Markup ? Markup gives meaning and structure to your web page Creates a relationship between the elements.
 2004 Prentice Hall, Inc. All rights reserved. Chapter 13 - Dynamic HTML: Object Model and Collections Outline 13.1 Introduction 13.2 Object Referencing.
1 Outline 3.1 Introduction 3.2 Editing HTML 3.3 First HTML Example 3.4 W3C HTML Validation Service 3.5 Headers 3.6 Linking 3.7 Images 3.8 Special Characters.
By Amisha Pardasani. Contents Introduction to Wireless Application Protocol Introduction to Wireless Markup Language WML Formatting Links and Images Input.
Web Technologies Website Development Trade & Industrial Education
CIS 375—Web App Dev II WAP. 2 Introduction to WAP WAP ________________________ is an application communication protocol that uses a ______ Browser in.
Amber Annett David Bell October 13 th, What will happen What is this business about personal web pages? Designated location of your own web page.
Chapter 4: Hypertext Markup Language Primer TECH Prof. Jeff Cheng.
© Copyright by Deitel & Associates, Inc. and Pearson Education Inc. All Rights Reserved. 1 Tutorial 30 – Bookstore Application: Client Tier Introducing.
 2002 Prentice Hall, Inc. All rights reserved.2 Chapter 2 — Introduction to HyperText Markup Language 4: Part I Outline 2.1Introduction 2.2Markup Languages.
1.  Describe the anatomy of a web page  Format the body of a web page with block-level elements including headings, paragraphs, lists, and blockquotes.
Chapter 2 HTML Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
XP Mohammad Moizuddin Creating Web Pages with HTML Tutorial 1 1 New Perspectives on Creating Web Pages With HTML Tutorial 1: Developing a Basic Web Page.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
1 Introduction to HTML: Part 1 Outline Introduction Elements and Attributes Editing HTML Common Elements Headers Images Unordered Lists Nested and Ordered.
IS1811 Multimedia Development for Internet Applications Lecture 4: Introduction to HTML Rob Gleasure
HTML,DHTML & Javascript/Session1/1 of 39 Introduction and Basic Tags Session 1 of Using HTML, DHTML & JavaScript.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
Chapter 1 Creating a Dreamweaver Web Page and Local Site
HTML: Hyptertext Markup Language Doman’s Sections.
 2003 Prentice Hall, Inc. All rights reserved. Introduction to HTML: Frames Outline 1 Introduction 2 frameset Element 3 Nested frameset s 4 Web Resources.
Introduction HTML (Hypertext Markup Language) is used to create document on the World Wide Web. HTML is not a programming language, it is a markup language.
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
 2001 Prentice Hall, Inc. All rights reserved. 1 Chapter 23 - Wireless Internet and m- Business Outline 23.1 Introduction 23.2 M-Business 23.3 Identifying.
1 Introduction to XHTML: Part 1 Outline Introduction Elements and Attributes Editing XHTML Common Elements W3C XHTML Validation Service Headers Linking.
HTML Basics. HTML Introduction Stands for HyperText Markup Language. HTML files are plain text files with mark ups. Some characteristics of HTML: –No.
Suzanne Sultan1 Line Breaks, Paragraphs, lists Lab3.
HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.
HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
Notes Test #2 will be held one week from this Thursday Check to see if you have a Vision account –Launch Netscape –Point & Click to location and type vision.
CS134 Web Design & Development Attributes, Lists, Tables, Links, and Images Mehmud Abliz.
1 HTML: HyperText Markup Language Representation and Management of Data on the Internet.
1999, COMPUTER SCIENCE, BUU Introduction to HTML Seree Chinodom
Introduction to XML Kanda Runapongsa Dept. of Computer Engineering Khon Kaen University.
McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Working Together 1 Word 2003 and Your.
Tutorial #1 Using HTML to Create Web Pages. HTML, XHTML, and CSS HTML – HyperText Markup Language The tags the browser uses to define the content of the.
 2001 Prentice Hall, Inc. All rights reserved. 1 Chapter 22 - i-mode Outline 22.1 Introduction 22.2 Japan’s Telecommunications Industry and Infrastructure.
Chapter 24 – Introduction to XHTML Basic: Part I
Introduction to XHTML.
Chapter 4 - Introduction to XHTML: Part 1
Introduction to HTML- Basics
Chapter 23 - Wireless Internet and m-Business
Presentation transcript:

 2001 Prentice Hall, Inc. All rights reserved. 1 Chapter 13 - Wireless Markup Language (WML): Part I Outline 13.1 Introduction 13.2 Editing WML 13.3 First WML document 13.4 Phone Simulator Install and Setup 13.5 Formatting Text 13.6 Images 13.7 Linking Hyperlinking Internal Linking External Linking 13.8 Special Characters 13.9 Internet and World Wide Web Resources

 2001 Prentice Hall, Inc. All rights reserved. Outline Welcome to WML! Fig13_1.wml Text for display in a microbrowser.

 2001 Prentice Hall, Inc. All rights reserved. Outline 3

 2001 Prentice Hall, Inc. All rights reserved. Outline 4 Fig. 13.2Phone Information window.

 2001 Prentice Hall, Inc. All rights reserved. Outline 5 Fig. 13.3Phone Information window displaying an error.

 2001 Prentice Hall, Inc. All rights reserved. Outline 6 Fig. 13.3Corresponding Openwave browser displaying an error.

 2001 Prentice Hall, Inc. All rights reserved Formatting Text

 2001 Prentice Hall, Inc. All rights reserved. Outline A bold statement 12 A big deal 13 A small problem 14 I mean it 15 This is fancy 16 Strong man 17 Not a link Fig13_5.wml Text marked up using formatting elements.The break element places all remaining text on the next line in the display screen.

 2001 Prentice Hall, Inc. All rights reserved. Outline 9

 2001 Prentice Hall, Inc. All rights reserved. Outline Images Fig13_6.wml Setting the paragraph element’s align attribute to center places all text and images in the center of the display screen. The name of the image to display. The value of the alt attribute will display if the image cannot be displayed. The height and width attributes define the size of the image.

 2001 Prentice Hall, Inc. All rights reserved. Outline 11

 2001 Prentice Hall, Inc. All rights reserved. Outline Search Engines: Sports 17 SciFi Fig13_7.wml Link to mobile.sports.com.The accesskey attribute programs a key on the keypad that can be used to select the link. The value of the title attribute will label the soft key on the phone that will activate the link.

 2001 Prentice Hall, Inc. All rights reserved. Outline 13

 2001 Prentice Hall, Inc. All rights reserved. Outline 14 Fig13_8.wml Go to the next card by pressing Go. 20 (This is card1) This is card2. 34 Press Back to go back to card1. Soft key that links to card2.Setting the type attribute to accept programs the soft key on the left side of the phone. The prev element links back to the previous card.

 2001 Prentice Hall, Inc. All rights reserved. Outline 15 Fig13_8.wml

 2001 Prentice Hall, Inc. All rights reserved. Outline Local Icons Link Wrench Football Fig13_9.wml The localsrc attribute displays a local icon stored in the phone’s memory. The football icon links to card4 in a separate WML deck.

 2001 Prentice Hall, Inc. All rights reserved. Outline Boat You chose the link! You chose the wrench! Fig13_9.wml The boat icon links to card5 in a separate WML deck.

 2001 Prentice Hall, Inc. All rights reserved. Outline You chose the football! You chose the boat! Fig13_10.wml If the football link is chosen, card4 displays.If the boat link is chosen, card5 displays.

 2001 Prentice Hall, Inc. All rights reserved. Outline 19

 2001 Prentice Hall, Inc. All rights reserved. Outline Special Characters: Experts suggest ­ " A person&apos;s 16 daily diet should consist of < 2000 calories & 17 not > 20 grams of fat." Fig13_11.wml Each character entity represents a special character.

 2001 Prentice Hall, Inc. All rights reserved. Outline 21