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,

Slides:

Advertisements

Similar presentations

Introduction to HTML

Advertisements

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.

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

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

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.

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 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.

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

Basic HTML UCR Webmasters Support Group Derk Adams.

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,

HTML Introduction HTML

CIS101 Introduction to Computing Week 06. Agenda Your questions Excel Exam during second hour Our status after the snow day Introduction to the Internet.

Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®

Create a Website Session I Key Components Hands-on HTML.

HTML. We’ll learn … What HTML is What tags are What a basic web page looks like What 3 HTML tags are required What HTML comments look like How to title.

Julien Thibault  HTML is the basic building-blocks of webpages  It is not a language!! (despite its name)  Structure text/media.

Define html document byusing Example : Title of the document The content of the document......

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

1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.

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

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.

Websites 101 Technology Committee UPSOM. Web Class – Goals  Make a simple web page (or series of pages)  Upload that page to the internet  Feel comfortable.

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.

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.

Just Enough HTML How to Create Basic HTML Documents.

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.

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.

Or Just the ma’am Instructor: Eric Riley Basic HTML.

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.

CREATING WEB PAGES Using…More HTML code! My First \ Web Page.

1 © Copyright 2000 Ethel Schuster The Web… in 15 minutes Ethel Schuster

Web Page Fundamentals HTML: The Language of the Web.

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

 Anyone with access to the Internet can post a Web page.  You can create a Web page with just a text editor.  There are Web page construction tools.

HTML/XHTML Structure Building a basic web page using notepad.

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 Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.

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

HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.

The Teacher Computing HTML HyperText Markup Language.

CS 330 Class 2: Programming Plan for Today Recap from last time More UNIX Begin HTML (material from Chapters 5-8) –Tags and attributes –Hyperlinks Features.

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 提供

Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.

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

Session 1: Introduction to HTML Fall Today’s Agenda Talk about the functions of the Internet Cover useful terminology for today’s session HTML,

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.

2 Apr 04 1 Application Software Practical 13/14 HTML / Website Creation.

Basic Steps to create a Website using HTML5. Hypertext Markup Language.

HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.

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.

Tutorial #1 Using HTML to Create Web Pages. HTML, XHTML, and CSS HTML – HyperText Markup Language The tags the browser uses to define the content of the.

Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®

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.

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.

Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.

Introduction to HTML.

Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines

Uppingham Community College

HTML / Website Creation

HyperText Markup Language

Johan Ng and Muhammad Hazzry

Presentation transcript:

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, EditPad MUST save as ***.htm or ***.html Or using HTML editor like Frontpage or Eversoft 1 st Page (can download for free)

3 HTML Template … Web page contents … …

4 Container TAGS For headings, # = 1, 2, …, 6 Unordered list 1… Unordered list 2… Ordered list 1… Ordered list 2… Paragraphs

5 Container TAGS Italic Bold changing text color / size…

6 Empty Tags – horizontal line – line break

7 Link / Images Hypertext  Image file format -.gif,.jpg,.png

8 Background & Color e.g. <BODY bgcolor=“#000000” text=“#FFFFFF” link=“#9690CC”> Color code : #RRGGBB (0-9, A-F)

9 FTP – File Transfer Protocol Upload all.html & image files used to a host (web server) using an FTP software:  SSH Secure Shell Client  WS_FTP  WinScp Our host: nuscpa3.physics.nus.edu.sg UserID: scit8??? Password: scit000 All files/folders MUST be in the public_html folder

10 Assignment Modify your home nuscpa3.physics.nus.edu.sg/~scit8???/index.html  Introduce yourself & create links to all the assignments you’ve done Can complete on FREE afternoons.