Validation checking and testing that your web pages function as intended.

Slides:



Advertisements
Similar presentations
HTML Basic Lecture What is HTML? HTML (Hyper Text Markup Language) is a a standard markup language used for creating and publishing documents on.
Advertisements

CSCI N241: Fundamentals of Web Design Copyright ©2004 Department of Computer & Information Science Introducing XHTML: Module B: HTML to XHTML.
LIS650lecture 1 XHTML 1.0 strict Thomas Krichel
Imagining the Future. WORLD WIDE WEB Tim Berners-Lee invented the World Wide Web.World Wide Web A graduate of Oxford University, England, in 1989, Tim.
Chapter 10 Fine-tuning, Completing, and Publishing Your Project.
Web Development & Design Foundations with XHTML
Dr. Alexandra I. Cristea XHTML.
Ideas to Layout Beginning web layout using Cascading Style Sheets (CSS). Basic ideas, practices, tools and resources for designing a tableless web site.
Getting a Taste of Cascading Stylesheets Steve Mooradian December 14, 2005.
Standards and Increasing Maintainability on Web- based Systems James Eaton SE4112/16/2006.
1 HTML Standards & Compliance. 2 Minimum Required HTML tags: (must go in this order!)
4.01 How Web Pages Work.
 Fundamentals of Web Design.  Describe the history and theory of XHTML  Understand the rules for creating valid XHTML documents  Apply a DTD to an.
Pengantar Teknologi Mobile 13 Antonius Rachmat C, S.Kom, M.Cs XHTML.
XHTML 16-Apr-17.
CS 898N – Advanced World Wide Web Technologies Lecture 21: XML Chin-Chih Chang
XHTML1 Building Document Structure. XHTML2 Objectives In this chapter, you will: Learn how to create Extensible Hypertext Markup Language (XHTML) documents.
W3C - The World Wide Web Consortium Sam Rola Mitchell Smith Claire Stewart May 30 th 2007 Sam Rola Mitchell Smith Claire Stewart May 30 th 2007.
17-Jun-15 XHTML 2 What is XHTML? XHTML stands for Extensible Hypertext Markup Language XHTML is aimed to replace HTML.
Introduction to Web Creation iMet Tool Training. Basic Principles Have a plan Focus on the content and communication Make navigation logical and consistent.
Introducing XHTML: Module B: HTML to XHTML. Goals Understand how XHTML evolved as a language for Web delivery Understand the importance of DTDs Understand.
Copyright © 2003 Pearson Education, Inc. Slide 1-1 Created by Cheryl M. Hughes, Harvard University Extension School — Cambridge, MA The Web Wizard’s Guide.
Web Standards Coding Benefits of Web Standards Coding – Variety of user agents Same marked up content can be read by browser, smartphones, screen readers.
Using HTML to Create a Basic Web Page… By Josh Gallagan.
XP The University of Akron Summit College Business Technology Department Computer Information Systems 2440: 140 Internet Tools Instructor: Enoch E. Damson.
Using Styles and Style Sheets for Design
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
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.
Chapter 1 Understanding the Web Design Environment Principles of Web Design, 4 th Edition.
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.
XHTML1 Building Document Structure Chapter 2. XHTML2 Objectives In this chapter, you will: Learn how to create Extensible Hypertext Markup Language (XHTML)
3 XHTML.
1 XHTML محمد احمدی نیا 2 Of 19 HTML vs XHTML  XHTML is a stricter and cleaner version of HTML.  by combining the strengths of HTML.
XHTML. Introduction to XHTML What Is XHTML? – XHTML stands for EXtensible HyperText Markup Language – XHTML is almost identical to HTML 4.01 – XHTML is.
Is Your Site Accessible? Web Site Testing for Accessibility Presented by: The NYS Forum IT Accessibility Committee The NYS Forum Webmasters Guild Northeast.
XP New Perspectives on The Internet, Sixth Edition— Comprehensive Tutorial 8 1 Creating Effective Web Pages Creating HTML Documents Tutorial 8.
Chapter 1 Understanding the Web Design Environment Principles of Web Design, 4 th Edition.
Web Development & Design Foundations with XHTML Chapter 2 HTML/XHTML Basics.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
Lecture 3 Creating a Web Page with HTML. Objectives §Hypertext Document in WWW p §The HTML language p l Definition l Web browsers and.
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.
History Internet – the network of computer networks that provides the framework for the World Wide Web. The web can’t exist without the internet. Browser.
XML The Extensible Markup Language (XML ), which is comparable to SGML and modeled on it, describes how to describe a collection of data. A standard way.
(HYPER-TEXT-MARKUP-LANGUAGE) By: Saima Islam By: Saima Islam.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 2: Markup Language and Site Development Essentials © 2007 Prosoft Learning Corporation All.
Lesson 2 – Unit B. Quick review 1. What is the name of the eGCC host that you ftp your files? 2. What type of software do you use to create and edit web.
Invitation to Computer Science 6 th Edition Chapter 10 The Tower of Babel.
Validation. What is Validation? Removing errors improves the consistency of how our pages look to a wide variety of browsers and devices. Ensuring that.
HTML5 and CSS3 Illustrated Unit C: Getting Started with CSS.
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
Week-10 (Lecture-1) Web Building STEPS OF BUILDING: create web pages using HTML add a consistent style using CSS add computer code using JavaScript add.
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.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.
4.01 How Web Pages Work.
CIS 141 Western Kentucky University
Getting Started with CSS
Validation.
Lecture 8. HTML. Author: Aleksey Semyonov
Introduction to XHTML.
Web Programming– UFCFB Lecture 9
Dreamweaver MX 2004 Basics Diane Millican 9/19/2018.
Validation.
World Wide Web Consortium W3C
What is HTML?.
HTML What is Html? HTML stands for Hypertext Markup Language.
Introduction to World Wide Web
WEB & HTML Background Info.
Web Programming– UFCFB Lecture 9
HTML.
4.01 How Web Pages Work.
Presentation transcript:

Validation checking and testing that your web pages function as intended

Code (HTML*)Validation the process of ensuring that your documents adhere to the rules of the particular markup language used *HyperText Markup Language

W3C -World Wide Web Consortium Organisation started in 1994 to lead the World Wide Web to its full potential by developing common rules that ensure the www works for everyone. Many organisations around the world pay to be members of W3C W3C employs staff around the world who develop web specifications and software Director is Tim Berners-Lee, said to be the inventor of the www Set the standards and try to maintain consistency in the unregulated world of cyberspace

DTD (Document Type Definition) The DTD defines the tags and syntax that are used to structure web pages and declares what the code means. Use DTDs to validate against W3C standards. By default, Macromedia Dreamweaver MX always adds the relevant DTD to your web page code. Dreamweaver 4.0 or lower, did not automatically include the DTD declaration.

TYPES of Code Validators *Use W3C validator to check webpages against the DTD (Document Type Definition) *There are programs that scan webpages looking for code errors and will often warn you of common style problems, accessibility and other issues / Validators can be on-line, installed as a separate program on your computer, part of an existing program, free or cost $ …

Dreamweaver Various built-in Validation, Checking & Testing Tools

SPELLING- it is important !!

Have you checked how your page looks at different Screen Resolutions?

Good Designers validate/check/test their Web Pages Spelling Grammar Accuracy Different Browsers and Versions of Browser Usability Accessibility for disabled Computer Systems - screen resolution, colours Download Time Plug ins …