Lesson 2 HTML organization techniques Week 2. Respect WWW  R = responsibility: assume personal responsibility and create only ethical and appropriate.

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

Multimedia Web Site Design Chapter Building an Effective Web Site Creating a Web site is easy, but creating one that is useful and attractive takes.
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Computing – Weekly Review By Callum Innes HTML WWW WYSIWYG URL Hyperlink.
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 application development
Hypertext Markup Language. Platform: - Independent  This means it can be interpreted on any computer regardless of the hardware or operating system.
McGraw-Hill/Irwin The Interactive Computing Series © 2002 The McGraw-Hill Companies, Inc. All rights reserved. How to Create Web Pages Using HTML Introduction.
Macromedia Dreamweaver MX 2004 Design Professional Web Page DEVELOPING A.
Unit 4.4 We are HTML Editors
Maximizing Teaching & Learning For the Short Course.
Hyperlinks in HTML How to “throw an anchor”, or to create a hyperlink in raw HTML.
Do’s and Don’ts of Web Design By: Cassandra VanHumbeck.
HTML Basics An Introduction to HTML. What is HTML? Stands for “Hyper Text Markup Language” Composed of “tags” which are surrounded by sideways triangles.
The Internet & The World Wide Web Notes
UNDERSTANDING WEB AND WEB PROJECT PLANNING AND DESIGNING AND EFFECTIVE WEBSITE Garni Dadaian.
HTML Tags. Objectives Know the commonly used HTML tags Create a simple webpage using the HTML tags that will be discussed.
1 Introduction to Web Development. Web Basics The Web consists of computers on the Internet connected to each other in a specific way Used in all levels.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
HTML and Designing Web Pages. u At its creation, the web was all about –Web pages were clumsily assembled –Web sites were accumulations of hyperlinked.
CSI315CSI315 Building Web Sites. What is a website A website is just a bunch of web pages connected together with something called a link. In HTML there.
Links in HTML. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another web page on the same.
Chapter 18 Web Design April 16 th & 17 th. Content The most essential element of any Web page is the content Before you begin a Web page you want to know.
HTML HTML stands for "Hyper Text Mark-up Language“. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.
Web Design Unit Assignment #2: Job Skills Favorite Links Page You will create a HTML web page with links to informational websites about a variety of job.
Web-designWeb-design. Web design What is it? Web-design features Before…
Chapter 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.
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.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
1 Essential HTML coding By Fadi Safieddine (Week 2)
FrontPage Introduction Presented by: Audrey Marshall for Interactive Multimedia Design.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Project 4: Creating Hyperlinks Kelly L.
All Web pages are written with some form of HTML (HyperText Markup Language). HTML documents are saved as Text Only files so virtually any computer can.
Unit 1 — HTML BASICS Lesson 2 — HTML Organization Techniques.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Linking web pages Wah Yan College (Hong Kong) Mr. Li C.P.
Microsoft Internet Explorer and the Internet Using Microsoft Explorer 5.
HTML H yper T ext M arkup L anguage. What is HTML? It is a programming language that Defines the format of a World Wide Web (WWW) page. It is a simple.
Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
© 2005 Pearson Education Inc. Publishing as Longman Student Resource Guide: Reading and Evaluating Internet Sources Active Reading Skills, 1/e Kathleen.
CO1552 – Web Application Development Linking Pages - The Basis of the Web.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
Creating Links. The Anchor Element: The anchor tag can be used in three different ways: 1.External link – to link to a web page outside your own website.
COM 205 Multimedia Applications St. Joseph’s College Fall 2003.
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.
Unit 1 Welcome to the Internet: the Tools of the Trade.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.
Links in HTML What you need to know….. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another.
HTML Links HTML uses a hyperlink to another document on the Web.
Spiderman ©Marvel Comics Creating Web Pages (part 1)
HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.
Links and Images. Links HTML uses a hyperlink to link to another document on the Web A hyperlink can be either text or a picture Links are created with.
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.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
1 Foundation of HTML Web Page Design. 2 Safe Web Fonts: Used by most computers regardless of environment or platform  Times New Roman  Arial  Courier.
Revision Webpage design HTML.   FACE  Attributes  Marquee  Define the following terms.
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
1 Section 4 Web Skills InternetWebHTML. 2 The difference between the Internet and the Web The Internet is a way of linking large multi-user computers.
The Internet and HTML Code
Web-design.
HTML Extras.
Exercise 8 – Software skills
COM 205 Multimedia Applications
Multimedia Web Site Design
Lesson 2 — HTML Organization Techniques
WEB PAGES AND WEB SITES.
IDT Links in HTML What you need to know….
Presentation transcript:

Lesson 2 HTML organization techniques Week 2

Respect WWW  R = responsibility: assume personal responsibility and create only ethical and appropriate pages  E = everybody: try to create web pages that everybody can enjoy, appreciate, and consider of value  S = simplicity: Make your web pages easy to navigate. Make information simple to find  P = Purpose: have a clear purpose for every web page you put on the web. Don’t post any unnecessary pages.  E = Ethical: make sure all the content of every Web page you post corresponds to your value and has a beneficial purpose  C = Correct: make sure all the words on your page are spelled correctly, all the sentences are written correctly and all the hyperlinks work  T = Totally worth visiting: Try to create pages that others will think are totally worth their time to visit.

Hyper links  Hyperlinks are created with special tags called anchor tags.   There are several ways to use anchor tags Link to another spot within your own document Link to an URL or web page anywhere on the WWW Link to another web page on your own computer

Link to spot in same document  Link  Unit 1:  Location:  Unit 1:

Link to anywhere  For more information, please visit related website:  Micorsoft

Link to other page on your computer  1  week 2

Coloring text, links and Vlink  By default, the text is black and link is blue  When you choose different background color, the link color might not be suitable  Attribute of tags – name and value   Text color attribute  TEXT= - text itself  LINK= - the hyperlink color  VLINK = - the visited link color  To define your own color 

Marquee tag  Anything you put between the marquee tag  XXXX  Will scroll across the screen  The tag was designed for the internet explore browser by Microsoft, and doesn’t work on every browser.

HTML Standard  HTML is a powerful tool because it allows all kinds of computer to display web pages, such as Mac, PC, Linux and UNIX.  They are standard that all web browsers can understand  New standards and new tags are added all the time  Each new tag is submitted to standard committee for review  Every now and then enough new commands are added to HTML for a new version of HTML to be developed  HTML 1, HTML 2, HTML 3 and so on.

Assignment  Search on web and give example Background color distracting Simple and easy to read Fun and exciting Serious and professional Hard to read text, hyperlinks  Create a web page as your home page, it must contain information Your name School Courses you are taking List of five your favorite website List of your web pages created in class CST3509