Hyper Text Markup Language Developing & Hosting a Web page Lecture 21.

Slides:

Advertisements

Similar presentations

Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.

Advertisements

VU.

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.

Web Development & Design Foundations with XHTML

CS 1150 – Lab #16A & 16B – HTML TA – Sanjaya Wijeratne – Web Page -

HTML Concepts and Techniques Fourth Edition Project 2 Creating and Editing a Web Page.

CS 1150 – Lab #16A & 16B – HTML TA – Sanjaya Wijeratne – Web Page -

WeB application development

Website Design.

1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.

Powerpoint Templates Page 1 Powerpoint Templates Let’s Build a Website by Sybil Prince Nelson.

Web development  World Wide Web (web) is the Internet system for hypertext linking.  A hypertext document (web page) is an online document. It contains.

CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.

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;

IST 535 Week 1 Class Orientation / Review of Web Basics.

CIS101 Introduction to Computing Week 05. Agenda Your questions CIS101 Survey Introduction to the Internet & HTML Online HTML Resources Using the HTML.

CIS101 Introduction to Computing

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.

HTML Introduction HTML

Lecture 13. A Very Brief Introduction to HTML and XHTML, part II Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell.

COMPUTERS AND INFORMATION SYSTEMS HTML. How the Web Works To access a web site  Enter its address (URL) in the address box of your browser 

Introduction to Computing Lecture 6 Introduction to HTML (Web Development Lecture 1)

1 Creating a Web Page An introduction to Hypertext Markup Language (HTML) ~~~~~ ~~~~ ~~~~~

HTML Revisited. Learning Goals for Today 1.To develop your personal Web page 2.To upload your Web page to UMT’s Web server so that it becomes visible.

Today’s Topic Language of web page - HTML (Hypertext Markup Language)

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.

PIZZA WEB PAGE May 28, FOR TODAY  Review Vocabulary Words (take out your worksheets!)  Pizza Web Page  Research more tags  Turn in your homework!

HTML HyperText Markup Language Constantly evolving - extra facilities being added regularly Java applets and JavaScript used to increase functionality.

1 Essential HTML coding By Fadi Safieddine (Week 2)

McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.

Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster

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.

HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.

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.

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.

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.

Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.

CS101 Introduction to Computing Lecture 9 Introduction to HTML (Web Development Lecture 2)

1 Chinese Information Processing : Using Computers to Teach and Learn Chinese Week 6 and 7: Creating and maintaining web pages - html and ftp.

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

INP 150: Basic HTML Term: Winter 2002 Section: H1 Time: Mon/Wed 5:30- 7:25 pm Place: TI237 Instructor: Paul J. Millis.

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.

Web Site Design & Management Class One Agenda Attendance Questionnaire Introductions Class Policies About the class Code your first page FTP Assignments.

Chapter 4 Applets Cop Why Applets? WWW makes huge information available to anyone with web browser. Web server send web pages and images to your.

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 Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,

HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …

1 More About HTML Images and Links. 22 Objectives You will be able to Include images in your HTML page. Create links to other pages on your HTML page.

Notes Test #2 will be held one week from this Thursday Check to see if you have a Vision account –Launch Netscape –Point & Click to location and type vision.

HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,

+ HTML Hypertext Markup Language. + Introducing HTML HTML is the language used in writing websites Open the “HTML Practice” link on the Daily Log Delete.

1 2/16/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Intro to HTML and Basic Web Page Design.

CPSC 203 Introduction to Computers Lab 23 By Jie Gao.

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. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.

Websites Creating Basic Course. What´s a website ? A website (or "web site") is a collection of related web pages, images, videos or other digital assets.

Agenda9/11/13  Do Now  Display your name tag and log into your computer  Pre-Assessment Test  Info and Interests  Syllabus and Course Expectations.

Computer Basics Introduction CIS 109 Columbia College.

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.

Introduction to HTML.

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

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.

HTML HYPERTEXT MARKUP LANGUAGE.

Basic HTML and Embed Codes

Internet Technologies I - Lect.01 - Waleed Ibrahim Osman

Introduction to Web Application Design

An Introduction to HTML Pages

Presentation transcript:

Hyper Text Markup Language Developing & Hosting a Web page Lecture 21

Imran Ahmed Home Page Imran Ahmed Asst. Professor in Computer Science UMT 52 – L Gulberg III, Lahore I teach the Introduction to Computing course. HTML Code

Imran Ahmed's Home Page Imran Ahmed Asst. Professor in Computer Science UMT 52 – L Gulberg III, Lahore I teach the Introduction to Computing course. The ones in yellow, i.e.,,,,, are the six essential HTML tags, required in all Web pages

Imran Ahmed's Home Page Imran Ahmed Asst. Professor in Computer Science UMT 52 – L Gulberg III, Lahore I teach the Introduction to Computing course.

Imran Ahmed's Home Page Imran Ahmed Asst. Professor in Computer Science UMT 52 – L Gulberg III, Lahore I teach the Introduction to Computing course.

Imran Ahmed's Home Page Imran Ahmed Asst. Professor in Computer Science UMT 52 – L Gulberg III, Lahore I teach the Introduction to Computing course. Link Label Link Descriptio n

Imran Ahmed's Home Page Imran Ahmed Asst. Professor in Computer Science UMT 52 – L Gulberg, Lahore I teach the Introduction to Computing course.

Imran Ahmed's Home Page Imran Ahmed Asst. Professor in Computer Science UMT 52 – L Gulberg, Lahore I teach the Introduction to Computing course.

Imran Ahmed's Home Page Imran Ahmed Asst. Professor in Computer Science UMT 52 – L Gulberg, Lahore I teach the Introduction to Computing course.

Imran Ahmed's Home Page Imran Ahmed Asst. Professor in Computer Science UMT 52 – L Gulberg, Lahore I teach the Introduction to Computing course.

This HTML document is developed in a plain- text editor called notepad

Imran Ahmed Home Page Imran Ahmed Asst.Professor in Computer Science UMT 52 – L Gulberg III, Lahore I teach the Introduction to Computing course.

After typing the code into notepad,saved it as index.html To check it, double clicked on icon of the saved file index.html Double clicking on the icon launched the Web browser displaying my index.html

Problem! My Web page is visible only on my computer. It would be nice if it was also visible on the computers of all my friends and relatives as well.

Solution! I need to upload my Web page to a Web server that is connected to the Internet As a result, my Web page will become accessible to anyone with a computer hooked up to the Internet

Developing Your Own Web Page Step 1 Open notepad, type in the HTML code, and save it as index.html on your PC’s Desktop

Developing Your Own Web Page Step 2 Log on to the UMT Web server and upload that index.html from your PC’s Desktop to your account on that Web server

That is it! Your Web page is now accessible on the Internet through the URL: where xxxxxxxxx is your user ID

Let’s take a brief review of the HTML tags …

…

HTML tags that go in the HEAD portion of a Web page

…

…

HTML tags that go in the BODY portion of a Web page

…

… Paragraph

Line break

… Bold text

label Anchor (Anchors are used to embed links in a Web page)

label  Displays the Web page specified by the link  example: “ mailto:  Sends an to the specified address  example:

label label can be any text string

HTML Code I am at the UMT. You can send me an by clicking here. Browser Display I am at the UMT. You can send me an by clicking here.

Useful URL’s HTML for the Conceptually Challenged NCSA’s Beginner's Guide to HTML

Homework Assignment Develop your own home page. Among other things, it should contain  At least one link to  Your (clickable) address  A paragraph ( words) on what are your ambitions in future? Deadline: 12:00pm, 10th May, 2007