Week 4 WEB PAGES: CREATING AND MAINTAINING ** Wednesday: 2:00 – 3:15

Slides:



Advertisements
Similar presentations
1 Lesson 7 - Hypertext Links. 2 Web Pages vs Web Site SatFriThuWedTueMonSun April 2009 XOX OXX.
Advertisements

Web Pages: Creating & Maintaining Lists. Grocery List Milk Bread Eggs.
What happens when you create an HTML document and include pictures.
Introduction to HTML L.C.M Center Workshop Fall 2008.
WEB PAGES: CREATING AND MAINTAINING ** Tom Keane & Mayis SeapanInstructors: HTML Tags to format your text.
WEB PAGES: CREATING AND MAINTAINING ** Frank Romanelli Instructor: Monday: 10:15 -11:15 Week 4.
Basic XHTML Module 2: XHTML Basics LESSON 1. Module 2: XHTML Basics LESSON 1 Lesson Overview In this lesson, you will learn to:  Write XHTML code using.
Creating a Web page Using Basic HTML By: Magdalena Martinez CIEP 491 (W 6:00) Assessment #12.
Web Pages: Creating & Maintaining Body Tags. There have been several versions of HTML since its inception. VersionYear HTML1991 HTML HTML
McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.
DHTML AND JAVASCRIPT Genetic Computer School LESSON 2 HTML TAGS G H E F.
Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'
HTML Basic I IST2101. Keep In Mind Programming can be time consuming. Plan ahead!
HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
Explorers Guild April 27, What is HTML? Hypertext Markup Language (HTML) is the basic building block of the World Wide Web page. HTML files are.
By Brieya. What is HTML Hypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects.
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.
Web Programming Basics of HTML. HTML stands for Hyper Text Mark-up Language A mark-up language is different than those that you have learned before in.
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.
Hypertext Mark-Up Language Web Page Creation HTML.
Introduction to HTML College of Umm A-Qura University Fall 2013.
HTML Basic IST2101. Keep In Mind Programming can be time consuming. Plan ahead!
Introduction to HTML Wah Yan College (Hong Kong) Mr. Li C.P.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
1 Creating the Header Page The header frame always displays on the AHS Web site The image (screagle.gif) that will go in the header is contained on the.
HTML/XHTML Structure Building a basic web page using notepad.
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. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
Web Design Mr. Briggs’ Classes September 6-7, 2011.
HTML BASIC IST 210: Organization of Data IST210 1.
Marquees and Tables. Tags Fun Stuff Here! Creates text that scrolls from right to left! Animated text. This is a great tag but does not work on every.
Basic HTML. Lesson Overview In this lesson, you will learn to:  Write HTML code using a text editor application such as Notepad.  View Web pages created.
This shows CIS17 and the first day introduction..
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.
Introduction To Computing Lab #8 Instructor: Kavya Venkatesh IT 104, Section: 203.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
HTML – The Basics Rebecca Shillingburg
HTML NOTES October 6, Starting a document and saving  Always use notepad  Use _ for spaces otherwise it won’t work  When saving make sure you.
Using HTML. Glogger Glogger is like you own personal web page, you can add… Pictures Text Videos Music, etc… Modify and adjust anything you want Glogger.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
1 Your Web Page title body of Web page main heading H2 heading bulleted list paragraph.
Homework Assignment Apples Bananas Carrots Tomatoes Watermelons Eat: Fruits & Veggies Default size & Font Homework: Make this webpage.
1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.
Project 02 Creating and Editing a Web Page Concept Map of Unit Creating and Editing a Web Page Key Learning Understand the elements to create a web page.
Revision Webpage design HTML.   FACE  Attributes  Marquee  Define the following terms.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
HTML is the language that allows text and graphics to be displayed as Web pages. It is a set of special codes, called tags, that tells a browser application.
NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.
HTML Basic IST 210: Organization of Data IST2101.
Q.Nand1 HTML Creating an HTML Document Lesson 2. Q.Nand2 Overview Creating an HTML Document: –HTML syntax –Creating Basic Tags –Displaying Your HTML Files.
Getting Started – Basic Page Structure
HTML basics
Extended Learning Module F
Transcriptions Studio Workshop Fall 2006
Bell Ringer Conduct your own research & answer the following questions (1 paragraph). What is HTML? Who developed HTML? How is it used in web design?
Week 6 Creating Tables using HTML.
HTML GUIDE Press F5 and then
WEB PAGES: CREATING AND MAINTAINING **
Lesson 7 - Hypertext Links
Essentials of HTML.
Working with HTML These are the examples you need to go over. Click on the name like HTML5intro.html and it will bring up the page. If you right click.
Essentials of HTML.
מבנה בסיסי של מסמך html מסמך ב- html מורכב מתגיות.
HTML HYPERTEXT MARKUP LANGUAGE.
Nerd Website HTML.
Introduction to HTML.
HTML Structure.
Homework Assignment.
Presentation transcript:

Week 4 WEB PAGES: CREATING AND MAINTAINING ** Wednesday: 2:00 – 3:15 Instructors: Tom Keane & Mayis Seapan Week 4

Homework Review

Watermelons Title = Quiz - Week 3 Save = “quiz3.html” Apples Bananas Normal - default Apples Bananas Normal - default Small FONT, Bold Carrots Bold, Undl’d, Centered,Size=4 Tomatoes Watermelons Largest Heading 3 Spaces Eat: Fruits & Veggies Title = Quiz - Week 3 Save = “quiz3.html”

Tags that are on ALL Web Pages !!! Starting Ending < HTML > < /HTML > < HEAD > < /HEAD > < TITLE > < /TITLE > < BODY > < /BODY >

Basic Tags on All Web pages <HTML> </HTML> <HEAD> </HEAD> <TITLE> </TITLE> <BODY> </BODY>

Basic Tags on All Web pages <HTML> </HTML> <HEAD> </HEAD> <TITLE> </TITLE> <BODY> </BODY> HTML Template.html

Notepad

Notepad <HTML> <HEAD> <TITLE> Quiz – Week 3 <BODY> Apples <BR>Bananas <P> <FONT size=“1”> <B> Carrots </B> </FONT> </P>

Notepad <HTML> <HEAD> <TITLE> Quiz – Week 3 <BODY> Apples <BR>Bananas <P> <FONT size=“1”> <B> Carrots </B> </FONT> </P> <P align=“center”> <B> <U> <FONT size=“4” color=“red”> Tomatoes </FONT> </U> </B> </P> <H1> Watermelons </H1>

Notepad <HTML> <HEAD> <TITLE> Quiz – Week 3 <BODY> Apples <BR>Bananas <P> <FONT size=“1”> <B> Carrots </B> </FONT> </P> <P align=“center”> <B> <U> <FONT size=“4” color=“red”> Tomatoes </FONT> </U> </B> </P> <H1> Watermelons </H1> Eat:       Fruits & Veggies </BODY> </HTML>

Save the File: quiz3.html Notepad <HTML> <HEAD> <TITLE> Quiz – Week 3 </TITLE> </HEAD> <BODY> Apples <BR>Bananas Save the File: quiz3.html <P> <FONT size=“1”> <B> Carrots </B> </FONT> </P> <P align=“center”> <B> <U> <FONT size=“4” color=“red”> Tomatoes </FONT> </U> </B> </P> <H1> Watermelons </H1> Eat:       Fruits & Veggies </BODY> </HTML>