The web page is in here "> Safety tips The web page is in here ">

Presentation is loading. Please wait.

Presentation is loading. Please wait.

Doctypes and domain names

Published byNorah Cook Modified over 6 years ago

Similar presentations

Presentation on theme: "Doctypes and domain names"— Presentation transcript:

1 Doctypes and domain names
Creating and modifying Webpages This resource has been prepared for the School of Digital Technology, Nelson Marlborough Institute of Technology.  Updated 2016 by School of Digital Technology, NMIT

2 doctypes <!DOCTYPE html> is a required tag placed at the very beginning of every web page and is used to tell the browser which version of HTML is being used in the document. There’s a whole heap of DOCTYPEs but as HTML standards are still being developed we will be using the transitional doc type showing our page will contain both old and new HTML code. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " All the html you create in Notepad ++ from now on should contain a !DOCTYPE. The format is: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <title>Safety tips</title> </head> <body> The web page is in here </body> </html>

3 Domain names As you already know every website has a URL (universal resource locator) that will display a web page. (eg To own a URL you must go through a process to register your domain name; very much like renting office space on the internet. For example you’d like to create website for your local swimming club, the first step would be to purchase a domain name. You’re thinking nelsonswimmers.com could be a good one, so First check that nelsonswimmers.com is available. One way to do this is to go to: .and type ‘nelsonswimmers ‘ in the search box. It’s available (or was on 13 Dec2016 anyway) for purchase. If you did purchase it you would be the proud owner of nelsonswiimers.com/nz

4 Web Hosts There are a number of companies that can host your new website, (nelsonswimmers.com.nz_ some of them are free and some will charge. Wordpress will host a very basic website for free HosPapa, will over more services for a charge

5 Validating a webpage The W3C validator is a good way to check your html. Copying and pasting your html into the validator will let your know if your HTML code passes the minimum standards required to display on most web browsers effectively. Copy all your code Go to Click Validate by direct input Paste you HTML code into this area Click CHECK If your html passed the Validator which it should do, the following screen should appear (notice the Passed notice): You can ignore the 2 warnings, addressing these is outside the scope of this course.

6 Validating a webpage To show your readers that you have taken the care to create an interoperable Web page (good for multiple browsers), you may display this icon on any page that validates. Here is the HTML you can use to add this icon to your Web page: Note: if you validation did not pass read the comments below the results to try and correct the errors. You may not be able to correct all errors as some may be beyond the scope of this course. However if your webpage is not showing the way you’d planned, the validator is a good place to start to find out why. We will run the validator later on in the course.

Download ppt "Doctypes and domain names"

Similar presentations

Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.

Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.
XHTML Basics.

XHTML Basics.
So – You want to learn how to put an advanced article submission (cut and paste) onto the state website. (Note: If you have not done so, you will need.

So – You want to learn how to put an advanced article submission (cut and paste) onto the state website. (Note: If you have not done so, you will need.
Review of Last Session Search Engine Optimisation (SEO) Search Engine Optimisation (SEO) You can fine-tune your site so that the search engines notice.

Review of Last Session Search Engine Optimisation (SEO) Search Engine Optimisation (SEO) You can fine-tune your site so that the search engines notice.
Making an HTML Document Notepad Group Bo Kim Dan Carter Han Chong Justin Weaver Kris Lamont.

Making an HTML Document Notepad Group Bo Kim Dan Carter Han Chong Justin Weaver Kris Lamont.
ULI101 – XHTML Basics (Part II) What is Markup Language? XHTML vs. HTML General XHTML Rules Block Level XHTML Tags XHTML Validation.

ULI101 – XHTML Basics (Part II) What is Markup Language? XHTML vs. HTML General XHTML Rules Block Level XHTML Tags XHTML Validation.
Creating Web Pages Overview. Design – Start with a Purpose Before you start any web page, you need to design the website. The first question that should.

Creating Web Pages Overview. Design – Start with a Purpose Before you start any web page, you need to design the website. The first question that should.
CS117 Introduction to Computer Science II Lecture 1 Introduction to WWW and HTML Instructor: Li Ma Office: NBC 126 Phone: (713) 313-7028

CS117 Introduction to Computer Science II Lecture 1 Introduction to WWW and HTML Instructor: Li Ma Office: NBC 126 Phone: (713)
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.

Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.
Forms and Server Side Includes. What are Forms? Forms are used to get user input We’ve all used them before. For example, ever had to sign up for courses.

Forms and Server Side Includes. What are Forms? Forms are used to get user input We’ve all used them before. For example, ever had to sign up for courses.
HTML Concepts and Techniques Fifth Edition Chapter 6 Using Frames in a Web Site.

HTML Concepts and Techniques Fifth Edition Chapter 6 Using Frames in a Web Site.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.

Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
Videos, the More Tag, Permalinks, and Shortlinks.

Videos, the More Tag, Permalinks, and Shortlinks.
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.

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.
+ Publishing Your First Post USING WORDPRESS. + A CMS (content management system) is an application that allows you to publish, edit, modify, organize,

+ Publishing Your First Post USING WORDPRESS. + A CMS (content management system) is an application that allows you to publish, edit, modify, organize,
+ HTML Hypertext Markup Language. + Introducing HTML HTML is the language used in writing websites Open the “HTML Practice” link on the Daily Log Delete.

+ HTML Hypertext Markup Language. + Introducing HTML HTML is the language used in writing websites Open the “HTML Practice” link on the Daily Log Delete.
Creating a Google Doc A Quick Photo Tutorial. Sign in to Google Docs If you don’t already have an account, sign up for one, it’s FREE.

Creating a Google Doc A Quick Photo Tutorial. Sign in to Google Docs If you don’t already have an account, sign up for one, it’s FREE.
ADVANCED COMPUTERS S.Y.B.M.M. LECTURE SERIES - PART 1 - KANISHKA KHATRI m.

ADVANCED COMPUTERS S.Y.B.M.M. LECTURE SERIES - PART 1 - KANISHKA KHATRI m.
Validation. What is Validation? Removing errors improves the consistency of how our pages look to a wide variety of browsers and devices. Ensuring that.

Validation. What is Validation? Removing errors improves the consistency of how our pages look to a wide variety of browsers and devices. Ensuring that.

Similar presentations

Ads by Google