Presentation is loading. Please wait.

Presentation is loading. Please wait.

Making Web pages.

Published byNorbert Pruneau Modified over 5 years ago

Similar presentations

Presentation on theme: "Making Web pages."— Presentation transcript:

1 Making Web pages

2 Today you will: Revise the meaning of html and http Design a website
Learn about the structure of html and how web pages are coded Re-visit some of the tags that you learnt in year 7

3 HTTP: what does this stand for?
Hyper Text Transfer Protocol What is it?

4 HTML: what does this stand for?
Hyper Text Mark-up Language What do we use this for?

5 Can you remember the structure of a HTML document?
<head> <title> my page </title> </head> <body> Welcome to my Homepage! </Body> </html>

6 Remembering what we learned in year 7
Lets take a look at a basic page and remind ourselves of what the tags mean:

7 Your task: Using your knowledge of html produce a website aimed at adults which tells them all about Somerset. The site must have at least two linked pages. Before you begin coding the website produce a design that states which pictures you will use text, hyperlinks, colours and fonts….be as detailed as possible

8 Designing you website What will your site be about?
Who EXACTLY is the site for? What fonts, colours and images will you need? What will the links say? How many pages will there be?

9 Is this design any good? Picture of the school logo
Hyperlink to google Picture of the school buildings Hyperlink to third page Hyperlink to second page Picture of my Dog

Download ppt "Making Web pages."

Similar presentations

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

HTML Basic Lecture What is HTML? HTML (Hyper Text Markup Language) is a a standard markup language used for creating and publishing documents on.
Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.

Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.
Learning HTML. > Title of page This is my first homepage. Tells Browser This is an HTML page Basic Tags Tells Browser End of HTML page Header information.

Learning HTML. > Title of page This is my first homepage. Tells Browser This is an HTML page Basic Tags Tells Browser End of HTML page Header information.
HTML Lesson 4 Hyper Text Markup Language. Assignment Part 3  Save your last html file as “FirstName3.htm”  Set the title as “FirstName LastName Third.

HTML Lesson 4 Hyper Text Markup Language. Assignment Part 3  Save your last html file as “FirstName3.htm”  Set the title as “FirstName LastName Third.
A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.

A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.
Hypertext Markup Language. Platform: - Independent  This means it can be interpreted on any computer regardless of the hardware or operating system.

Hypertext Markup Language. Platform: - Independent  This means it can be interpreted on any computer regardless of the hardware or operating system.
Made by: Dan Ye. Introduction Basic Last Page ☆ HTML stands for Hyper Text Markup Language; ☆ HTML is not a programming language, it is a markup language;

Made by: Dan Ye. Introduction Basic Last Page ☆ HTML stands for Hyper Text Markup Language; ☆ HTML is not a programming language, it is a markup language;
What colour will the background be? What style will the title be? What style will the body text be? What hyperlinks will there be? What transitions/animations.

What colour will the background be? What style will the title be? What style will the body text be? What hyperlinks will there be? What transitions/animations.
What colour will the background be? What style will the title be? What style will the body text be? What hyperlinks will there be? What transitions/animations.

What colour will the background be? What style will the title be? What style will the body text be? What hyperlinks will there be? What transitions/animations.
Www.computerscienceuk.com HTML, Formatting Text and Images Lesson 2.

HTML, Formatting Text and Images Lesson 2.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®

Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Web Development 311 Fall 2003. 311: Fall 20032 Why web pages? Most companies have intranets, extranets, and web sites Content can be changed quickly and.

Web Development 311 Fall : Fall Why web pages? Most companies have intranets, extranets, and web sites Content can be changed quickly and.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.

Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
HTML. We’ll learn … What HTML is What tags are What a basic web page looks like What 3 HTML tags are required What HTML comments look like How to title.

HTML. We’ll learn … What HTML is What tags are What a basic web page looks like What 3 HTML tags are required What HTML comments look like How to title.
Unit 8.2 Publishing on the web You are going to create a series of web pages to adults about your school.

Unit 8.2 Publishing on the web You are going to create a series of web pages to adults about your school.
By Sonali Gidwani. The Complex Way To make a website the complex and normal way, you need a special website editor which comes with a code called HTML.

By Sonali Gidwani. The Complex Way To make a website the complex and normal way, you need a special website editor which comes with a code called HTML.
Basic HTML Hyper text markup Language. Re-cap  … - The tag tells the browser that this is an HTML document The html element is the outermost element.

Basic HTML Hyper text markup Language. Re-cap  … - The tag tells the browser that this is an HTML document The html element is the outermost element.
Creating your Webpage with tables. This is a 2 column by 1 row table!

Creating your Webpage with tables. This is a 2 column by 1 row table!
1 Essential HTML coding By Fadi Safieddine (Week 2)

1 Essential HTML coding By Fadi Safieddine (Week 2)
Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.

Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.

Similar presentations

Ads by Google