The “Other” Important Stuff: Doctypes: Making sure your website always looks good. Meta tags: making sure Google knows what you’re all about. Domain name.

Slides:



Advertisements
Similar presentations
1 The MITRE Using XSL to Generate XHTML Documents Roger L. Costello XML Technologies.
Advertisements

XHTML Week Two Web Design. 2 What is XHTML? XHTML is the current standard for HTML Newest generation of HTML (post-HTML 4) but has many new features which.
Dr. Alexandra I. Cristea XHTML.
1 HTML Standards & Compliance. 2 Minimum Required HTML tags: (must go in this order!)
XHTML Basics.
Creating XHTML Documents Dr John Cowell phones off (please) 1CSCI1412-HW-6.
1. Content – Collective term for all text, images, videos, etc. that you want to deliver to your audience. 2. Structure – How the content is placed on.
Pengantar Teknologi Mobile 13 Antonius Rachmat C, S.Kom, M.Cs XHTML.
History Leading to XHTML
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.
COS 125 Internet Fundamentals and Web Page Design Day 11.
COS 125 Internet Fundamentals and Web Page Design Day 11.
1 HTML’s Transition to XHTML. 2 XHTML is the next evolution of HTML Extensible HTML eXtensible based on XML (extensible markup language) XML like HTML.
HTML, XHTML, CSS, & JAVAScript ~ an introduction ~
HTML Elements. HTML documents are defined by HTML elements.
© Ms. Masihi 1.  A web page is created using a language called, Hypertext Markup Language, better known as HTML Code.  HTML is a user friendly language.
Structure Content Presentation Semantics.
Structure Content Presentation Semantics.
Working with XHTML Creating a Well-Formed Valid Document.
HTML BASICS Creating Web Pages with HTML CIS 133 Web Programming Concepts 1.
 XHTML is aimed to replace HTML  XHTML is almost identical to HTML 4.01  XHTML is a stricter and cleaner version of HTML  XHTML is HTML defined as.
Week 1 Understanding the Web Design Environment. 1-2 HTML: Then and Now HTML is an application of the Standard Generalized Markup Language Intended to.
Essential Tags Web Design – Sec 3-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
XHTML - Basics Teppo Räisänen LIIKE/OAMK Introduction XHTML = eXtensible Hypertext Markup Language Transitional ~ HTML 4.01 Goal: to replace HTML.
XHTML and Forms Review – Page 1CSCI 2910 – Client/Server-Side Programming CSCI 2910 Client/Server-Side Programming Topic: Review XHTML and Forms.
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.
XHTML Instructor: Charles Moen CSCI/CINF XHTML  A stricter version of HTML  Extensible HTML  The XHTML specification is maintained by the World.
Introduction. Document Structure Overview  XML declaration (prolog)  Document type declaration  Root element (namespace)  Document header  Document.
1 HTML XHTML. 2 Understand the Doctype tag Know the html tags which are now classed as depreciated Understand how Dreamweaver adds styles Add styles to.
1 XHTML محمد احمدی نیا 2 Of 19 HTML vs XHTML  XHTML is a stricter and cleaner version of HTML.  by combining the strengths of HTML.
Deprecated Elements. Extensions to HTML Browser specific. Proposed revisions to standard. +Powerful presentation tools. −Limited support (or) −Subject.
>> Introduction to HTML: Tags. Hyper - is the opposite of linear Text – words / sentences / paragraphs Mark-up – Marking the text Language – It is a language.
XHTML. Introduction to XHTML What Is XHTML? – XHTML stands for EXtensible HyperText Markup Language – XHTML is almost identical to HTML 4.01 – XHTML is.
XP Tutorial 9 1 Working with XHTML. XP SGML 2 Standard Generalized Markup Language (SGML) A standard for specifying markup languages. Large, complex standard.
Today’s Agenda Course Facilitator Introduction Announcements Quiz Servers and Clients URLs Dreamweaver Setup HTML Introduction – Part 2.
Lesson 4.
XHTML TAGS I Basic Tags. North Lake College 2 by Sean Griffin Sample XHTML Code.
IT Engineering I Instructor: Rezvan Shiravi
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.
Lecture: Web Design Assis. Prof. Freshta Hanif Ehsan Faculty of Computer Science Kabul Polytechnic University Spring Semester
COP 3813 Intro to Internet Computing Prof. Roy Levow Lecture 2.
Copyright © 2003 Pearson Education, Inc. Slide 1-1 Created by Cheryl M. Hughes The Web Wizard’s Guide to XHTML by Cheryl M. Hughes.
©SoftMoore ConsultingSlide 1 Introduction to HTML: Basic Document Structure.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 2: Markup Language and Site Development Essentials © 2007 Prosoft Learning Corporation All.
CSS THE MISSING MANUAL Introduction. Benefits of CSS Style sheets offer more formatting choices than are offered in straight HTML  EXAMPLE: When you.
INTRODUCTORY Tutorial 9 Creating Frames. XP New Perspectives on Blended HTML, XHTML, and CSS2 Objectives Decide when to use frames for a Web site Learn.
Basic Steps to create a Website using HTML5. Hypertext Markup Language.
Standards and Compliance. A Brief History of HTML HTML through 1991  Hypertext enabled pages but presentation was lacking HTML 
HTML. HTML: What is it? – HTML stands for Hyper Text Markup Language – An HTML file is a text file containing small markup tags – The markup tags tell.
Validation. What is Validation? Removing errors improves the consistency of how our pages look to a wide variety of browsers and devices. Ensuring that.
Websites Creating Basic Course. What´s a website ? A website (or "web site") is a collection of related web pages, images, videos or other digital assets.
HTML basics and Web standards concepts. ‣ What are web standards? ‣ Why do we use them? ‣ What is HTML and how does it work? ‣ Anatomy of a web page ‣
HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.
Extensible Markup Language (XML) Pat Morin COMP 2405.
What is XHTML? XHTML stands for Extensible Hypertext Markup Language
Art 128 Interface Programming 1 In-class Presentation Week 1B
Validation.
XHTML Basics.
Validation.
XHTML Basics.
XHTML
XHTML Basics.
Instructor: Charles Moen
XHTML Basics.
XHTML Basics.
XHTML 7-May-19.
XHTML 29-May-19.
محمد احمدی نیا XHTML محمد احمدی نیا
Presentation transcript:

The “Other” Important Stuff: Doctypes: Making sure your website always looks good. Meta tags: making sure Google knows what you’re all about. Domain name and hosting: so your amazing new site is up for all to see.

Doctypes! Creators of HTML were human; didn’t nail it the first time. Several different versions of HTML have existed…handle things a little differently, no one is ‘wrong.’ Modern browsers can handle any version fine …they just have to know which version they’re getting! The doctype has that info.

Which Document Types are there? HTML Strict, Transitional and Frameset XHTML 1.0 Strict, Transitional and Frameset XHTML 1.1 Strict: tags all written in lower case letters All tags have closing tags - including self-closing tags like images and breaks. All variables need quotes. thing=“blah” is required. THIS is what you want if you’re using CSS! Transitional: Less fussy and more forgiving about the stuff strict is intense on. Even if you’re using transitional, try and stick to strict as much as you can! Use this if you’re mixing oldschool HTML appearance-tweaks instead of CSS, or trying to mix both. Frameset: Special rules used if you’re working with framesets. Obviously, don’t use if you’re not gettin’ your frame on.

A Quick Dissection <!DOCTYPE html PUBLIC "-//W3C// DTD XHTML 1.0 Transitional//EN” " xhtml1-transitional.dtd"> Let’s break this thing down into English real fast. “Hey computer! This is the doctype tag!” “It’s an XHTML 1.0 document. It’s in English.” “This is a link to the page of details the Smart Guys made about how this works. Any questions? Look there.” WHAT TO TAKE AWAY: You HAVE to have this thing, first on your site. Right now for simple sites it’s not a game changer, but get in the habit, and put this bad boy in.

Meta Tags! The second thing your site should have on it. Tells search engines about your site Two of ‘em: – Meta description: A few sentences about what your site’s about. Shows up when people search for your site. – Meta Keywords: a random assortment of words and phrases related to your site, that people might type into a search engine.

What they look like: Search Engine Optimization is a million dollar business. Fortunately, doing a little bit yourself this way takes 5 minutes, is free and simple, and might catapult your …Porcupine Feed Company to internet stardom.

Getting a host. Getting a domain! -Lucky you! You’ve made a webpage. …and it’s just sitting on your hard drive. Knock it off! -You’re going to need a domain name, and you’re DEFINITELY going to need a host. Then the whole internet can see your wonders.

The Domain. -Without a domain name, all websites would be something like and that’s just no fun. So get a domain! -Domains range in cost from bus change ($10 a year) for a random name, through to tens of thousands of dollars for something seriously catchy. -Lots of companies will give you your host and domain together as a deal. Shop around!

The host! -Every website needs to ‘live’ on a computer somewhere. Your little laptop isn’t gonna cut it. -You pay for hosting, then upload your site to a server. It becomes visible to the world. -For a small site you’ve made yourself, a few dollars a month will be great.