CPSC 203 Introduction to Computers Lab 66 By Jie Gao.

Slides:

Advertisements

Similar presentations

Introduction to HTML

Advertisements

The Web Wizards Guide to HTML Chapter One World Wide Web Basics.

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.

HTML. The World Wide Web Protocols Addresses HTML.

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,

WeB application development

Website Design.

Teppo Räisänen LIIKE/OAMK 2010

ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.

INTRO TO THE WWW. What is the World Wide Web? The World Wide Web (WWW) is most often called the Web. The World Wide Web (WWW) is most often called the.

CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.

MIS 425 Lecture 1 – HTML Basics and Web Page Design Instructor: Martin Neuhard

CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.

HTML tags Skills: adding HTML tags, text editor IT concepts: plain text, computer components – storage versus memory, separation of content and format.

Introduction to HTML CPS470 Software Engineering Fall 1998.

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;

FrontPage 2003 Web Fundamentals Web Site Design. World Wide Web System based on Hypertext Transfer Protocol (HTTP) Provides access to information Information.

Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.

COMP101 – Exploring Multimedia and Internet Computing LA2 (Thu 14:00 – 16:50) TA: Jackie Lo.

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 a Web Page HyperText Markup Language. HTML Documents  Created using any text editor  Notepad  Vi, Pico, or Emacs  If using word-processor,

1 HTML / Website Creation. 2 HTML – HyperText Markup Language  For formatting Web pages  Ordinary text can be created using any Text editor: e.g. NotePad,

CPSC 203: Introduction to Computers Tutorials 03 & 29 by Jie (Jeff) Gao.

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 

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.

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

CPSC 203 Introduction to Computers Lab 21, 22 By Jie Gao.

CPSC 203 Introduction to Computers Lab 66 By Jie Gao.

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.

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.

Course Content - Chapter 2 Introduction to HTML Introduction to a Text Editor as a web authoring tool Instructional Activity: Creating a webpage using.

CPSC 203 Introduction to Computers Lab 23 By Jie Gao.

Lecture 2 Building Web Pages 1 Lecture 2  Building Web pages  Languages and programs  HTML - Hyper Text Markup Language  Netscape’s Composer  MicroSoft.

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.

Hypertext Mark-Up Language Web Page Creation HTML.

HTML,DHTML & Javascript/Session1/1 of 39 Introduction and Basic Tags Session 1 of Using HTML, DHTML & JavaScript.

HTML BASICS Web Design I. Web Design  WWW created in the late 1980’s  Used in academics for the next 5 years  Mosaic (1994) allowed both pictures &

Introduction to web development and HTML MGMT 230 LAB.

Introduction to HTML Wah Yan College (Hong Kong) Mr. Li C.P.

Basic HTML Hyper text markup Language. Lesson Overview  In this lesson, you will learn to:  Write HTML code using a text editor application such as.

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

McLean HIGHER COMPUTER NETWORKING Lesson 5 HTML Description of HTML web page Creating a simple HTML web page.

HTML HTML: Hypertext Markup Language. The basic language of the World Wide Web. Developed around 1991 at the CERN lab on the French-Swiss border by Tim.

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.

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.

Web programming Part 1: HTML 由 NordriDesign 提供

This shows CIS17 and the first day introduction..

Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!

HTML: Hypertext Markup Language The language to make web pages 0.

CPSC 203 Introduction to Computers Lab 23 By Jie Gao.

HyperText Markup Language (HTML) Developing a Web Page.

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.

Click on CIS120/17 to go to website for course. The week of will tell you what is planned for the week and what has been assigned.

CPSC 203 Introduction to Computers Lab 66 By Jie Gao.

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?

Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines

XHTML/CSS Week 1.

HTML HYPERTEXT MARKUP LANGUAGE.

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

Presentation transcript:

CPSC 203 Introduction to Computers Lab 66 By Jie Gao

March 10, 2003CPSC Labs by Jie Gao What Is a Web Page? A file with the extension “htm” or “html” This file can be at the remote server (with a web address) or at the local computer (with a file path). Examples: D:\documents\sample.htm This file can be parsed and displayed in a web browser (Internet Explorer or Netscape)

March 10, 2003CPSC Labs by Jie Gao What Happens When Browsing a Web Page? The browser Find the web page file first Parse the web page file Display the text in the web page Find all the image files needed for the web page Display all found images at the right position Finish

March 10, 2003CPSC Labs by Jie Gao Behind the Scene A web page is actually a text file (only the extension is different from the normal text file). So we can use notepad to view the web page source A particular language named HTML is used in the web page file HTML: HyperText Markup Language Tags are used in HTML to express different meanings

March 10, 2003CPSC Labs by Jie Gao Tags A beginning tag is in the format or An ending tag is in the format Some tags come in pairs (beginning and ending); some come alone (only beginning) Examples:

March 10, 2003CPSC Labs by Jie Gao The Structure of a Web Page A web page is in a hierarchical structure: … ….. (content here)

March 10, 2003CPSC Labs by Jie Gao What’s in the Body? The body contains the content of the web page:,…, : Different styles of headers : Paragraphs : Images : Links : Line break within paragraphs, : Ordered, or itemized lists : list items

March 10, 2003CPSC Labs by Jie Gao Tools to Create a Web Page If you want to create a web page by typing the HTML tags, you can use any text editor: Notepad WordPad … Save the file with the extension “.htm” or “.html”

March 10, 2003CPSC Labs by Jie Gao Tools to Create a Web Page If you want to create a web page in a “Word- like” way (type the content text and modify the format) Word: Create a document, then “Save as Web Page…” FrontPage: A web page editor; the interface is similar to Word Netscape composer: A free web page editor in Netscape

March 10, 2003CPSC Labs by Jie Gao Assignment 4 Please follow the requirements posted in the course web site: And detailed explanation in my TA web site: