Producing Web Pages using HTML The Computer as an Educational Tool: “ The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C.

Slides:

Advertisements

Similar presentations

Introduction to HTML. A Web Page is.. An ASCII (text) file.. Whose filename ends with.htm or.html –index.html or cookie-recipe.htm Contains HTML tags.

Advertisements

Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.

HTML. The World Wide Web Protocols Addresses HTML.

1 تقنيات الانترنت عال457 HTML. 2 HTML  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web. HTML is a text formatting.

HTML Computing Concepts HTML - An Introduction 1.

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

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

Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.

Creating HTML Pages: An Overview Contributed by Richard Truxall, The Library Network Community Information Toolkit Copyright © 1999,

 Definition of HTML Definition of HTML  Tags in HTML Tags in HTML  Creation of HTML document Creation of HTML document  Structure of HTML Structure.

Computer Science 101 HTML. World Wide Web Invented by Tim Berners-Lee at CERN, the European Laboratory for Particle Physics in Geneva, Switzerland (roughly.

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

Introduction to HTML. Topics HTML –What is HTML –Parts of an HTML Document –HTML Tags.

ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.

Understanding Web Sites. What is a Web Site A collection of Web pages which you can view on the Internet Contains text, graphics, sound, and video to.

CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.

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

Chapter 4 (through page 110) Fluency with Information Technology 4 th edition by Lawrence Snyder (slides by Deborah Woodall : 1.

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.

Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (pg. 85) Lesson 4.2Lesson 4.2.

Copyright 2006 South-Western/Thomson Learning Chapter 17 Creating and Linking Web Pages.

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

Exploring the Digital Domain HTML Basics. HTML Hypertext Markup Language Standard (ASCII) text with embedded format codes Most HTML tags are paired Tags.

Web Programming : Building Internet Applications Chris Bates CSE :

Just Enough HTML How to Create Basic HTML Documents.

HTML I An Introduction to the Language of the Web Terry Bake

Web Design-Lecture1-QN-2003 Web Design Web Design Using HTML.

Web111a_chapt01.ppt Definitions Hypertext Documents Documents containing elements that can be selected Links Active pointers to other documents or files.

Hypertext Mark-Up Language Web Page Creation HTML.

Welcome To Web Site Basics 95 AG HTML Documents Contain 4 Animation 4 Sound 4 Videos 4 Text 4 Formatted text 4 Images 4 Links 4 Logos.

IS1811 Multimedia Development for Internet Applications Lecture 4: Introduction to HTML Rob Gleasure

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.

CPT 499 Internet Skills for Educators Session Ten Class Notes.

Chapter 23 - World Wide Web Documents (HTML) Introduction Display Hardware Varies A Browser Translates And Displays A Web Document A Consequence Of The.

HTML file format  Lesson Objective: Understanding HTML and how it is used to create web pages.  Learning Outcome:  Create a HTML page by interpreting.

Georgia Institute of Technology Making Text for the Web Barb Ericson Georgia Institute of Technology March 2006.

Introduction to HTML. HTML Introduction HTML – Hypertext Markup Language are the instructions that tell a browser how to lay out the information (text,

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.

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.

Introduction to HTML : Hyper Text Markup Language.

Slide No. 1 Slide No. 1 HTML and Web Publishing CS 104 CS 104.

The Teacher Computing HTML HyperText Markup Language.

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.

HTML BASIC IST 210: Organization of Data IST210 1.

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

CompSci Today’s topics Networks & the Internet Basic HTML ä The basis for web pages ä “Almost” programming Upcoming ä Connections ä Algorithms.

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

HTML HyperText Markup Language Victoria E. Kozlek.

Writing Web Pages in HTML HTML.1 The Web  Lots of computers connected together in a collection of networks  HyperText Markup Language (HTML) is a common.

CompSci Today’s topics Basic HTML  The basis for web pages  “Almost” programming Upcoming  Programming  Java Reading Great Ideas Chapters 1,

CompSci 1 Lecture 2 HTML Webpages. Today’s Topics Basic HTML The basis for web pages “Almost” programming Upcoming Programming Java Reading Great Ideas.

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

SIBILL Workshop: Web Design 1 Course Roadmap (Part 1) Introduction – What is HTML? – HTML Editors – How do I put it all online? Basic Markup Tags – How.

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.

Basic Web Publishing M. Scott Gartner 7/15/98.

Introduction to HTML.

CSCI-235 Micro-Computers in Science

Creating a Successful Web Presence

Presentation transcript:

Producing Web Pages using HTML The Computer as an Educational Tool: “ The Computer as an Educational Tool: Productivity and Problem Solving” ©Richard C. Forcier and Don E. Descy

Topics:  Introduction  The World Wide Web  Basic HTML  HTML Editors  Conclusions/Questions

WWW Pages:  Easy to make  Written in HTML: HyperText Markup Language  Saved as “text” or “ASCII”  Typical student=8 minutes  New page.1 seconds!!

HTML:  HyperText Markup Language  NOT a programming language!!!  A markup language  Tells browser how to display page  Uses tags :

Markup Language: ¶This is the story about a big dog. The dog said: ¶Hi, I am  theI big dog. I hope that you  arel learning lots about HTML This is the story of a big dog. The Dog said: Hi, I am the big dog. I hope that you are learning...

HTML Tags (1):  Between lt  Not case specific  Three Types: Informational: Single: Paired:

HTML Tags - Informational:  Information for Browser  Many not needed but good form

HTML Tags - Single:  Usually text change End text, don’t skip line Horizontal line

HTML Tags - Paired:  Temporary change largest heading center text italics bold stop line, skip next line ?

Example: My First Web Page Don's Web Page

Example 2: My First Web Page Don's Web Page

Background Colors:   White = #FFFFFF  Red = #FF0000  Green = #00FF00  Blue  Blue = #0000FF  Mandarin Orange = #E47833

Adding Links: Hot link Disney Page Don's Page

Example 3: My First Web Page Don's Web Page XXXX

I like Don's Page! I like Don's Page!

My First Web Page Don's Web Page I like Don's Page! I like Don's Page!

Adding Images:

My First Web Page Don's Web Page I like Don's Page! I like Don's Page! XXXX

My First Web Page Don's Web Page I like Don's Page! I like Don's Page!

HTML Editors

HTML Editors:  Use like a word processor  Easily import pictures  Most everything automated  NO need to write HTML  HTML written in the background

HomePage HomePage  /homepage3.html  Windows, NT, Mac  Clip art, templates, Applets  Very easy to use  $99

PageMill PageMill  agemill/prodinfo.html  Web site creation and management  Integrates many packages  $99

MS FrontPage MS FrontPage  e/  Web site creation and management  $49.95 !

Netscape Composer Netscape Composer   Built-in to Communicator  Powerful, easy to use  Free !!

Tool bars  HomePage  Adobe PageMill  Netscape Composer

Questions??