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

Slides:



Advertisements
Similar presentations
3.02B Authoring Languages 3.02 Develop webpages..
Advertisements

ASP.NET Intro An introduction to the languages and communication of an ASP.NET system.
CSS Cascading Style Sheets. Objectives Using Inline Styles Working with Selectors Using Embedded Styles Using an External Style Sheet Applying a Style.
Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
Pengantar Teknologi Mobile 13 Antonius Rachmat C, S.Kom, M.Cs XHTML.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 3: XHTML Coding © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web Page.
Site Development Foundations © 2004 ProsoftTraining All rights reserved.
Project 1 Introduction to HTML.
XHTML 16-Apr-17.
17-Jun-15 XHTML 2 What is XHTML? XHTML stands for Extensible Hypertext Markup Language XHTML is aimed to replace HTML.
Lecture 2B: HTML and CSS IT 202—Internet Applications Based on notes developed by Morgan Benton.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Tutorial 3: Adding and Formatting Text. 2 Objectives Session 3.1 Type text into a page Copy text from a document and paste it into a page Check for spelling.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Basics of HTML.
Creating a Simple Page: HTML Overview
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
HTML & XHTML Introduction. First HTML 1992 Marked-up text to represent a hypertext document for transmission over the network The hypertext mark-up language.
INTRODUCTION TO DHTML. TOPICS TO BE DISCUSSED……….  Introduction Introduction  UsesUses  ComponentsComponents  Difference between HTML and DHTMLDifference.
Creating a Basic Web Page
2440: 211 Interactive Web Programming Introduction to the Internet & the World Wide Web.
Presentation I TERMINOLOGY. Prepare your computer to view file extensions In the MYCOMPUTER Icon use the menus and choose: tools>folder options Then select.
CS 299 – Web Programming and Design Introduction to HTML.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
XHTML - Basics Teppo Räisänen LIIKE/OAMK Introduction XHTML = eXtensible Hypertext Markup Language Transitional ~ HTML 4.01 Goal: to replace HTML.
Web page - A Web page is a simple text file that contains a set of HTML tags (code) that describe (to the browser) what should go on a web page. It may.
Learning Web Design: Chapter 4. HTML  Hypertext Markup Language (HTML)  Uses tags to tell the browser the start and end of a certain kind of formatting.
Introduction to HTML. What is HTML? Hyper Text Markup Language (HTML) is a language for describing web pages. HTML is not a programming language, it is.
XHTML Introduction to Xtensible HyperText Markup Language Screen Readers – Click the Notes button in the lower right corner.
Overview of HTML/XHTML Two Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
Presentation Topic: XML and ASP Presented by Yanzhi Zhang.
XHTML and CSS Session 1 Intro, (X)HTML, CSS, W3C, browsers, webpage, structure, tags, attributes, elements, web development process, basic XHTML elements.
XHTML TAGS I Basic Tags. North Lake College 2 by Sean Griffin Sample XHTML Code.
Introduction To HTML.  HTML stands for Hyper Text Markup Language.  HTML was developed by Tim Berners-Lee.  HTML is maintained by World Wide Web Consortium(W3C).
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Creating XHTML Documents Essentials for.
1 Web Application Programming Presented by: Mehwish Shafiq.
XML Basics A brief introduction to XML in general 1XML Basics.
Cs332a_chapt10.ppt CS332A Advanced HTML Programming DHTML Dynamic Hypertext Markup Language A term describing a series of technologies Not a stand-a-lone.
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.
DYNAMIC HTML What is Dynamic HTML: HTML code that allow you to change/ specify the style of your web pages. Example: specify style sheet, object model.
TOPIC II Dynamic HTML Prepared by: Nimcan Cabd Cali.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Microsoft Expression Web 3 – Illustrated Unit D: Structuring and Styling Text.
Unit 3 — Advanced Internet Technologies Lesson 10 — Introduction to XHTML.
Invitation to Computer Science 6 th Edition Chapter 10 The Tower of Babel.
Introduction to the World Wide Web & Internet CIS 101.
HTML HyperText Markup Language Victoria E. Kozlek.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
Introduction lab1. Suzanne J. Sultan 2 What is HTML? The definition of HTML is Hyper Text Markup Language. HTML is a computer language devised to allow.
Cascading Style Sheet CSS Closing Switch Closing Tag Code View
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
Introduction to HTML Hypertext Mark-up Language. HTML HTML = Hypertext Mark-up Language Is just plain simple text marked up by “tags” You can create a.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.
Alabama Educational Technology Conference
Web Basics: HTML/CSS/JavaScript What are they?
Project 1 Introduction to HTML.
Objective % Select and utilize tools to design and develop websites.
Chapter 1 Introduction to HTML.
Introduction to HTML.
Objective % Select and utilize tools to design and develop websites.
INTRODUCTION TO HTML5.
Web Programming– UFCFB Lecture 9
Markup Languages -Use codes, called tags, to provide instructions about formatting and structure of a website HTML (Hypertext Markup Language) Must be.
What is HTML?.
Structuring Content in a Web Document
Computer communications
Web Programming– UFCFB Lecture 9
Markup Languages -Use codes, called tags, to provide instructions about formatting and structure of a website HTML (Hypertext Markup Language) Must be.
Presentation transcript:

Web Terminology Intro to Web

North Lake College 2 by Sean Griffin HTML vs. XHTML HTML: Hypertext Markup Language XHTML: eXtensible Hypertext Markup Language Replaced HTML as a standard for web pages Has very similar coding rules as HTML Our code examples will be in XHTML

North Lake College 3 by Sean Griffin HTML vs. XHTML (Differences) HTMLXHTML Elements & attribute names in lowercase Attributes in quotes Nonempty elements must have closing tags not valid valid Empty tags must have a space then / ending the tag

North Lake College 4 by Sean Griffin Sample XHTML Code

North Lake College 5 by Sean Griffin File-Naming Conventions No spaces No special characters Use lowercase letters

North Lake College 6 by Sean Griffin File Name Extensions

North Lake College 7 by Sean Griffin Cascading Style Sheets (CSS) A text based file Commonly used to format a web pages Ex: Fonts, Borders, positioning elements Formatting saved in a.css file Benefits: changes can be made in one file that affect entire websites.

North Lake College 8 by Sean Griffin eXtensible Markup Language (XML) Commonly used as a tag set enclosing data Source: Wikipedia.com

North Lake College 9 by Sean Griffin Demystifying DHTML Mix of XHMTL, JavaScript, CSS, and DOM (Document Object Model) Uses: Animation Drag & drop Rollover buttons

North Lake College 10 by Sean Griffin JavaScript Is not like Java It extends the functionality of XHTML Uses: Rollovers Closing Browser Windows Browser Sniffing

North Lake College 11 by Sean Griffin Web Applications Web sites that deliver dynamic data or are data driven Ex: Amazon.com, eBay.com Web apps commonly connect to databases