HTML / Website Creation

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

HTML. The World Wide Web Protocols Addresses HTML.

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.

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

 2003 Prentice Hall, Inc. All rights reserved. Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example.

Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems

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

 2004 Prentice Hall, Inc. All rights reserved. Introduction to XHTML: Part 1.

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

Internet Publishing / Dreamweaver Luke E. Reese CARRS

 2003 Prentice Hall, Inc. All rights reserved. Chapter 4 - Introduction to XHTML: Part 1 Outline 4.1 Introduction 4.2 Editing XHTML 4.3 First XHTML Example.

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

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,

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

CS 101 – Dec. 2 Download speed Internet vs. Web Domains HTML.

Creating Web Documents Wk 2: HTML & PSP basics Discuss sites HTML, PSP lesson Assignment: first Web page due Day class: 1/23; Night class 1/28.

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

Images Inserting an image on a web page. chcslonline.org2 ITEMS REQUIRED Go to the course download page on the course website and download the 3 images.

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

F-1 Management Information Systems for the Information Age Copyright 2004 The McGraw-Hill Companies, Inc. All rights reserved Extended Learning Module.

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.

Hypertext Mark-Up Language Web Page Creation HTML.

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

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

WEB DESIGN AND PROGRAMMING Introduction to XHTML.

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.

The Teacher Computing HTML HyperText Markup Language.

HTML(Hyper Text Markup Language) ByNaveen. Introduction HTML or Hyper Text Markup Language is the standard markup language Its used to create the web.

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.

Week 2: Building a Simple Website IMC 320 Web Publishing Spring 2011.

Internet Publishing / Dreamweaver Luke E. Reese Biosystems & Ag. Engr. / CARRS

HTML HyperText Markup Language Victoria E. Kozlek.

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

CPSC 203 Introduction to Computers Lab 23 By Jie Gao.

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.

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

Revision Webpage design HTML.   FACE  Attributes  Marquee  Define the following terms.

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.

HTML  HyperText Markup Language  The Language used to design web pages  Code mixed with text  Tags enclosed in angle brackets  Single tags  Paired.

What you can see in the picture?

Alabama Educational Technology Conference

Introduction to HTML.

Tonga Institute of Higher Education IT 141: Information Systems

In this session, you will learn to:

Creating and Linking Web Pages

Extended Learning Module F

Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines

How to create a static website with HTML

HTML GUIDE Press F5 and then

Creating a Home Page in HTML

Chapter 4 - Introduction to XHTML: Part 1

HTML HYPERTEXT MARKUP LANGUAGE.

Tonga Institute of Higher Education IT 141: Information Systems

HTML 12/27/2018.

Introduction to HTML- Basics

Internet Publishing Luke E. Reese

HyperText Markup Language

HTML Basics Mr. Fazzalari.

Johan Ng and Muhammad Hazzry

Tonga Institute of Higher Education IT 141: Information Systems

Hypertext Markup Language

Presentation transcript:

HTML / Website Creation

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 Eversoft 1st Page (can download for free)

HTML Template <HTML> <HEAD> <TITLE>…</TITLE> <BODY> Web page contents … … </BODY> </HTML>

<P>Paragraphs</P> Container TAGS <H#>For headings</H#>, # = 1, 2, …, 6 <UL> <LI>Unordered list 1…</LI> <LI>Unordered list 2…</LI> </UL> <OL> <LI>Ordered list 1…</LI> <LI>Ordered list 2…</LI> </OL> <P>Paragraphs</P>

<I>Italic</I> <B>Bold</B> Container TAGS <I>Italic</I> <B>Bold</B> <FONT color=“blue” size=“+1”> changing text color / size… </FONT>

<HR> – horizontal line <BR> – line break Empty Tags <HR> – horizontal line <BR> – line break

Link / Images <A href=“web page address or filename”> Hypertext <IMG src=“image name” width=“…” height=“…”> Image file format - .gif, .jpg, .png

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

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

Assignment Modify your home page @ nuscpa3.physics.nus.edu.sg/~scit7???/index.html Introduce yourself & create links to all the assignments you’ve done Will be graded Can complete on FREE afternoons.