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.

Slides:



Advertisements
Similar presentations
HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
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.
Project 1 Introduction to HTML.
XP Browser and Basics1. XP Browser and Basics2 Learn about Web browser software and Web pages The Web is a collection of files that reside.
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
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,
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.
 Definition of HTML Definition of HTML  Tags in HTML Tags in HTML  Creation of HTML document Creation of HTML document  Structure of HTML Structure.
Introduction to HTML. What is a Web site? A collection of "pages" or files linked together and available on the World Wide Web What do you need to create.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
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.
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.
PIZZA WEB PAGE May 28, FOR TODAY  Review Vocabulary Words (take out your worksheets!)  Pizza Web Page  Research more tags  Turn in your homework!
Internet Fundamentals Total Advantage MS Excel 97, Hutchinson, Coulthard, 1998 McGraw Introduction to HTML Chapter 7.
Copyright © 2008 Pearson Prentice Hall. All rights reserved. 1 Exploring Microsoft Office Word 2007 Chapter 8 Word and the Internet Robert Grauer, Keith.
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
OBJECTIVES  What is HTML  What tools are needed  Creating a Web drive on campus (done only once)  HTML file layout  Some HTML tags  Creating and.
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.
HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
XP New Perspectives on The Internet, Sixth Edition— Comprehensive Tutorial 1 1 Browser Basics Introduction to the Web and Web Browser Software Tutorial.
HTML Internet Basics & Beyond. What The Heck Is HTML? HTML is the language of web pages. In order to truly understand HTML, you need to know a little.
Introduction to web development and HTML MGMT 230 LAB.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
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 Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,
HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
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.
HTML-I Basic HTML Elements. HTML (Hyper Text Markup Language) HTML is a document layout and hyperlink- specification language. i.e. a language used to.
Web Design – Week 2 Introduction to website basics Website basics: How the Web Works Client / server architecture Packet switching URL components.
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.
The Internet Salihu Ibrahim Dasuki (PhD) CSC102 INTRODUCTION TO COMPUTER SCIENCE.
Introduction to HTML Dave Edsall IAGenWeb County Coordinator’s Conference June 30, 2007.
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.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Introduction to HTML.
4.01 How Web Pages Work.
Project 1 Introduction to HTML.
Internet Exploration: HTML Basics
Chapter 1 Introduction to HTML.
Uppingham Community College
Sec (4.3) The World Wide Web.
Project 1 Introduction to HTML.
Some Common Terms The Internet is a network of computers spanning the globe. It is also called the World Wide Web. World Wide Web It is a collection of.
Internet Exploration: HTML Basics
HTML HYPERTEXT MARKUP LANGUAGE.
HTML 12/27/2018.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Internet Technologies I - Lect.01 - Waleed Ibrahim Osman
Introduction to Internet Explorer
HyperText Markup Language
Intro Project Introduction to HTML.
4.01 How Web Pages Work.
WJEC GCSE Computer Science
4.01 How Web Pages Work.
Presentation transcript:

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 the relationship between websites, web pages and browsers Design web page Create a web page using notepad

Anticipatory Set What are these items?????

Term Definitions Hyperlink Browser HTML Web page Website URL

HYPERLINKS An element in an electronic document that links to another place in the same document or to an entirely different document. The image below is a hyperlink which links to the Term Definition Slide

BROWSER A program that enables you to find retrieve and send hypertext and hypermedia documents (Web pages) over the world wide web.

HTML Hypertext Markup Language is a language that web browsers use to understand how to display the contents of a web page.

WEB PAGE Is an HTML document on the World Wide Web often hyperlinked to other documents or files. This document is then translated by the web browser which renders the image you see before you.

WEBSITE Is a collection of related web pages which reside on a web server and are linked together by hyperlinks Internet

URL Uniform Resource Locator is the address of an internet file

DESIGN WEB PAGE The design of a website depends on the purpose and the intended users of the site. They impact on the structure of the website and the layout and content that make up the pages of the site. Planning the layout and structure before hand is very important. The structure of most websites is hierarchical with links in each page to other pages or documents.structure

Home PageAbout Me Favorite Websites Career Plans LOGOHEADINGS MENU CONTENT Fig. 1.0 Structure of Website Fig 1.1 Layout of website

CREATION OF WEBPAGES Mark Up Tags tell the browser how to display the page. (There open and close tags) Starts the page Contains the content of the page Title of page goes here Ends the page Contains the title, description and other Meta information about a web page Displays a Heading on the page

GUIDED PRACTICE INSTRUCTIONS 1.Create a folder on the desktop called “My Website” 2.Open up Notepad. 3.Type About Me ME Type a paragraph about yourself here Go To Favorites Websites Page Go To Career Plans Page 4.Save the file as AboutMe.html (Change folder options to see extensions and change.txt to.html)

GUIDED PRACTICE Continued 5.Create a new file in Notepad called “MyWebsites.html” in the “My Website” Folder. 6.Type Favorite Websites MY FAVORITES Type a paragraph about your favorite websites here Go To About Me Page Go To Career Plans Page

GUIDED PRACTICE Continued 7.Create a new file in Notepad called “CareerPlans.html” in the “My Website” Folder. 8.Type Career Plans MY PLANS Type a paragraph about your future plans Go To About Me Page Go To Favorite Websites Page 9.Open up “About Me.html” using Internet Explorer. 10.Click on the text “Go To Favorite Websites Page”

HOME WORK  Read Log On To IT Chapter 10, Introduction to web page design and do all questions at the end.  Create three(3) web pages of your choice and link them together using notepad.