Karteikarten
Web Development
Karten in diesem Stapel (35)
- 1Why develop Mobile Web?1) Networks are slow
2) WiFi is a scam
3) Sites not for small screens
4) Advertising - 2HTMLHyper Text Markup Language
-A well known web markup language
-Displays data
-Might not be appropriate for mobiles devices because of resolution, storage and bandwidth use - 3XHTMLExtensible Hyper Text Markup Language
- Combines HTML and XML
-The choice for mobile web devices - 4Development Environment SetupServer Scripting Language(PHP or Java)
- Integrated Development Environment(eg. Eclipse)
-Configurable web server(eg. Apache)
-Browser for viewing and testing(eg. Firefox) - 5MIMEMulti-purpose Internet Mail Extensions
- A standard that classifies resources and provides info on how to handle them - 6MIME TypesHTML users use MIME types through the "type attribute"
- e.g. ".docx" or ".MP3" - 7Syntax of Mobile Web1) XHTML
2) XHTML-MP(Mobile Profile)
3) WML (Wireless Markup Language)
4) HTML5 - 8XHTML-MPFor mainstream smartphones and mobile devices
- 9WMLOlder Mobile devices and browsers that do not support XHTML-MP
- 10HTML5- New HTML doctype
- New structural Markup elements (e.g , )
- New and markup elements
- API's for 2D drawing, media playback, drag/drop, and cross document messaging - 11HTML5 Annotation1) DOCTYPE - Defines the document type
2) ...text... - describes web page
3) ...text... - is visible page content
4) ...text... - the heading - 12HTML5 StyleSheet- link a Style Sheet, that it’s located in the same folder as our XHTML page, and that it’s named “style.css”.
- 13HTML5 Divsiondefines a division in an HTML document
(with “class” header) - 14HTML5 CSSCascading Style Service
a style sheet language used to describe the presentation semantics of a document written in a markup language - 15URIUniform Resource Identifier
- A String of characters used to identify the content(e.g a page, a video, or a soundclip)
E.g - For example: file:///home/username/books/ - 16XHTML-MP Formssupports action, enctype(specifies how the form-data should be encoded when submitting it to the server), and method attributes to specify the URL to submit form data
- 17XHTML-MPDefines a paragraph
e.g - This is some text in a paragraph. - 18XHTML-MP fieldset- used to group related elements in a form and draws a box around the related elements.
Personalia:
Name:
Email:
Date of birth: - 19XHTML-MP Label- defines a label for an element.
Male
Female - 20—- defines an HTML table.
- 21Table- defines a table caption.
- 22Tables- defines a row in an HTML table.
- 23Tablesdefines a header cell in an HTML table
- 24Tablesdefines a standard cell in an HTML table.
Cell A
Cell B - 25XHTML-MPdefines an ordered list. An ordered list can be numerical or alphabetical.
Coffee
Tea
Milk
Coffee
Tea
Milk - 26XHTML-MPdefines a list item.
Coffee
Tea
Milk
Coffee
Tea
Milk - 27XHTML-MP andAccess keys combined with ordered list
( and tags): refers to numbers
and wraps texts - 28CSSA style sheet language used for
describing the presentation semantics
(look/format) of a document written in a markup language - 29CSS Why do we need it?- Separation of content from presentation
- Site-wide styling consistency – what is it?
- Bandwidth
- Page reformatting
- Accessibility (HTML tables) - 30WML What is it?Wireless Markup Language
- An XML-based markup language for mobile devices
- Predating XHTML-MP
- Less used for new Mobile Web projects
- A WML document is known as a “deck” - 31WML Hierarchy- Starts from the root tag
Child tags of :
- : metadata and access control
- : a card to display in the browser
- : event handles and commands for the deck - 32WML Header & Metadata-A WML document consists of a header –
stores document metadata and access control
- Document metadata – defined using the
tag, formatted using “name” and “content” attributes.
- tag – to restrict the data access by
domain and path URL components - 33Hyperlinks tags- defines a hyperlink, which is used to link from one page to another.
- creates hyperlinks in WML
documents.
- Creates links in WML - 34Imagesdefines an image in an HTML page.
- “src” attribute specifies the image URL
- “width” and “height” attributes set the image
dimensions
- “align” attribute aligns the image to the text
line, which has values as top, middle or bottom - 35Timerstag that waits 5 seconds before
expiring:
ontimer event: navigates to any URL, e.g.
external cards and documents:
Informationen
- Beschreibung
- Masters of Science Mobile App Karteikarten am Web Development, erstellt von Nathan Hunsdale am 22/05/2014.
- Erstellt von
- Nathan Hunsdale · Mai 2014
- Aktualisiert
- 18 Mär 2016
- Aufrufe
- 30
- Bewertung