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.

Slides:



Advertisements
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.
Advertisements

Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,
A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.
Powerpoint Templates Page 1 Powerpoint Templates Let’s Build a Website by Sybil Prince Nelson.
Hypertext Markup Language. Platform: - Independent  This means it can be interpreted on any computer regardless of the hardware or operating system.
Adding HTML to Blackboard
Introduction to HTML CPS470 Software Engineering Fall 1998.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
Creating a Web Page HyperText Markup Language. HTML Documents  Created using any text editor  Notepad  Vi, Pico, or Emacs  If using word-processor,
Creating your website Using Plain HTML. What is HTML? ► Web pages are authored in HyperText Markup Language (HTML) ► Plain text is marked up with tags,
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
Creating a web page Lab Assignment Goal Create a simple web page Create the file: inclass.txt in your www directory. Do you remember how to get to your.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Exploring Microsoft Office XP - Microsoft Word 2002 Chapter 61 Exploring Microsoft Word Chapter 6 Creating a Home Page and Web Site By Robert T. Grauer.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
Unit 8.2 Publishing on the web You are going to create a series of web pages to adults about your school.
HTML HTML stands for "Hyper Text Mark-up Language“. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.
Web Technologies Website Development Trade & Industrial Education
Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.
Internet Fundamentals Total Advantage MS Excel 97, Hutchinson, Coulthard, 1998 McGraw Introduction to HTML Chapter 7.
.  Entertain  Inform  Educate  Blogs  Sell  Date  Gamble  Religion.
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.
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
What is Markup and Markup Languages? What is HTML? A Basic HTML Document Basic HTML Tags Tag Attributes and Text Formatting Tags Insert Hyperlinks Add.
By Brieya. What is HTML Hypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects.
XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 01: Introduction to HTML.
Just Enough HTML How to Create Basic HTML Documents.
All you ever needed to know…and more!. H.T.M.L. HyperText Mark-up Language Web’s programming language All web browsers Set of instructions Written with.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
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.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.
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.
+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.
HTML HyperText Markup Language. Text Files An array of bytes stored on disk Each element of the array is a text character A text editor is a user program.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
(HYPER-TEXT-MARKUP-LANGUAGE) By: Saima Islam By: Saima Islam.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
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.
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Working Together 1 Word 2003 and Your.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Project: Web Designer. Phase 1: The World Wide Web.
1 Introduction to HTML. 2 Definitions  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.
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.
Computer Basics Introduction CIS 109 Columbia College.
Intranets & HTML.
Objectives At the end of this session students will: Define the following terms in two sentences or less Website Web page Browser Html URL Hyperlink Explain.
Computer Fundamentals Desktop Publishing & Web Design MSCH 233 Lecture 9.
Online PD Basic HTML The Magic Of Web Pages
Web Basics: HTML/CSS/JavaScript What are they?
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
Uppingham Community College
Web software.
AN INTRODUCTORY LESSON TO MAKING A SIMPLE WEB PAGE By: RC Emily Solis
A guide to HTML.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Making Web pages.
What is HTML?.
HTML Structure.
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
HyperText Markup Language
Creating a web page.
WJEC GCSE Computer Science
Presentation transcript:

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 software to create a web page

Slide 2 The task: create a web page give it a title add links add pictures

Slide 3 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 3

Slide 4 Basic page Search engines

Slide 5 Basic page Search engines The tag sets text as a heading in style 1. Valid tags are ; ; ; ; ;. What effect does changing the number have?

Slide 6 Basic page Search engines Yahoo Excite Google creates a line break and can be used to begin and end a paragraph

Slide 7 Adding hyperlinks Search engines Yahoo Excite Google The URL of a hyperlink must be enclosed in quotation marks

Slide 8 Adding the title Information on search engines Search engines Yahoo Excite Google The title is not the same as the page heading

Slide 9 Creating the HTML file The text file can be created in a simple text editor such as Notepad. The file name must have.htm at the end to indicate that it is a web page. The file contains instructions to the web browser that describe how the page should look.

Slide 10 Judging a website Is the information relevant to the users? Is it clear, up-to-date, accurate and unbiased? Do the images enhance, not distract? Are they meaningful? Is the font size suitable? Is the site easy to use and to navigate?