Making Web pages.

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

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.

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.

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;

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.

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®

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.

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.

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.

Creating your Webpage with tables. This is a 2 column by 1 row table!

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.

Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.

By Brieya. What is HTML Hypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects.

HTML CSS JAVASCRIPT. HTML - Stands for Hyper Text Markup Language HTML is a ‘language’ that describes web pages. This language is a collection of codes.

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.

G053 Lecture 12 Introduction To HTML Mr C Johnston ICT Teacher

Welcome To Web Site Basics 95 AG HTML Documents Contain 4 Animation 4 Sound 4 Videos 4 Text 4 Formatted text 4 Images 4 Links 4 Logos.

My Homepage Welcome to my Homepage! SPOT THE BUG No closing title tag.

HTML. Hypertext Markup Language Lesson Objectives 1. We will be able to understand the need for HTML and where it is used 2. We will be edit HTML to.

HTML ( HYPER TEXT MARK UP LANGUAGE ). What is HTML HTML describes the content and format of web pages using tags. Ex. Title Tag: A title It’s the job.

HTML Lesson 2. Review Questions  What are HTML tags used for?  What do HTML tags look like?  What are the 3 required HTML tags?  In what section of.

HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.

Images Worksheet. Web template Download the template folder Unzip and save in your documents Rename the folder to “images work” without quotes.

HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.

HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.

Quick Questions 1. What does HTML stand for? 2. What are the three main languages of the Web? 3. What is the purpose of the tags? 4. Why do we indent different.

HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.

Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,

Spiderman ©Marvel Comics Creating Web Pages (part 1)

Creating a Web Page Presented by: Bernadette G. Bautista Manuel I. Santos MNHS April 29, 2011.

HTML Lesson 2. Internal Hyperlinks  Internal Hyperlink is a link that links to another page within a website.  Make another page using notepad++: page2.html.

Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.

Unit 5 The Web Book Test. Unit 5 Test The Web Book Test 1. On the bottom of page 46, why is writing web pages not like writing printed documents ?

Behind every site is a mix of special languages that your web browser understands The main way of describing any website is HTML HTML stands for Hyper.

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.

HTML HTML stands for Hyper Text Markup Language. HTML is used in making the base of a Website You can just use an online website maker like weebly.com.

HTML Basic Structure. Page Title My First Heading My first paragraph.

HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming language.

1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.

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

The Internet and WWW. This term we shall be learning more about the Internet and World Wide Web and their benefits and uses. We shall also be learning.

HTML Help book. HTML HTML is the programming language used to make web pages for the Internet. HTML stands for Hyper Text Markup Language. HTML is made.

Web Site Design Unit 11.3A: Web programming. Tags and Elements O h1 O p O h6 O li O Ol O Ul O Strong O Bold O Emphasis O Sub O Sup O How many standard.

Prepared by Sana Maqbool. Objectives After completing this lesson, the you will be able to… Understand about web authoring Name and explain the uses of.

Prepared by Sana Maqbool. Objectives After completing this lesson, the you will be able to… Understand about web authoring Name and explain the uses of.

Online PD Basic HTML The Magic Of Web Pages

Introduction to HTML.

Web Basics: HTML/CSS/JavaScript What are they?

Of HTML, CSS and JavaScript

A01 DESIGN To be completed Your proposal  Your House style 

HTML 12/27/2018.

Websites lesson 5.

Web pages Lesson 3.

Web pages Lesson 4.

Introduction to HTML5.

Task: Have a look at these websites:

The language of the internet

The language of the internet

Making Web pages (3).

HTTP and HTML HTML HTTP HTTP – Standardize the packaging

Presentation transcript:

Making Web pages

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

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

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

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

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

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

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?

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