Build a HTML 5 App Octobershiner. What is a HTML 5 app ? What is a Web application ? Sth. In your browser Maybe a webpage or a game Multiple type of OS.

Slides:

Advertisements

Similar presentations

Intro to HTML. HTML HTML = HyperText Markup Language Used to define the content of a webpage HTML is made up of tags and attributes Content.

Advertisements

ASP.NET Intro An introduction to the languages and communication of an ASP.NET system.

PHP and CSS to control web apps styles. CSS is used to style today’s web applications.

Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.

Become the “Tech Guy” and make iPhone apps for your library.

Multiple Tiers in Action

Creating your website Using Plain HTML. What is HTML? ► Web pages are authored in HyperText Markup Language (HTML) ► Plain text is marked up with tags,

4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.

WHAT IS PHP PHP is an HTML-embedded scripting language primarily used for dynamic Web applications.

It’s World Wide! I NTRODUCTION TO T HE WEB 1 Photo courtesy:

WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.

Basics of HTML.

Computer science Languages, etc.. Overview For web-applications (HTML, JS) – Designing languages (HMTL, CSS) – Server Languages (PHP, ASP) – Extensions.

With your friendly Web Developer, Chris.. Terminology  HTML - > Hypertext Markup Language  CSS -> Cascading Style Sheet  open tag  close tag  HTTP->Hypertext.

Styling and theming Build campaigns in style. What we'll look at... How a web document is structured How HTML and CSS fit together Tools you will need.

HTML CSS JAVASCRIPT. HTML - Stands for Hyper Text Markup Language HTML is a ‘language’ that describes web pages. This language is a collection of codes.

 cascade Style Sheets (CSS) is a mark-up language that was first proposed in 1994 by Håkon Wium Lie. CSS works in conjunction with HTML to greatly increase.

How the Web Works Digital Histories Workshop Adam Crymble.

C# AND ASP.NET What will I do in this course?. MAJOR TOPICS Learn to program in the C# language with the Visual Studio IDE (Interactive Development Environment)

Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.

UPLOAD / DOWNLOAD april  HTML5 is just the next iteration of HTML  Previous version was technically HTML 4.01, which incorporated XHTML 1.0.

Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.

How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.

Ajax for Dynamic Web Development Gregory McChesney.

Web Terminology Intro to Web. North Lake College 2 by Sean Griffin HTML vs. XHTML HTML: Hypertext Markup Language XHTML: eXtensible Hypertext Markup Language.

4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.

Asstt. Prof Sonia Sharma Computer Dept 1 HTML ( Hypertext MarkUP Language ) HTML is the lingua franca for publishing hypertext on the World Wide Web.

HTML A brief introduction HTML1. HTML, what is? HTML is a markup language for describing web documents (web pages). HTML stands for Hyper Text Markup.

Introduction to HTML UWWD. Agenda What do you need? What do you need? What are HTML, CSS, and tags? What are HTML, CSS, and tags? html, head, and body.

INTRODUCTION JavaScript can make websites more interactive, interesting, and user-friendly.

SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server.

Document Object Model Nasrullah. DOM When a page is loaded,browser creates a Document Object Model of the Page.

Introduction to the World Wide Web & Internet CIS 101.

Chapter 1 Murach's JavaScript and jQuery, C1© 2012, Mike Murach & Associates, Inc.Slide 1.

Basic Steps to create a Website using HTML5. Hypertext Markup Language.

Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.

Project: Web Designer. Phase 1: The World Wide Web.

HTML 5 (Part 1) – Start from SCRATCH. HTML 5 – Start from SCRATCH.

Canvas Styles Adding Color with HTML / CSS Marley - Jan

Creating a website. What you should learn HTML HyperText Markup Language Basic structure of your web.

Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.

Bucharest, 23 February 2005 CHM PTK technologies Adriana Baciu Finsiel Romania.

G046 – Lecture 2A Recognising Web-Technologies Mr C Johnston ICT Teacher

Web Development. Agenda Web History Network Architecture Types of Server The languages of the web Protocols API 2.

Dive into web development

Web Basics: HTML/CSS/JavaScript What are they?

4.01 How Web Pages Work.

Objective % Select and utilize tools to design and develop websites.

CISC103 Web Development Basics: Web site:

© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.

The Internet and HTML Code

Web Cartography

Developing Web-Based Applications

Objective % Select and utilize tools to design and develop websites.

Markup Languages -Use codes, called tags, to provide instructions about formatting and structure of a website HTML (Hypertext Markup Language) Must be.

CISC103 Web Development Basics: Web site:

PHP + Oracle = Data-Driven Websites

HTML A brief introduction HTML.

browser search engine web page

Mozafar Bag-Mohammadi

Unit 6 part 3 Test Javascript Test.

Secure Web Programming

Introduction to Web Application Design

Computer communications

Markup Languages -Use codes, called tags, to provide instructions about formatting and structure of a website HTML (Hypertext Markup Language) Must be.

Client-Server Model: Requesting a Web Page

Build a Text Dataset from AMAZON

Introduction to HTML By Perry Nelson Information Specialist.

© 2017, Mike Murach & Associates, Inc.

Presentation transcript:

Build a HTML 5 App Octobershiner

What is a HTML 5 app ? What is a Web application ? Sth. In your browser Maybe a webpage or a game Multiple type of OS

Hypertext Markup LanguageHypertext Markup Language How is a web app built? Cascading Style SheetsCascading Style Sheets JavaScriptJavaScript Google map ? ……….more ……….more

Can it be simpler? Why so much ?! Why so much ?!

Two girls.Two girls. Two beautiful girls.Two beautiful girls. Two beautiful girls are dancing.Two beautiful girls are dancing. +Html +Html +CSS +JavaScript

Where is a web app placed? A server on hosts Http Server, Ant, Struts, Tomcat

| HTML Let’s try it out

| CSS h { } h { } #id{ } #id{ }.class{ }.class{ }

| JavaScript It is a script and have nothing to do with It runs in your browser. Very Active

What’s new ?

Browser Supports

It is an app on canvas

You can imagine it as an array Image Data

How to Extends

Build a HTML 5 App End