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

Slides:

Advertisements

Similar presentations

Advertisements

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

INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.

Overview  Recap  HTML. Recap  What is cloud computing?  What are application service providers (ASPs)?  Describe major functions of operating systems.

V Summer workshop in Guildford County, July, 2014.

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.

Creating Web Pages Getting Started. Overview What Web Pages Are How Web Pages are Formatted Putting Graphics on Web Pages How Web Pages are Linked Linking.

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,

Computer Science 103 Chapter 2 HyperText Markup Language (HTML)

Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.

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 Introduction to HTML. 2  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language  of Web Pages on the World Wide Web. HTML is a.

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

Link and Table in HTML. Statistics HTML review The two faces of a HTML file In a notepad program. In a internet browser program. The function of HTML.

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

CS105 Introduction to Computer Concepts HTML

Presenting Information on WWW using HTML. Presenting Information on the Web with HTML How Web sites are organized and implemented A brief introduction.

Chapter 2: The Client Side: HTML CIS 275—Web Application Development for Business I.

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

Chapter 16 The World Wide Web Chapter Goals ( ) Compare and contrast the Internet and the World Wide Web Describe general Web processing.

Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.

Internet Fundamentals Total Advantage MS Excel 97, Hutchinson, Coulthard, 1998 McGraw Introduction to HTML Chapter 7.

CS117 Introduction to Computer Science II Lecture 1 Introduction to WWW and HTML Instructor: Li Ma Office: NBC 126 Phone: (713)

 HTML stands for Hyper Text Mark-up Language. The coding language used to create documents for the World Wide Web  HTML is composed of tags. HTML tags.

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

1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.

Unit 1 — HTML BASICS Lesson 2 — HTML Organization Techniques.

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

Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Formatting Text and Lists Essentials for.

HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.

CompSci 4 HTML Sept 7, 2010 Prof. Susan Rodger. CompSci 4 Last Tuesday –How to start a web page, copy files to Duke account –Need to install a file transfer.

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

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

Review session for Web development. Time line of the internet history When was the ARPANET first demostrated? When did the NFSNet replace it? When did.

CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.

CompSci Today’s topics Networks & the Internet Basic HTML ä The basis for web pages ä CSS Data Representation Upcoming ä Connections ä Algorithms.

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.

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

Computational Boot Camp HTML Mike Schaffer. 8/23/2002 (MES) HTML What is HTML? HTML stands for HyperText Markup Language HTML is the language for publishing.

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 ________.

HTML BTEC National in Computing Section5. Create Information “HTML: defining HTML, discussing HTML uses and demonstrating HTML basics, HTML structure…..

Getting Started with Web Page Creation for Fuqua Authors Spring 1999.

CPS Today’s topics Basic HTML The Internet Upcoming ä Networks and the Internet ä Writing programs in pseudocode Reading Great Ideas Chapters 1,

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

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

Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring

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 4 – Jan 18, 2005 Last time – Be a Robot –Turn in writeup Assignment 1 due Thursday Today – Learn HTML –Laptop cart Thursday – bring laptop if can.

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

Introduction to Hypertext Markup Language James H. Harrison, Jr., M.D., Ph.D. Center for Biomedical Informatics University of Pittsburgh Medical Center.

1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.

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.

Review session for Web development. Today’s class Review the web designing. Filling out instructor evaluation form.

Basic HTML Tags Ryan Frazier April 30,2004 CSC113.

What is HTML? Acronym for: HyperText Markup Language

Introduction to HTML.

CSCI-235 Micro-Computers in Science

Today’s topics Networks & the Internet Basic HTML

Introduction to XHTML.

Computers and Scientific Thinking David Reed, Creighton University

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

Presentation transcript:

CompSci Today’s topics Networks & the Internet Basic HTML ä The basis for web pages ä “Almost” programming Upcoming ä Connections ä Algorithms Reading Internet history readings Great Ideas Chapters 1 Computer Science, Chapter 4

CompSci Networks l Need to communicate. How to do it? ä Robustly, efficiently, securely l Classifications ä LAN vs. WAN ä Closed (proprietary) vs. Open l Topologies

CompSci The Internet l Network of networks ä Connect networks through routers and bridges ä I nternet: Started by DARPA in 1973

CompSci The World Wide Web l Servers disseminate hypertext documents ä Hypertext is text with a link or reference ä Uniform resource locator (URL): unique address of data on web l HyperText Markup Language (HTML) is a common formatting language for the web ä Tags are non-printing formatting markers Identified by angle brackets (i.e. ) Example: The Human Tornado Come in delimiting pair l General Goals  Platform independent Text Specification (also called a Markup Language) ä Links to other network resources

CompSci Delimiting with tags l First tag says, “Begin mode” l Second tag (containing “/”) says, “End mode” So The Human Tornado means 1. Begin title mode 2. The text “The Human Tornado” is in title mode 3. End title l Using this construct, we can nest several different modes and have interesting behavior l Good tutorials on HTML l In lab, you will create a webpage

CompSci HTML l Some General HTML rules  For tags, case doesn’t matter, e.g., = ä In the text, spaces don’t matter: it will decide! (we call that “free format”)  starts a new line l Headings  Use to specify heading where smaller n designates more important heading  For example is largest, boldest heading  designates a fairly minor heading

CompSci HTML l Basic Web Page Structure Ted’s Home Page Ted’s Page Welcome to Duke University! more to come …

CompSci HTML l Want to link things together! l Hypertext (from the Webopedia) ä A special type of database system, invented by Ted Nelson in the 1960s, in which objects (text, pictures, music, programs, and so on) can be creatively linked to each other. l An anchored link: The Duke Web Page Duke Web Page  Produces link to URL specified in HREF and display info between tags: The Duke Web Page The Duke Web Page

CompSci HTML l Other useful info ä For italics or emphasis use or  For darker or bold use or ä For text space exactly as typed ( not free format) use

CompSci HTML l Specifying Colors ä Can be specified in different ways  e.g., for standard colors can specify “white” or “red” ä Can specify arbitrary colors by specifying the amount of red, blue, and green involved. (RGB) ä Uses base 16 arithmetic: 0, 1, …, 9, a, b, c, d, e, f Red: “ ff0000 ” Green: “ 00ff00 ” Blue: “ 0000ff ” Black: “ ” Gray: ”7f7f7f” White:” ffffff ” Yellow: ” ffff00 ” Orange: “ ff7f00 ” Purple: ” c000e0 ” ä Can experiment!

CompSci HTML l More useful HTML ä Bulleted list … – for items ä Ordered list … ä Can nest arbitrarily deep - - lists within lists l Tables Cell 1 Cell 2 Cell 3 Cell 4 produces simple table l Images orbes/construct.gif displays image

CompSci HTML/Web/UNIX practice l In UNIX, your web page folder is found in a standard location: ä ~userID/public_html/ and for OIT Duke files is accessed with a web browser at ä // l Many people don’t code in raw HTML ä Save as Web Page in Microsoft Word ä Netscape Composer, Macromedia Dreamweaver, Bluefish l These all generate HTML for you l View other people’s web page source (HTML) from most browsers -- learn from others