SK Telecom. Platform NATE WAP

Size: px
Start display at page:

Download "SK Telecom. Platform NATE WAP"

Transcription

1 SK Telecom Platform NATE WAP

2 SK TELECOM NATE WAP This Document is copyrighted by SK Telecom and may not be reproduced without permission SK Building, SeRinDong-99, JoongRoGu, , Seoul, Korea

3 SK Telecom Chapter 1 NGB N XHTML 1

4 SK Telecom Chapter 2 NGB N Markup Language 2

5 SK Telecom 3

6 SK Telecom 4

7 SK Telecom 5

8 SK Telecom 6

9 SK Telecom 7

10 SK Telecom 8

11 SK Telecom 9

12 SK Telecom 10

13 SK Telecom CSS Selector CSS Unit 11

14 SK Telecom CSS Attribute 12

15 SK Telecom 13

16 SK Telecom 14

17 SK Telecom 15

18 SK Telecom SK Telecom Extension N Pictogram Example Code <img localsrc="pict:///core/button/1" / > 16

19 SK Telecom pict:///core/button/3_1 Icon 17

20 SK Telecom SK Telecom WMLScript Extensions Multimedia Library (Library ID : 32000) Syntax Library ID/Function ID Parameters Output Example Image type 1 kindofimage.. setimage(url,title,kindofimage,imagetype); / 0 url=string:. title=string:.(maximum Length: 20Bytes) kindofimage=int 0: Power On 1: Power Off 2: 3; RING 4:WAP imagetype=int:. 0:WBMP Type 0 1: SIS Type 2:bmp int (0:, 1001:Invalid_URL 1002:Not_Supported_Format 1003:INVALID_PARAMETER 1004:Invalid_Data_Format 1005:Overrange_Parameter 1:Undefined_Error) Multimedia.setImage( p,,2,0); Phonebook Library (Library ID : 32002) 18

21 SK Telecom 19

22 SK Telecom 20

23 SK Telecom 21

24 SK Telecom 22

25 SK Telecom 23

26 SK Telecom 24

27 SK Telecom 25

28 SK Telecom Terminal Library (Library ID : 32001) 26

29 Chapter 3 NGB Menu UI 27

30 28

31 29

32 30

33 Chapter 4 NGB Wi-Top 31

34 32

35 Chapter 5 NGB XHTML <?xml version="1.0" encoding="ks_c_ "?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN" " <html> <body title = "XHTML "> <p> <a href="test.xhtml">xhtml </a><br/> <a accesskey= vnd.up href = "../index.wml" /> </p> </body> </html> 33

36 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN" " <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD wml 1.3//EN" " <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD wml 2.0//EN" " height= 55 Note 34

37 Sample <table width="50%" style="border-style:solid"> <tr><td align="center"> <a accesskey= 1 href="./music.wml"> <img localsrc="pict:///core/state/beginner"/> </a></td></tr> <tr><td> <a accesskey= 2 href="./index.wml"> <img localsrc="pict:///time/schedule/calendar"/> </a></td></tr> </table> <table width="50%" style="border-style:solid"> <tr><td align="center" style="border-color:blue; border-style:solid; border-left-color:yellow; border-right-color:#888888; border-bottom-color:#555555; border-right:3px; border-bottom:3px;"> <a accesskey=1 href="./music.wml"> <img localsrc="pict:///core/state/beginner"/> </a></td></tr> <tr><td style="border-style:solid;border-color:black"> <a accesskey=2 href="./index.wml"> <img localsrc="pict:///time/schedule/calendar"/> </a></td></tr> </table> 35

38 Tip <head> <title> </title> <link rel="stylesheet" type="text/css" href=" </head> a {text-decoration:none; color:#00008b} do { text-decoration:none; color:#00008b; background:#afeeee;} body { height:100%; background:#afeeee; font-face: ;} hr {color:#6495eb} table {background:#9370db; width:100%} table.01 {background:#87ceeb; width:100%} table.02 {background:#afeeee; width:100%} td {text-align:center; color:#ffffff;} td.left {text-align:left} Tip 36

39 background-color <table style="background-color:#6fb9ff"> <tr> <td width=52> <a href="index.wml"> <img src="images/logo.png" /> </a> </td> <td> <img src="images/nabanner.bmp" /> </td> </tr> </table> <img src="imag/s.bmp" alt=" " /> <p style="color:#30235e;font-weight:800;backgroundcolor:#8cd2ea"> <img src="images/top Gon.bmp"/> / <do label=". " /> <do label="!! " /> <do label=" " /> 37

40 <td style="background-image: URL(./img/titleback_32C.bmp); > <p align="center"> <span style="color:white">nate Basic</span> </p> </td> <do localsrc="pict:///core/arrow/upperright" label="[ ] *" /> 38

41 Chapter 6 WML to XHTML Migration Prologue Structure 39

42 Anchor Input WML <anchor title="get Test"> <go href="login.asp" method="post"> <postfield name="id" value="$(id)" /> <postfield name="pwd" value="$(pwd)" /> <postfield name="save" value="$(save)" /> </go></anchor> XHTML <form action= Login.php method= post > <input type= text name= id > <input type= text name= pwd > <input type= hidden name= save > </form> 40

43 Event WML <card ontimer=" cartoon_2.wml "> <timer value="10"/> </card> XHTML <head> <meta http-equiv="refresh" content="10;url=cartoon_2.wml" /> </head> 41

44 42 Pictogram Appendix A

45 43

46 44

47 45

48 46

49 47

50 48

51 49

52 50

53 51

54 52

55 53

56 54

57 55

58 56

59 Appendix B Icon Icon URL File Image 57

60 58

61 Appendix C Reference 59

WML2.0 TUTORIAL. The XHTML Basic defined by the W3C is a proper subset of XHTML, which is a reformulation of HTML in XML.

WML2.0 TUTORIAL. The XHTML Basic defined by the W3C is a proper subset of XHTML, which is a reformulation of HTML in XML. http://www.tutorialspoint.com/wml/wml2_tutorial.htm WML2.0 TUTORIAL Copyright tutorialspoint.com WML2 is a language, which extends the syntax and semantics of the followings: XHTML Basic [ XHTMLBasic ]

More information

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space.

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space. HTML Summary Structure All of the following are containers. Structure Contains the entire web page. Contains information

More information

Skill Area 323: Design and Develop Website. Multimedia and Web Design (MWD)

Skill Area 323: Design and Develop Website. Multimedia and Web Design (MWD) Skill Area 323: Design and Develop Website Multimedia and Web Design (MWD) 323.4 Use graphics and objects on Web Page (7 hrs) 323.4.1 Insert foreground features 323.4.2 Modify image attributes 323.4.3

More information

UNIT III. Variables: This element supports the following attributes: Attribute Value Description. name string Sets the name of the variable

UNIT III. Variables: This element supports the following attributes: Attribute Value Description. name string Sets the name of the variable UNIT III : Variables Other Content you can Include Controls Miscellaneous Markup Sending Information Application Security Other Data: The Meta Element Document Type- Declarations Errors and Browser Limitations

More information

HTML Hyperlinks (Links)

HTML Hyperlinks (Links) WEB DESIGN HTML Hyperlinks (Links) The HTML tag defines a hyperlink. A hyperlink (or link) is a word, group of words, or image that you can click on to jump to another document. When you move the

More information

Lab 4 CSS CISC1600, Spring 2012

Lab 4 CSS CISC1600, Spring 2012 Lab 4 CSS CISC1600, Spring 2012 Part 1 Introduction 1.1 Cascading Style Sheets or CSS files provide a way to control the look and feel of your web page that is more convenient, more flexible and more comprehensive

More information

CSS stands for Cascading Style Sheets Styles define how to display HTML elements

CSS stands for Cascading Style Sheets Styles define how to display HTML elements CSS stands for Cascading Style Sheets Styles define how to display HTML elements CSS has various levels and profiles. Each level of CSS builds upon the last, typically adding new features and typically

More information

DISCIPLINE SPECIFIC 4: WIRELESS APPLICATION PROTOCOL Semester : VI Course Code : 16UCS504 Syllabus UNIT II: The Wireless Markup Language: Overview

DISCIPLINE SPECIFIC 4: WIRELESS APPLICATION PROTOCOL Semester : VI Course Code : 16UCS504 Syllabus UNIT II: The Wireless Markup Language: Overview DISCIPLINE SPECIFIC 4: WIRELESS APPLICATION PROTOCOL Semester : VI Course Code : 16UCS504 Syllabus UNIT II: The Wireless Markup Language: Overview The WML Document Model WML Authoring URLs Identify Content

More information

Modify cmp.htm, contactme.htm and create scheduleme.htm

Modify cmp.htm, contactme.htm and create scheduleme.htm GRC 175 Assignment 2 Modify cmp.htm, contactme.htm and create scheduleme.htm Tasks: 1. Setting up Dreamweaver and defining a site 2. Convert existing HTML pages into proper XHTML encoding 3. Add alt tags

More information

Scripting for Multimedia LECTURE 5: INTRODUCING CSS3

Scripting for Multimedia LECTURE 5: INTRODUCING CSS3 Scripting for Multimedia LECTURE 5: INTRODUCING CSS3 CSS introduction CSS Level 1 --> CSS Level 2 --> CSS Level 3 (in modules) More than 50 modules are published Cascading style sheets (CSS) defines how

More information

Title: Dec 11 3:40 PM (1 of 11)

Title: Dec 11 3:40 PM (1 of 11) ... basic iframe body {color: brown; font family: "Times New Roman"} this is a test of using iframe Here I have set up two iframes next to each

More information

XHTML & CSS CASCADING STYLE SHEETS

XHTML & CSS CASCADING STYLE SHEETS CASCADING STYLE SHEETS What is XHTML? XHTML stands for Extensible Hypertext Markup Language XHTML is aimed to replace HTML XHTML is almost identical to HTML 4.01 XHTML is a stricter and cleaner version

More information

Deck-level event bindings and Tables

Deck-level event bindings and Tables Advanced Programming Language (630501) Fall 2011/2012 Lecture Notes # 7 Deck-level event bindings and Tables Outline of the Lecture Deck-level event bindings (Template Element) Displaying Tables Deck-level

More information

Cascading style sheets, HTML, DOM and Javascript

Cascading style sheets, HTML, DOM and Javascript CSS Dynamic HTML Cascading style sheets, HTML, DOM and Javascript DHTML Collection of technologies forming dynamic clients HTML (content content) DOM (data structure) JavaScript (behaviour) Cascading Style

More information

CS134 Web Site Design & Development. Quiz1

CS134 Web Site Design & Development. Quiz1 CS134 Web Site Design & Development Quiz1 Name: Score: Email: I Multiple Choice Questions (2 points each, total 20 points) 1. Which of the following is an example of an IP address? a. www.whitehouse.gov

More information

HTML Overview. With an emphasis on XHTML

HTML Overview. With an emphasis on XHTML HTML Overview With an emphasis on XHTML What is HTML? Stands for HyperText Markup Language A client-side technology (i.e. runs on a user s computer) HTML has a specific set of tags that allow: the structure

More information

Deccansoft Software Services

Deccansoft Software Services Deccansoft Software Services (A Microsoft Learning Partner) HTML and CSS COURSE SYLLABUS Module 1: Web Programming Introduction In this module you will learn basic introduction to web development. Module

More information

HTML. HTML Evolution

HTML. HTML Evolution Overview stands for HyperText Markup Language. Structured text with explicit markup denoted within < and > delimiters. Not what-you-see-is-what-you-get (WYSIWYG) like MS word. Similar to other text markup

More information

Assignments (4) Assessment as per Schedule (2)

Assignments (4) Assessment as per Schedule (2) Specification (6) Readability (4) Assignments (4) Assessment as per Schedule (2) Oral (4) Total (20) Sign of Faculty Assignment No. 02 Date of Performance:. Title: To apply various CSS properties like

More information

Web Development and HTML. Shan-Hung Wu CS, NTHU

Web Development and HTML. Shan-Hung Wu CS, NTHU Web Development and HTML Shan-Hung Wu CS, NTHU Outline How does Internet Work? Web Development HTML Block vs. Inline elements Lists Links and Attributes Tables Forms 2 Outline How does Internet Work? Web

More information

Summary 4/5. (contains info about the html)

Summary 4/5. (contains info about the html) Summary Tag Info Version Attributes Comment 4/5

More information

Go.Web Style Guide. Oct. 16, Hackensack Ave Hackensack, NJ GoAmerica, Inc. All rights reserved.

Go.Web Style Guide. Oct. 16, Hackensack Ave Hackensack, NJ GoAmerica, Inc. All rights reserved. Go.Web Style Guide Oct. 16, 2000 www.goamerica.net 2000 GoAmerica, Inc. All rights reserved. 401 Hackensack Ave Hackensack, NJ 07601 888 462 4600 Go.Web Style Guide 2 Introduction Go.Web is GoAmerica s

More information

Wireframe :: tistory wireframe tistory.

Wireframe :: tistory wireframe tistory. Page 1 of 45 Wireframe :: tistory wireframe tistory Daum Tistory GO Home Location Tags Media Guestbook Admin 'XHTML+CSS' 7 1 2009/09/20 [ ] XHTML CSS - 6 (2) 2 2009/07/23 [ ] XHTML CSS - 5 (6) 3 2009/07/17

More information

Exam Format: Multiple Choice, True/False, Short Answer (3 points each 75 points total) Write-the-page (25 points)

Exam Format: Multiple Choice, True/False, Short Answer (3 points each 75 points total) Write-the-page (25 points) CS-101 Fall 2008 Section 4 Practice Final v1.0m Name: Exam Format: Multiple Choice, True/False, Short Answer (3 points each 75 points total) Write-the-page (25 points) XHTML/CSS Reference: Entities: Copyright

More information

Mobile Station Execution Environment (MExE( MExE) Developing web applications for PDAs and Cellphones. WAP (Wireless Application Protocol)

Mobile Station Execution Environment (MExE( MExE) Developing web applications for PDAs and Cellphones. WAP (Wireless Application Protocol) Developing web applications for PDAs and Cellphones Mobile Station Execution Environment (MExE( MExE) MExE is a standard for defining various levels of wireless communication These levels are called classmarks

More information

Basic CSS Lecture 17

Basic CSS Lecture 17 Basic CSS Lecture 17 Robb T. Koether Hampden-Sydney College Wed, Feb 21, 2018 Robb T. Koether (Hampden-Sydney College) Basic CSSLecture 17 Wed, Feb 21, 2018 1 / 22 1 CSS 2 Background Styles 3 Text Styles

More information

Web Publishing Basics I

Web Publishing Basics I Web Publishing Basics I Jeff Pankin Information Services and Technology Contents Course Objectives... 2 Creating a Web Page with HTML... 3 What is Dreamweaver?... 3 What is HTML?... 3 What are the basic

More information

CS144 Notes: Web Standards

CS144 Notes: Web Standards CS144 Notes: Web Standards Basic interaction Example: http://www.youtube.com - Q: what is going on behind the scene? * Q: What entities are involved in this interaction? * Q: What is the role of each entity?

More information

Final Exam Study Guide

Final Exam Study Guide Final Exam Study Guide 1. What does HTML stand for? 2. Which file extension is used with standard web pages? a..doc b..xhtml c..txt d..html 3. Which is not part of an XHTML element? a. Anchor b. Start

More information

CSS CSS how to display to solve a problem External Style Sheets CSS files CSS Syntax

CSS CSS how to display to solve a problem External Style Sheets CSS files CSS Syntax CSS CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve a problem External Style Sheets can save a lot of work External Style Sheets

More information

Chapter 3 Style Sheets: CSS

Chapter 3 Style Sheets: CSS WEB TECHNOLOGIES A COMPUTER SCIENCE PERSPECTIVE JEFFREY C. JACKSON Chapter 3 Style Sheets: CSS 1 Motivation HTML markup can be used to represent Semantics: h1 means that an element is a top-level heading

More information

Fall Semester 2016 (2016-1)

Fall Semester 2016 (2016-1) SWE 363: WEB ENGINEERING & DEVELOPMENT Fall Semester 2016 (2016-1) Overview of HTML Dr. Nasir Al-Darwish Computer Science Department King Fahd University of Petroleum and Minerals darwish@kfupm.edu.sa

More information

recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML)

recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML) HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML) HTML specifies formatting within a page using tags in its

More information

Klinkmann WAP Emulator

Klinkmann WAP Emulator Klinkmann WAP Emulator www.klinkmann.com 1 Klinkmann WAP Emulator User Guide Ver 1.x Rev 1.2 PR 001 06 Table Of Contents 1. Overview...1 2. Installing and running the WAP Emulator...1 3. Using WAP Emulator...2

More information

Text and Layout. Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 11. This presentation 2004, MacAvon Media Productions

Text and Layout. Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 11. This presentation 2004, MacAvon Media Productions Text and Layout Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 11 This presentation 344 345 Text in Graphics Maximum flexibility obtained by treating text as graphics and manipulating

More information

HTML. Mohammed Alhessi M.Sc. Geomatics Engineering. Internet GIS Technologies كلية اآلداب - قسم الجغرافيا نظم المعلومات الجغرافية

HTML. Mohammed Alhessi M.Sc. Geomatics Engineering. Internet GIS Technologies كلية اآلداب - قسم الجغرافيا نظم المعلومات الجغرافية HTML Mohammed Alhessi M.Sc. Geomatics Engineering Wednesday, February 18, 2015 Eng. Mohammed Alhessi 1 W3Schools Main Reference: http://www.w3schools.com/ 2 What is HTML? HTML is a markup language for

More information

Advanced Web Programming C2. Basic Web Technologies

Advanced Web Programming C2. Basic Web Technologies Politehnica University of Timisoara Advanced Web Programming C2. Basic Web Technologies 2013 UPT-AC Assoc.Prof.Dr. Dan Pescaru HTML Originally developed by Tim Berners-Lee in 1990 at CERN (Conseil Européen

More information

HTML. HTML: logical structure

HTML. HTML: logical structure Web 应用基础 HTML HTML: logical structure HTML html head body frameset title meta base p div hn table ol/ul frame div span p tr li

More information

CSC 121 Computers and Scientific Thinking

CSC 121 Computers and Scientific Thinking CSC 121 Computers and Scientific Thinking Fall 2005 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language

More information

COPYRIGHTED MATERIAL. Contents. Chapter 1: Creating Structured Documents 1

COPYRIGHTED MATERIAL. Contents. Chapter 1: Creating Structured Documents 1 59313ftoc.qxd:WroxPro 3/22/08 2:31 PM Page xi Introduction xxiii Chapter 1: Creating Structured Documents 1 A Web of Structured Documents 1 Introducing XHTML 2 Core Elements and Attributes 9 The

More information

White Paper. elcome to Nokia s WAP 2.0 XHTML browser for small devices. Advantages of XHTML for Wireless Data

White Paper. elcome to Nokia s WAP 2.0 XHTML browser for small devices. Advantages of XHTML for Wireless Data elcome to Nokia s WAP 2.0 XHTML browser for small devices. Advantages of XHTML for Wireless Data Contents Introduction: WAP 2.0 is XHTML 2 XHTML Basic: Key Features and Capabilities 2 Well-Formed XML 3

More information

HTTP and HTML. We will use HTML as a frontend to our webapplications, therefore a basic knowledge of HTML is required, especially in forms.

HTTP and HTML. We will use HTML as a frontend to our webapplications, therefore a basic knowledge of HTML is required, especially in forms. HTTP and HTML We will use HTML as a frontend to our webapplications, therefore a basic knowledge of HTML is required, especially in forms. HTTP and HTML 28 January 2008 1 When the browser and the server

More information

WAP Overview. Ric Howell, Chief Technology Officer, Concise Group Ltd.

WAP Overview. Ric Howell, Chief Technology Officer, Concise Group Ltd. WAP Overview Ric Howell, Chief Technology Officer, Concise Group Ltd. WAP (the Wireless Application Protocol) is a protocol for accessing information and services from wireless devices. WAP is defined

More information

CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0

CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0 WEB TECHNOLOGIES A COMPUTER SCIENCE PERSPECTIVE CHAPTER 2 MARKUP LANGUAGES: XHTML 1.0 Modified by Ahmed Sallam Based on original slides by Jeffrey C. Jackson reserved. 0-13-185603-0 HTML HELLO WORLD! Document

More information

Certified HTML5 Developer VS-1029

Certified HTML5 Developer VS-1029 VS-1029 Certified HTML5 Developer Certification Code VS-1029 HTML5 Developer Certification enables candidates to develop websites and web based applications which are having an increased demand in the

More information

introduction to XHTML

introduction to XHTML introduction to XHTML XHTML stands for Extensible HyperText Markup Language and is based on HTML 4.0, incorporating XML. Due to this fusion the mark up language will remain compatible with existing browsers

More information

CSS Scripting and Computer Environment - Lecture 09

CSS Scripting and Computer Environment - Lecture 09 CSS Scripting and Computer Environment - Lecture 09 Saurabh Barjatiya International Institute Of Information Technology, Hyderabad 1 st October, 2011 Contents 1 CSS stands for Cascading Style Sheets Styles

More information

As we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application.

As we design and build out our HTML pages, there are some basics that we may follow for each page, site, and application. Extra notes - Client-side Design and Development Dr Nick Hayward HTML - Basics A brief introduction to some of the basics of HTML. Contents Intro element add some metadata define a base address

More information

COMS 359: Interactive Media

COMS 359: Interactive Media COMS 359: Interactive Media Agenda Review CSS Layout Preview Review Introducting CSS What is CSS? CSS Syntax Location of CSS The Cascade Box Model Box Structure Box Properties Review Style is cascading

More information

User's Guide Visual Profile Appendix L Version 7.5.2

User's Guide Visual Profile Appendix L Version 7.5.2 User's Guide Visual Profile Appendix L Version 7.5.2 MobilityGuard AB Appendix L Visual Profile v 7.4 Table of Contents 1 Introduction...3 2 Configuration...3 2.1 Select a theme to use...3 2.2 The theme

More information

NCR Customer Connect Working with Templates: ADVANCED

NCR Customer Connect Working with Templates: ADVANCED NCR Customer Connect Working with Templates: ADVANCED Adding Your Logo to an Image Banner... 2 Mixed 2 Column + 1 Column Template... 4 Changing the Body-Separator Color... 6 Changing the Template Border

More information

HTML, CSS, JavaScript

HTML, CSS, JavaScript HTML, CSS, JavaScript Encoding Information: There s more! Bits and bytes encode the information, but that s not all Tags encode format and some structure in word processors Tags encode format and some

More information

A Balanced Introduction to Computer Science, 3/E

A Balanced Introduction to Computer Science, 3/E A Balanced Introduction to Computer Science, 3/E David Reed, Creighton University 2011 Pearson Prentice Hall ISBN 978-0-13-216675-1 Chapter 2 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is

More information

Date Issued: Subject: Editing the HTML files in the C-more panel. Revision: Original

Date Issued: Subject: Editing the HTML files in the C-more panel. Revision: Original APPLICATION NOTE THIS INFORMATION PROVIDED BY AUTOMATIONDIRECT.COM TECHNICAL SUPPORT These documents are provided by our technical support department to assist others. We do not guarantee that the data

More information

HTML and CSS COURSE SYLLABUS

HTML and CSS COURSE SYLLABUS HTML and CSS COURSE SYLLABUS Overview: HTML and CSS go hand in hand for developing flexible, attractively and user friendly websites. HTML (Hyper Text Markup Language) is used to show content on the page

More information

Chapter 4. Introduction to XHTML: Part 1

Chapter 4. Introduction to XHTML: Part 1 Chapter 4. Introduction to XHTML: Part 1 XHTML is a markup language for identifying the elements of a page so a browser can render that page on a computer screen. Document presentation is generally separated

More information

Introduction to Web Technologies

Introduction to Web Technologies Introduction to Web Technologies James Curran and Tara Murphy 16th April, 2009 The Internet CGI Web services HTML and CSS 2 The Internet is a network of networks ˆ The Internet is the descendant of ARPANET

More information

Internet publishing HTML (XHTML) language. Petr Zámostný room: A-72a phone.:

Internet publishing HTML (XHTML) language. Petr Zámostný room: A-72a phone.: Internet publishing HTML (XHTML) language Petr Zámostný room: A-72a phone.: 4222 e-mail: petr.zamostny@vscht.cz Essential HTML components Element element example Start tag Element content End tag

More information

An Introduction to WebSphere Portal content publishing channels

An Introduction to WebSphere Portal content publishing channels An Introduction to WebSphere Portal content publishing channels By Gregory Melahn Software Engineer, IBM Corp. May 2003 Abstract WebSphere Portal content publishing (WPCP) allows you to import news stories

More information

Hyperlinks, Tables, Forms and Frameworks

Hyperlinks, Tables, Forms and Frameworks Hyperlinks, Tables, Forms and Frameworks Web Authoring and Design Benjamin Kenwright Outline Review Previous Material HTML Tables, Forms and Frameworks Summary Review/Discussion Email? Did everyone get

More information

Which is why we ll now be learning how to write in CSS (or cascading sheet style)

Which is why we ll now be learning how to write in CSS (or cascading sheet style) STYLE WITH CSS My word is changing things in HTML difficult! Can you imagine if we had to do that for every single thing we wanted to change? It would be a nightmare! Which is why we ll now be learning

More information

HyperText Markup Language (HTML)

HyperText Markup Language (HTML) HyperText Markup Language (HTML) Mendel Rosenblum 1 Web Application Architecture Web Browser Web Server / Application server Storage System HTTP Internet LAN 2 Browser environment is different Traditional

More information

Session 4. Style Sheets (CSS) Reading & References. A reference containing tables of CSS properties

Session 4. Style Sheets (CSS) Reading & References.   A reference containing tables of CSS properties Session 4 Style Sheets (CSS) 1 Reading Reading & References en.wikipedia.org/wiki/css Style Sheet Tutorials www.htmldog.com/guides/cssbeginner/ A reference containing tables of CSS properties web.simmons.edu/~grabiner/comm244/weekthree/css-basic-properties.html

More information

Media Stylesheets and Navigation with CSS goodness. Webpage Design

Media Stylesheets and Navigation with CSS goodness. Webpage Design Media Stylesheets and Navigation with CSS goodness Webpage Design Printing web pages the problem Here s a nice enough website that is clearly designed for the screen. The links are there because they work

More information

A HTML document has two sections 1) HEAD section and 2) BODY section A HTML file is saved with.html or.htm extension

A HTML document has two sections 1) HEAD section and 2) BODY section A HTML file is saved with.html or.htm extension HTML Website is a collection of web pages on a particular topic, or of a organization, individual, etc. It is stored on a computer on Internet called Web Server, WWW stands for World Wide Web, also called

More information

Midterm 1 Review Sheet CSS 305 Sp 06

Midterm 1 Review Sheet CSS 305 Sp 06 This is a list of topics that we have covered so far. This is not all inclusive of every detail and there may be items on the exam that are not explicitly listed here, but these are the primary topics

More information

Implementing a chat button on TECHNICAL PAPER

Implementing a chat button on TECHNICAL PAPER Implementing a chat button on TECHNICAL PAPER Contents 1 Adding a Live Guide chat button to your Facebook page... 3 1.1 Make the chat button code accessible from your web server... 3 1.2 Create a Facebook

More information

Document Object Model. Overview

Document Object Model. Overview Overview The (DOM) is a programming interface for HTML or XML documents. Models document as a tree of nodes. Nodes can contain text and other nodes. Nodes can have attributes which include style and behavior

More information

CSI 3140 WWW Structures, Techniques and Standards. Markup Languages: XHTML 1.0

CSI 3140 WWW Structures, Techniques and Standards. Markup Languages: XHTML 1.0 CSI 3140 WWW Structures, Techniques and Standards Markup Languages: XHTML 1.0 HTML Hello World! Document Type Declaration Document Instance Guy-Vincent Jourdan :: CSI 3140 :: based on Jeffrey C. Jackson

More information

CSS Weebly! td{ padding:20px}

CSS Weebly! td{ padding:20px} CSS Weebly body{ background:black; margin-top:2%; margin-bottom:2%; margin-left:3%; margin-right:3%; border:1px solid grey; padding:10px; color:silver; line-height:150%; font-size:16px; text-decoration:none;

More information

CSS means Cascading Style Sheets. It is used to style HTML documents.

CSS means Cascading Style Sheets. It is used to style HTML documents. CSS CSS means Cascading Style Sheets. It is used to style HTML documents. Like we mentioned in the HTML tutorial, CSS can be embedded in the HTML document but it's better, easier and neater if you style

More information

Basic Web Pages with XHTML (and a bit of CSS) CSE 190 M (Web Programming), Spring 2008 University of Washington Reading: Chapter 1, sections

Basic Web Pages with XHTML (and a bit of CSS) CSE 190 M (Web Programming), Spring 2008 University of Washington Reading: Chapter 1, sections Basic Web Pages with XHTML (and a bit of CSS) CSE 190 M (Web Programming), Spring 2008 University of Washington Reading: Chapter 1, sections 1.1-1.3 Except where otherwise noted, the contents of this presentation

More information

HTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS

HTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS MOST TAGS CLASS Divides tags into groups for applying styles 202 ID Identifies a specific tag 201 STYLE Applies a style locally 200 TITLE Adds tool tips to elements 181 Identifies the HTML version

More information

Table-Based Web Pages

Table-Based Web Pages Table-Based Web Pages Web Authoring and Design Benjamin Kenwright Outline What do we mean by Table-Based Web Sites? Review Table Tags/Structure Tips/Debugging/Applications Summary Review/Discussion Submissions/Quizzes/GitHub

More information

Overview. Part I: Portraying the Internet as a collection of online information systems HTML/XHTML & CSS

Overview. Part I: Portraying the Internet as a collection of online information systems HTML/XHTML & CSS CSS Overview Part I: Portraying the Internet as a collection of online information systems Part II: Design a website using HTML/XHTML & CSS XHTML validation What is wrong?

More information

1/6/ :28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014

1/6/ :28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014 1/6/2019 12:28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014 CATALOG INFORMATION Dept and Nbr: CS 50A Title: WEB DEVELOPMENT 1 Full Title: Web Development 1 Last Reviewed:

More information

CITS1231 Web Technologies. Introduction to Cascading Style Sheets

CITS1231 Web Technologies. Introduction to Cascading Style Sheets CITS1231 Web Technologies Introduction to Cascading Style Sheets The Problems with HTML Poor Coding No consistency in the way a document is developed. The same markup can often be written a number of ways.

More information

What are all these divs? Some empty? No use of CSS Cascade (text-decoration) Duplicated properties (padding in navitem) Unreadable Messy

What are all these divs? Some empty? No use of CSS Cascade (text-decoration) Duplicated properties (padding in navitem) Unreadable Messy Site Redesign Building a site using semantic XHTML and CSS Analysis of existing markup Internal style sheet Poor names (not meaningful) Terribly poor CSS Style in with content Poor names Poor layout Messy

More information

LA TROBE UNIVERSITY SEMESTER ONE EXAMINATION PERIOD CAMPUS AW BE BU MI SH ALLOWABLE MATERIALS

LA TROBE UNIVERSITY SEMESTER ONE EXAMINATION PERIOD CAMPUS AW BE BU MI SH ALLOWABLE MATERIALS LIBRARY USE LA TROBE UNIVERSITY SEMESTER ONE EXAMINATION PERIOD 2013 Student ID: Seat Number: Unit Code: CSE2WD Paper No: 1 Unit Name: Paper Name: Reading Time: Writing Time: Web Development Final 15 minutes

More information

Chapter 5: The Box Model, Links, Lists and Tables

Chapter 5: The Box Model, Links, Lists and Tables Chapter 5: The Box Model, Links, Lists and Tables Learning Outcomes: Be able to manipulate the appearance of HTML hyperlinks, lists and tables using CSS Identify the features of the CSS box model and how

More information

Chapter 6. Cascading Style Sheets CSS

Chapter 6. Cascading Style Sheets CSS ESCUELA TÉCNICA SUPERIOR DE INGENIERÍA ICAI Cristina Puente, Rafael Palacios 2009-2010 Formats vs Styles The format applied to an object only affects that particular object. Style sheets allow the programmer

More information

Web Design 101. What is HTML? HTML Tags. Web Browsers. <!DOCTYPE html> <html> <body> <h1>my First Heading</h1> <p>my first paragraph.

Web Design 101. What is HTML? HTML Tags. Web Browsers. <!DOCTYPE html> <html> <body> <h1>my First Heading</h1> <p>my first paragraph. What is HTML? Web Design 101 HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is a markup language à A markup language is a set of markup tags The tags describe

More information

Digital Asset Management 2. Introduction to Digital Media Format

Digital Asset Management 2. Introduction to Digital Media Format Digital Asset Management 2. Introduction to Digital Media Format 2009-09-24 Outline Image format and coding methods Audio format and coding methods Video format and coding methods Introduction to HTML

More information

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21 Table of Contents Chapter 1 Getting Started with HTML 5 1 Introduction to HTML 5... 2 New API... 2 New Structure... 3 New Markup Elements and Attributes... 3 New Form Elements and Attributes... 4 Geolocation...

More information

HTML, CSS. Kristóf Kovács, Róbert Pálovics, Ferenc Wettl Kristóf Kovács, Róbert Pálovics, Ferenc Wettl HTML, CSS / 28

HTML, CSS. Kristóf Kovács, Róbert Pálovics, Ferenc Wettl Kristóf Kovács, Róbert Pálovics, Ferenc Wettl HTML, CSS / 28 HTML, CSS Kristóf Kovács, Róbert Pálovics, Ferenc Wettl 2017-10-02 Kristóf Kovács, Róbert Pálovics, Ferenc Wettl HTML, CSS 2017-10-02 1 / 28 WWW 1 WWW The beginning The web simplified Cookies 2 HTML Content

More information

Cascading Style Sheet. Styles as Tag Attributes. Syntax. <h1>: what font type/size is used? STYLE = SELECTOR {RULES} Attributes such as bgcolor

Cascading Style Sheet. Styles as Tag Attributes. Syntax. <h1>: what font type/size is used? STYLE = SELECTOR {RULES} Attributes such as bgcolor Styles? Cascading Style Sheet http://www.eie.polyu.edu.hk/~nflaw/biclustering/index.html Request string: GET /~nflaw/biclustering/index.html HTTP/1.1 Host: www.eie.polyu.edu.hk 1 Response string: HTTP/1.1

More information

CSC Web Programming. Introduction to HTML

CSC Web Programming. Introduction to HTML CSC 242 - Web Programming Introduction to HTML Semantic Markup The purpose of HTML is to add meaning and structure to the content HTML is not intended for presentation, that is the job of CSS When marking

More information

WML - QUICK GUIDE WML - OVERVIEW

WML - QUICK GUIDE WML - OVERVIEW http://www.tutorialspoint.com/wml/wml_quick_guide.htm WML - QUICK GUIDE Copyright tutorialspoint.com WML - OVERVIEW The topmost layer in the WAP WirelessApplicationProtocol architecture is made up of WAE

More information

CSS. M hiwa ahamad aziz Raparin univercity. 1 Web Design: Lecturer ( m hiwa ahmad aziz)

CSS. M hiwa ahamad aziz  Raparin univercity. 1 Web Design: Lecturer ( m hiwa ahmad aziz) CSS M hiwa ahamad aziz www.raparinweb.fulba.com Raparin univercity 1 What is CSS? CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve

More information

CSC Web Technologies, Spring HTML Review

CSC Web Technologies, Spring HTML Review CSC 342 - Web Technologies, Spring 2017 HTML Review HTML elements content : is an opening tag : is a closing tag element: is the name of the element attribute:

More information

Lab Introduction to Cascading Style Sheets

Lab Introduction to Cascading Style Sheets Lab Introduction to Cascading Style Sheets For this laboratory you will need a basic text editor and a browser. In the labs, winedt or Notepad++ is recommended along with Firefox/Chrome For this activity,

More information

PASS4TEST. IT Certification Guaranteed, The Easy Way! We offer free update service for one year

PASS4TEST. IT Certification Guaranteed, The Easy Way!   We offer free update service for one year PASS4TEST IT Certification Guaranteed, The Easy Way! \ http://www.pass4test.com We offer free update service for one year Exam : 9A0-046 Title : Adobe GoLive CS2 ACE Exam Vendors : Adobe Version : DEMO

More information

LING 408/508: Computational Techniques for Linguists. Lecture 14

LING 408/508: Computational Techniques for Linguists. Lecture 14 LING 408/508: Computational Techniques for Linguists Lecture 14 Administrivia Homework 5 has been graded Last Time: Browsers are powerful Who that John knows does he not like? html + javascript + SVG Client-side

More information

HTML & CSS November 19, 2014

HTML & CSS November 19, 2014 University of Nebraska - Lincoln DigitalCommons@University of Nebraska - Lincoln Digital Humanities Workshop Series Center for Digital Research in the Humanities 11-19-2014 HTML & CSS November 19, 2014

More information

Cambridge International Examinations Cambridge International General Certificate of Secondary Education. Published

Cambridge International Examinations Cambridge International General Certificate of Secondary Education. Published Cambridge International Examinations Cambridge International General Certificate of Secondary Education INFORMATION AND COMMUNICATION TECHNOLOGY 047/3 Paper 3 Practical Test B MARK SCHEME Maximum Mark:

More information

Technical Guide Login Page Customization

Technical Guide Login Page Customization Released: 2017-11-15 Doc Rev No: R2 Copyright Notification Edgecore Networks Corporation Copyright 2019 Edgecore Networks Corporation. The information contained herein is subject to change without notice.

More information

Create a cool image gallery using CSS visibility and positioning property

Create a cool image gallery using CSS visibility and positioning property GRC 275 A8 Create a cool image gallery using CSS visibility and positioning property 1. Create a cool image gallery, having thumbnails which when moused over display larger images 2. Gallery must provide

More information

Programmazione Web a.a. 2017/2018 HTML5

Programmazione Web a.a. 2017/2018 HTML5 Programmazione Web a.a. 2017/2018 HTML5 PhD Ing.Antonino Raucea antonino.raucea@dieei.unict.it 1 Introduzione HTML HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text

More information

COPYRIGHTED MATERIAL. Contents. Introduction. Chapter 1: Structuring Documents for the Web 1

COPYRIGHTED MATERIAL. Contents. Introduction. Chapter 1: Structuring Documents for the Web 1 Introduction Chapter 1: Structuring Documents for the Web 1 A Web of Structured Documents 1 Introducing HTML and XHTML 2 Tags and Elements 4 Separating Heads from Bodies 5 Attributes Tell Us About Elements

More information

A Brief Introduction to HTML

A Brief Introduction to HTML A P P E N D I X HTML SuMMAry J A Brief Introduction to HTML A web page is written in a language called HTML (Hypertext Markup Language). Like Java code, HTML code is made up of text that follows certain

More information