Setting up the front-end of a Web service
|
|
- Malcolm Singleton
- 5 years ago
- Views:
Transcription
1 Brussels 16 May 1995 I.T. Works seminar Setting up an Internet information service Setting up the front-end of a Web service Hans C. Arents MIPS group, dept. MTM, K.U.Leuven W. de Croylaan 2, B-3001 Leuven, Belgium Hans.Arents@mtm.kuleuven.ac.be Copyright 1995 MIPS group 1of 41
2 The front-end of a Web service n The World-Wide Web n Web browsers n HTML crash course what is HTML? structure, formatting hyperlinks, images, maps dialects: tables, backgrounds,... n HTML authoring tools and utilities n HTML authoring tips and tricks n The future of HTML and the Web Copyright 1995 MIPS group 2of 41
3 What is the World-Wide Web? n a distributed hypermedia system distributed = client-server architecture hypermedia = hypertext + multimedia which provides rich contents: text, graphics, audio, video, simple access: Gopher, FTP, newsgroups, , single document interface to different information sources Copyright 1995 MIPS group 3of 41
4 Distributed: client-server architecture BROWSERS Macintosh PC Workstation URL + HTML + HTTP + MIME + CGI HTTP server Gopher server FTP server NNTP server gateway SERVERS Copyright 1995 MIPS group 4of 41
5 Hypermedia: hypertext + multimedia Analysis Executive summary Market share Goals Jingle Results Commercial Data Clip Copyright 1995 MIPS group 5of 41
6 The Web alphabet soup n Client side URL Universal Resource Locator addressing scheme: specifying Internet locations HTML HyperText Markup Language content encoding: capturing hypermedia contents n Server side HTTP HyperText Transfer Protocol transfer protocol: sending data requests & data MIME Multimedia Internet Mail Extension format negotiation: exchanging multimedia data CGI Common Gateway Interface service extension: enabling back-end engines Copyright 1995 MIPS group 6of 41
7 Web browsers n Macintosh browsers Netscape the market leader Mosaic for Macintosh, MacWeb, n Windows browsers Netscape the market leader Air Mosaic, WebSurfer, WinWeb, n UNIX browsers Netscape the market leader Mosaic an experimental testbed HotJava the next generation browser Copyright 1995 MIPS group 7of 41
8 What is HTML? n HTML = HyperText Markup Language an application of SGML, but easy to learn by novices describe structure of hypermedia documents define hypertext links and anchors n HTML levels HTML level 1 - structure, formatting -hyperlinks, images HTML level 2 -standardized DTD -fill-in forms HTML level 3 - tables, figures -maths, equations Copyright 1995 MIPS group 8of 41
9 What is HTML? layout markup styles DOCUMENT logical markup objects font: Helvetica size: 18 pt justification: left font: Palatino size: 10 pt document title level 1heading paragraph font: Helvetica size: 12 pt weight: bold numbered list list element font: Palatino size: 8pt address Copyright 1995 MIPS group 9of 41
10 Document structure n An HTML document has a HEAD: document title, document information, a BODY: document text <HTML> <HEAD> <TITLE>An example document</title> </HEAD> <BODY> </BODY> </HTML> Copyright 1995 MIPS group 10 of 41
11 Document structure n The body of an HTML document can have headings: 6 level hierarchy, no enforced order paragraphs: spaces & carriage returns not significant <H1>An example level 1 heading</h1> <P>An example paragraph. Note how spaces and carriage returns do not affect the final layout on screen.</p> <H2>An example level 2 heading</h2> <P>Another example paragraph. Note how spaces and carriage returns do not affect the final layout on screen.</p> Copyright 1995 MIPS group 11 of 41
12 Document structure Copyright 1995 MIPS group 12 of 41
13 Document structure n The body of an HTML document can have unordered lists: lists with bullets ordered lists: lists with numbers <UL> <LI>First bulleted item.</li> <LI>Second bulleted item.</li> </UL> <OL> <LI>First numbered item.</li> <LI>Second numbered item.</li> </OL> Copyright 1995 MIPS group 13 of 41
14 Document structure Copyright 1995 MIPS group 14 of 41
15 Document structure Copyright 1995 MIPS group 15 of 41
16 Document structure n The body of an HTML document can have definition lists: lists with definitions menu lists, directory lists (discontinued) <DL> <DT>First definition</dt> <DD>First definition text. Note how the text left indents when displayed.</dd> <DT>Second definition</dt> <DD>Second definition text. Note how the text left indents when displayed.</dd> </DL> Copyright 1995 MIPS group 16 of 41
17 Document structure Copyright 1995 MIPS group 17 of 41
18 Document structure n The body of an HTML document can have BLOCKQUOTE, ADDRESS CITE, CODE, SAMP, KBD, VAR, (discontinued) <P>An example paragraph. Note how spaces and carriage returns do not affect the final layout on screen.</p> <BLOCKQUOTE>An example blockquote. Note how the text left and right indents when displayed.</blockquote> <ADDRESS>An example address.</address> Copyright 1995 MIPS group 18 of 41
19 Document structure Copyright 1995 MIPS group 19 of 41
20 Text formatting n The text of an HTML document can have hard formatting: formatting specified by the user soft formatting: formatting controlled by the browser <P>A paragraph with hard formatting. Text can be <B>bold</B>, <I>italic</I>, <TT>typewriter</TT> and <BLINK>blinking</BLINK>.</P> <P>A paragraph with soft formatting. Text can be <EM>emphasized</EM> or <STRONG>strongly emphasized</strong>.</p> Copyright 1995 MIPS group 20 of 41
21 Text formatting Copyright 1995 MIPS group 21 of 41
22 Text formatting n The text of an HTML document can be preformatted, centered have a horizontal rule, (no) line break, word break contain special characters (platform-independent) <PRE>A paragraph where spaces & carriage returns are respected by the browser.</pre> <CENTER><P>A centered paragraph with a line break here<br> and followed by a horizontal rule.</p></center><hr> <P>Page 1995 by Netscape.</P> Copyright 1995 MIPS group 22 of 41
23 Text formatting Copyright 1995 MIPS group 23 of 41
24 Hyperlinks n The body of an HTML document can have internal hyperlinks: other location, same document external hyperlinks: other location, other document <P>A paragraph with <A HREF="#here">an internal link</a> to somewhere else.</p> <P><A NAME="here">The paragraph</a> where the internal link ends.</p> <P>A paragraph with <A HREF="there.html">an external link</a> to somewhere else.</p> Copyright 1995 MIPS group 24 of 41
25 Hyperlinks Copyright 1995 MIPS group 25 of 41
26 Hyperlinks Copyright 1995 MIPS group 26 of 41
27 Hyperlinks Copyright 1995 MIPS group 27 of 41
28 URL: Universal Resource Locator n Scheme : Location n Scheme : // Host [:Port] / Path n Examples: http file file://localhost/directory/file.html mailto mailto:somebody@dept.uni.edu ftp ftp://ftp.dept.uni.edu/directory/file.ps.z gopher gopher://dept.uni.edu/11/ wais wais://dept.uni.edu/ news news:alt.hypertext Copyright 1995 MIPS group 28 of 41
29 Types of URLs n Absolute URLs <A HREF=" of IBM</A> <A HREF=" Picture of Prince</A> n Relative URLs <A HREF="chap1.html">Chapter 1</A> <A HREF="#sec2">Section 2</A> in this chapter <A HREF="chap3.html#sec4">Section 4</A> in chapter 3 Copyright 1995 MIPS group 29 of 41
30 Images n The body of an HTML document can have in-line images: images inside the text external images: images outside the document <P><IMG SRC="floppy.gif" ALIGN="top"> A paragraph with an in-line image aligned to the top of the line.</p> <P><A HREF="police.jpg"> <IMG SRC="police.gif" ALT="[police]"> </A>A paragraph with an in-line image aligned to the bottom of the line, and referring to an external image.</p> Copyright 1995 MIPS group 30 of 41
31 Images Copyright 1995 MIPS group 31 of 41
32 Images Copyright 1995 MIPS group 32 of 41
33 Images Copyright 1995 MIPS group 33 of 41
34 Maps n An image can be a clickable image map in-line image with embedded hyperlinks selecting a hotspot activates the relevant hyperlink hyperlink Copyright 1995 MIPS group 34 of 41
35 Tables and backgrounds n The body of an HTML document can have tables (experimental) colored background & foreground (experimental) <BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0077FF" VLINK="#22AA22" ALINK="#FFFF00"> <TABLE BORDER> <TR><TD>A</TD><TD>B</TD><TD>C</TD></TR> <TR><TD>D</TD><TD>E</TD><TD>F</TD></TR> </TABLE> </BODY> Copyright 1995 MIPS group 35 of 41
36 Tables Copyright 1995 MIPS group 36 of 41
37 HTML authoring tools n HTML editors help in creating an HTML document stand-alone / template checking / unchecking WYSIWYG / raw HTML n HTML convertors convert an existing text format into HTML and back n HTML validators check conformance of HTML documents w.r.t. DTD n HTML authoring environments? complete, industrial strength tools in the near future Copyright 1995 MIPS group 37 of 41
38 HTML authoring utilities n Image utilities create original artwork manipulate scanned images JPEG, TIFF, FIF, viewers n Sound utilities sample and digitize sounds delayed or realtime playback n Video utilities compress moving images QuickTime, MPEG viewers Copyright 1995 MIPS group 38 of 41
39 MIME: Format negotiation 3D viewer browser 3D player HTML browser + helper applications sound Copyright 1995 MIPS group 39 of 41
40 HTML authoring tips and tricks n never use logical styles for layout purposes n check your HTML with various browsers n provide context for the document links to related documents date / sign / locate the document n provide consistency for the user use predictable navigation links use a template / conform to a house style n concentrate on content > structure > appearance but if you find a nice looking page, do get the source! Copyright 1995 MIPS group 40 of 41
41 The future of HTML and the Web n HTML is a moving target HTML 2.0 ratified, HTML 3.0 forever changing each new browser adds its own extensions HTML Ł pure SGML with stylesheets? HTML Ł confusing mix of logical / layout tags? VRML = Virtual Reality Markup Language n The Internet = the Web the Web = single largest Internet service HTML = the esperanto of the Internet n If you want to be really noticed on the Net you d better learn to speak its language fluently Copyright 1995 MIPS group 41 of 41
1.264 Lecture 12. HTML Introduction to FrontPage
1.264 Lecture 12 HTML Introduction to FrontPage HTML Subset of Structured Generalized Markup Language (SGML), a document description language SGML is ISO standard Current version of HTML is version 4.01
More informationAN ADVANCED GUIDE TO THE INTERNET I.T. Works seminar of 27 October World-Wide Web. A hypermedia infospace built on top of the Internet
AN ADVANCED GUIDE TO THE INTERNET I.T. Works seminar of 27 October 1994 World-Wide Web A hypermedia infospace built on top of the Internet Hans C. Arents Materials Information Processing Systems group
More informationFrom SGML to HTML and back. From SGML to HTML
Surfing inside the Web From SGML to HTML and back Hans C. Arents Office Future International Services Atlas Park, Weiveldlaan 41 B. 32, B-1930 Zaventem, Belgium Tel: +32 (0)2 725 40 25 -Fax: +32 (0)2 725
More informationThe [HTML] Element p. 61 The [HEAD] Element p. 62 The [TITLE] Element p. 63 The [BODY] Element p. 66 HTML Elements p. 66 Core Attributes p.
Acknowledgments p. xix Preface p. xxi Web Basics Introduction to HTML p. 3 Basic HTML Concepts p. 4 HTML: A Structured Language p. 7 Overview of HTML Markup p. 11 Logical and Physical HTML p. 13 What HTML
More informationIntroduction to the Internet and World Wide Web p. 1 The Evolution of the Internet p. 2 The Internet, Intranets, and Extranets p. 3 The Evolution of
Introduction to the Internet and World Wide Web p. 1 The Evolution of the Internet p. 2 The Internet, Intranets, and Extranets p. 3 The Evolution of the World Wide Web p. 3 Internet Standards and Coordination
More informationChapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21
Table of Contents Chapter 1 Getting Started with HTML 5 1 Introduction to HTML 5... 2 New API... 2 New Structure... 3 New Markup Elements and Attributes... 3 New Form Elements and Attributes... 4 Geolocation...
More informationTutorial 2 - HTML basics
Tutorial 2 - HTML basics Developing a Web Site The first phase in creating a new web site is planning. This involves determining the site s navigation structure, content, and page layout. It is only after
More informationCreate Accessible Media (Word)
Create Accessible Media (Word) Overview This tutorial will explain how to create Accessible Media using Microsoft Word. Creating Accessible Media is gaining importance in education broadly, but it is imperative
More informationunformatted text: this is also known as plaintext and enables pages to be created which comprise strings of fixed-
TEXT REPRESNTATION unformatted text: this is also known as plaintext and enables pages to be created which comprise strings of fixed- sized characters from a limited character set; formatted text: this
More informationBasics of Web Design, 3 rd Edition Instructor Materials Chapter 2 Test Bank
Multiple Choice. Choose the best answer. 1. What element is used to configure a new paragraph? a. new b. paragraph c. p d. div 2. What element is used to create the largest heading? a. h1 b. h9 c. head
More informationIntroduction to Computers and Their Applications
Introduction to Computers and Their Applications Lecture 10 Web Technology and Creating a Web Page The Web, the Net, and Hypertext The Web is an interlinked collection of information A hypertext is a group
More informationWeb Development & Design Foundations with HTML5 & CSS3 Instructor Materials Chapter 2 Test Bank
Multiple Choice. Choose the best answer. 1. What tag pair is used to create a new paragraph? a. b. c. d. 2. What tag pair
More informationPart 1: HTML Language HyperText Make-up Language
Part 1: HTML Language HyperText Make-up Language 09/08/2010 1 CHAPTER I Introduction about Web Design 2 Internet and World Wide Web The Internet is the world s largest computer network The Internet is
More informationCreating Web Pages Using Netscape Composer AGENDA FOR THIS WORKSHOP. 1. How does it all work? 2. What do I need to get started at Fairfield?
Creating Web Pages Using Netscape Composer AGENDA FOR THIS WORKSHOP 1. How does it all work? 2. What do I need to get started at Fairfield? 3. What is HTML coding? 4. The 10 HTML Tags that you should know.
More informationrecall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML)
HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML) HTML specifies formatting within a page using tags in its
More informationChapter 2 Creating and Editing a Web Page
Chapter 2 Creating and Editing a Web Page MULTIPLE CHOICE 1. is a basic text editor installed with Windows that you can use for simple documents or for creating Web pages using HTML. a. Microsoft Word
More informationrequest HTML Document send HTML Document
1 HTML PROGRAMMERS GUIDE LESSON 1 File: HtmlGuideL1.pdf Date Started: Dec 14,1999 Last Update: March 15, 2003 ISBN: 0-9730824-0-2 Version: 1.0 LESSON 1 HTML PROGRAMMING FUNDAMENTALS Pre-resequites You
More informationCreate web pages in HTML with a text editor, following the rules of XHTML syntax and using appropriate HTML tags Create a web page that includes
CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB By Hassan S. Shavarani UNIT2: MARKUP AND HTML 1 IN THIS UNIT YOU WILL LEARN THE FOLLOWING Create web pages in HTML with a text editor, following
More informationCreating Web Pages with SeaMonkey Composer
1 of 26 6/13/2011 11:26 PM Creating Web Pages with SeaMonkey Composer SeaMonkey Composer lets you create your own web pages and publish them on the web. You don't have to know HTML to use Composer; it
More informationCSC 121 Computers and Scientific Thinking
CSC 121 Computers and Scientific Thinking Fall 2005 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language
More informationCertified HTML5 Developer VS-1029
VS-1029 Certified HTML5 Developer Certification Code VS-1029 HTML5 Developer Certification enables candidates to develop websites and web based applications which are having an increased demand in the
More informationCreating Web Pages. Getting Started
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 to other Files What Web Pages Are Web Pages combine
More informationDREAMWEAVER QUICK START TABLE OF CONTENT
DREAMWEAVER QUICK START TABLE OF CONTENT Web Design Review 2 Understanding the World Wide Web... 2 Web Browsers... 2 How Browsers Display Web pages... 3 The Web Process at Sacramento State... 4 Web Server
More informationPart III: Survey of Internet technologies
Part III: Survey of Internet technologies Content (e.g., HTML) kinds of objects we re moving around? References (e.g, URLs) how to talk about something not in hand? Protocols (e.g., HTTP) how do things
More informationIntroduction to HTML
Introduction to HTML What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages using markup HTML elements
More informationCSE 3. Marking Up with HTML. Comics Updates Shortcut(s)/Tip(s) of the Day Google Earth/Google Maps ssh Anti-Spyware
CSE 3 Comics Updates Shortcut(s)/Tip(s) of the Day Google Earth/Google Maps ssh Anti-Spyware 1-1 4-1 Chapter 4: Marking Up With HTML: A Hypertext Markup Language Primer Fluency with Information Technology
More informationBok, Jong Soon
HTML 5 Grouping Contents Bok, Jong Soon jongsoon.bok@gmail.com www.javaexpert.co.kr Defines a paragraph. Browsers automatically add some space (margin) before and after each element. Differences
More informationAPPENDIX THE TOOLBAR. File Functions
APPENDIX THE TOOLBAR Within the WYSIWYG editor, there are a variety of functions available to the user to properly update the page. Below is a list of all the functions available. Keep in mind that the
More informationWeb Development & Design Foundations with XHTML. Chapter 2 Key Concepts
Web Development & Design Foundations with XHTML Chapter 2 Key Concepts Learning Outcomes In this chapter, you will learn about: XHTML syntax, tags, and document type definitions The anatomy of a web page
More informationNetscape Composer Tutorial
Netscape Composer Tutorial This tutorial will show you how to use Netscape Composer to create web pages. Netscape Composer integrates powerful What-You-See-Is-What-You-Get (WYSIWYG) document creation capabilities
More informationADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab
ADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab OBJECTIVES- 1.0 Setting Project Requirement 1.1 Identify the purpose, audience, and audience needs for
More informationA Balanced Introduction to Computer Science, 3/E
A Balanced Introduction to Computer Science, 3/E David Reed, Creighton University 2011 Pearson Prentice Hall ISBN 978-0-13-216675-1 Chapter 2 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is
More information5/17/2009. Marking Up with HTML. An HTML Web Page File. Tags for Bold, Italic, and underline. Structuring Documents
Chapter 4: Marking Up With HTML: A Hypertext Markup Language Primer Marking Up with HTML Fluency with Information Technology Third Edition by Lawrence Snyder Tags describe how a web page should look Formatting
More informationChapter 4. Introduction to XHTML: Part 1
Chapter 4. Introduction to XHTML: Part 1 XHTML is a markup language for identifying the elements of a page so a browser can render that page on a computer screen. Document presentation is generally separated
More informationINTRODUCTION TO HTML5! HTML5 Page Structure!
INTRODUCTION TO HTML5! HTML5 Page Structure! What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in 1999. The web has changed a lot since
More informationGETTING STARTED IN FRONTPAGE 2000 SETTING THE BACKGROUND
STUDENT INFORMATION PACKET GETTING STARTED IN FRONTPAGE 2000 Click on the icon on the Desktop or go to Start > Programs > FrontPage. This will open a blank white page. Now the fun begins SETTING THE BACKGROUND
More informationCOPYRIGHTED MATERIAL. Contents. Chapter 1: Creating Structured Documents 1
59313ftoc.qxd:WroxPro 3/22/08 2:31 PM Page xi Introduction xxiii Chapter 1: Creating Structured Documents 1 A Web of Structured Documents 1 Introducing XHTML 2 Core Elements and Attributes 9 The
More informationLearning Objectives. Review html Learn to write a basic webpage in html Understand what the basic building blocks of html are
HTML CSCI311 Learning Objectives Review html Learn to write a basic webpage in html Understand what the basic building blocks of html are HTML: Hypertext Markup Language HTML5 is new standard that replaces
More informationWeb Publishing Basics I
Web Publishing Basics I Jeff Pankin Information Services and Technology Contents Course Objectives... 2 Creating a Web Page with HTML... 3 What is Dreamweaver?... 3 What is HTML?... 3 What are the basic
More informationUsing Dreamweaver CS3 to Create and Publish Simple Web Pages
Using Dreamweaver CS3 to Create and Publish Simple Web Pages Continuing Studies CS 38: Using Dreamweawver, Photoshop, and Fireworks Graphics Production for the Web January 2010 Continuing Studies CS 38
More informationUNIT II Dynamic HTML and web designing
UNIT II Dynamic HTML and web designing HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language
More informationintroduction to XHTML
introduction to XHTML XHTML stands for Extensible HyperText Markup Language and is based on HTML 4.0, incorporating XML. Due to this fusion the mark up language will remain compatible with existing browsers
More informationIndex. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148
Index Numbers & Symbols (angle brackets), in HTML, 47 : (colon), in CSS, 96 {} (curly brackets), in CSS, 75, 96. (dot), in CSS, 89, 102 # (hash mark), in CSS, 87 88, 99 % (percent) font size, in CSS,
More informationJava Applets, etc. Instructor: Dmitri A. Gusev. Fall Lecture 25, December 5, CS 502: Computers and Communications Technology
Java Applets, etc. Instructor: Dmitri A. Gusev Fall 2007 CS 502: Computers and Communications Technology Lecture 25, December 5, 2007 CGI (Common Gateway Interface) CGI is a standard for handling forms'
More informationSkill Area 323: Design and Develop Website. Multimedia and Web Design (MWD)
Skill Area 323: Design and Develop Website Multimedia and Web Design (MWD) 323.2 Work with Text and Hypertext (7 hrs) 323.2.1 Add headings, subheadings and body text 323.2.2 Format text according to specifications
More informationUsing Dreamweaver CS6
Using Dreamweaver CS6 2 The World Wide Web is based on (Hypertext markup language). Although Dreamweaver is primarily a WYSIWYG editor, it is still worthwhile for Dreamweaver users to be familiar with
More informationWeb Systems & Technologies: An Introduction
Web Systems & Technologies: An Introduction Prof. Ing. Andrea Omicini Ingegneria Due, Università di Bologna a Cesena andrea.omicini@unibo.it 2005-2006 Web Systems Architecture Basic architecture information
More informationHYPERTEXT MARKUP LANGUAGE ( HTML )
1 HTML BASICS MARK-UP LANGUAGES Traditionally used to provide typesetting information to printers where text should be indented, margin sizes, bold text, special font sizes and styles, etc. Word processors
More informationA HTML document has two sections 1) HEAD section and 2) BODY section A HTML file is saved with.html or.htm extension
HTML Website is a collection of web pages on a particular topic, or of a organization, individual, etc. It is stored on a computer on Internet called Web Server, WWW stands for World Wide Web, also called
More informationOutline. Internet and World Wide Web. History of the Internet. What is the Internet? How Does Data Travel Through the Internet?
Outline Internet and World Wide Web Internet World Wide Web Creating Web Pages CS 1410 Intro to Computer Tecnology Internet and World Wide Web 2 What is the Internet? The internet is a network of networks
More informationThe content editor has two view modes: simple mode and advanced mode. Change the view in the upper-right corner of the content editor.
Content Editor The content editor allows you to add and format text, insert equations and hyperlinks, tables, and attach different types of files to content. The editor appears throughout the system as
More informationDesire2Learn: HTML Basics
Desire2Learn: HTML Basics Page 1 Table of Contents HTML Basics... 2 What is HTML?...2 HTML Tags...2 HTML Page Structure...2 Required Tags...3 Useful Tags...3 Block Quote - ...
More informationUsing Dreamweaver 2 HTML
Using Dreamweaver 2 The World Wide Web is based on (Hypertext markup language). Although Dreamweaver is primarily a WYSIWYG editor, it is still worthwhile for Dreamweaver users to be familiar with for
More information(Refer Slide Time: 01:41) (Refer Slide Time: 01:42)
Internet Technology Prof. Indranil Sengupta Department of Computer Science and Engineering Indian Institute of Technology, Kharagpur Lecture No #14 HTML -Part II We continue with our discussion on html.
More informationCertified HTML Designer VS-1027
VS-1027 Certification Code VS-1027 Certified HTML Designer Certified HTML Designer HTML Designer Certification allows organizations to easily develop website and other web based applications which are
More informationThis document is downloaded from DR-NTU, Nanyang Technological University Library, Singapore.
This document is downloaded from DR-NTU, Nanyang Technological University Library, Singapore. Title Search strategies and information resources Author(s) Sommerville, Joseph Citation Sommerville, J. (1998).
More informationWeb Development and Design Foundations with HTML5 8th Edition
Web Development and Design Foundations with HTML5 8th Edition Felke-Morris TEST BANK Full clear download (no formatting errors) at: Web Development and Design Foundations with HTML5 8th Edition Felke-Morris
More informationInterview Question & Answers
BASIC Interview Question & Answers OUR TRAINING YOUR CARRER QUESTIONS & ANSWERS OF HTML Ques: - What are the five possible values for position? Ans: - Values for position: static, relative, absolute, fixed,
More informationUFCEKG Lecture 2. Mashups N. H. N. D. de Silva (Slides adapted from Prakash Chatterjee, UWE)
UFCEKG 20 2 Data, Schemas & Applications Lecture 2 Introduction to thewww WWW, URLs, HTTP, Services and Mashups N. H. N. D. de Silva (Slides adapted from Prakash Chatterjee, UWE) Suppose all the information
More informationA Brief Introduction to HTML
A P P E N D I X HTML SuMMAry J A Brief Introduction to HTML A web page is written in a language called HTML (Hypertext Markup Language). Like Java code, HTML code is made up of text that follows certain
More informationICT IGCSE Practical Revision Presentation Web Authoring
21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:
More informationManagement Information Systems
Management Information Systems Hands-On: HTML Basics Dr. Shankar Sundaresan 1 Elements, Tags, and Attributes Tags specify structural elements in a document, such as headings: tags and Attributes
More informationComputer Applications Final Exam Study Guide
Computer Applications Final Exam Study Guide Our final exam is based from the quizzes, tests, and from skills we have learned about Hardware, PPT, Word, Excel and HTML during our Computer Applications
More informationDreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets
Dreamweaver Basics Planning your website Organize site structure Plan site design & navigation Gather your assets Creating your website Dreamweaver workspace Define a site Create a web page Linking Manually
More informationIntroduction to HTML. Bin Li Assistant Professor Dept. of Electrical, Computer and Biomedical Engineering University of Rhode Island
Introduction to HTML Bin Li Assistant Professor Dept. of Electrical, Computer and Biomedical Engineering University of Rhode Island Hypertext & HTML HyperText Markup Language (HTML) is the language for
More informationWeb Development & Design Foundations with HTML5 & CSS3 Instructor Materials Chapter 2 Test Bank
Multiple Choice. Choose the best answer. 1. What tag pair is used to create a new paragraph? a. b. c. d. 2. What tag pair
More informationBASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS
BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS 1 LEARNING OUTCOMES Describe the anatomy of a web page Format the body of a web page with block-level elements including headings, paragraphs, lists,
More informationBHM Website Teacher User Guide
BHM Website Teacher User Guide How to Login 1. Go to HUhttp://bhmschools.org/userUH 2. Enter your username and password and click Log in How to Change Your Password 1. Go to My Account in your Nav bar
More informationDreamweaver MX Technical Support Services. Office of Information Technology, West Virginia University. OIT Help Desk ext.
Dreamweaver MX 2004 Technical Support Services Office of Information Technology, West Virginia University OIT Help Desk - 293.4444 ext.1 http://oit.wvu.edu/support/training/classmat/ Instructors: Rick
More informationChapter 4: Marking Up With HTML: A Hypertext tmarkup Language Primer
Chapter 4: Marking Up With HTML: A Hypertext tmarkup Language Primer Fluency with Information Technology Third Edition by Lawrence Snyder Copyright 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley
More informationWeb Page Creation Part I. CS27101 Introduction to Web Interface Design Prof. Angela Guercio
Web Page Creation Part I CS27101 Introduction to Web Interface Design Prof. Angela Guercio Objective In this lecture, you will learn: What HTML is and what XHTML is How to create an (X)HTML file The (X)HTML
More informationWeb Systems & Technologies: An Introduction
Web Systems & Technologies: An Introduction Prof. Ing. Andrea Omicini Ingegneria Due, Università di Bologna a Cesena andrea.omicini@unibo.it 2006-2007 Web Systems Architecture Basic architecture information
More informationIntroduction to Computer Science (I1100) Internet. Chapter 7
Internet Chapter 7 606 HTML 607 HTML Hypertext Markup Language (HTML) is a language for creating web pages. A web page is made up of two parts: the head and the body. The head is the first part of a web
More informationHTML+ CSS PRINCIPLES. Getting started with web design the right way
HTML+ CSS PRINCIPLES Getting started with web design the right way HTML : a brief history ❶ 1960s : ARPANET is developed... It is the first packet-switching network using TCP/IP protocol and is a precursor
More informationCOPYRIGHTED MATERIAL. Contents. Introduction. Chapter 1: Structuring Documents for the Web 1
Introduction Chapter 1: Structuring Documents for the Web 1 A Web of Structured Documents 1 Introducing HTML and XHTML 2 Tags and Elements 4 Separating Heads from Bodies 5 Attributes Tell Us About Elements
More informationBixby Public Schools Course Essential Elements Grade: Desktop Publishing
Content Objective) applicable) Desktop Publishing Weeks 1-6 10-12 1. Create and edit a publication. 2. Design a newsletter. 3. Publish a tri-fold brochure 1-1 Start and quit Publisher 1-2 Describe the
More informationBridges To Computing
Bridges To Computing General Information: This document was created for use in the "Bridges to Computing" project of Brooklyn College. You are invited and encouraged to use this presentation to promote
More informationUnit 5 Web Publishing Systems Page 1 of 13 Part 4 HTML Part 4
Unit 5 Web Publishing Systems Page 1 of 13 Part 4 HTML 4.01 Version: 4.01 Transitional Hypertext Markup Language is the coding behind web publishing. In this tutorial, basic knowledge of HTML will be covered
More informationLING 408/508: Computational Techniques for Linguists. Lecture 14
LING 408/508: Computational Techniques for Linguists Lecture 14 Administrivia Homework 5 has been graded Last Time: Browsers are powerful Who that John knows does he not like? html + javascript + SVG Client-side
More informationUsing the Text Editor Tutorial
Using the Text Editor Tutorial The Text Editor in Blackboard allows you to create and edit text. Whether you are adding an Item, posting to the Discussion Board, or writing a blog post, the text box for
More informationATSC Week 2 Web Authoring
ATSC 212 - Week 2 Web Authoring Roland Stull rstull@eos.ubc.ca 1 Web Philosophy! Content is everything.! Style is nothing**. (**until recently)! Hypertext! Hot words or images can expand to give more info.
More informationYour Own Web Page; Quick and Dirty Via Mashup Reminder: Next Quiz on 4/15
Your Own Web Page; Quick and Dirty Via Mashup Reminder: Next Quiz on 4/15 A Special Language for the Web In the early 1990 s web pages were mostly described using a special purpose language, called Hyper-Text
More informationHTML Hints & Tips. HTML is short for HyperText Markup Language.
Introduction to HTML HTML is short for HyperText Markup Language. It is a formatting language used to specify web page attributes such as headings, paragraphs, lists, tables and text variations. The HTML
More informationThe internet is a worldwide collection of networks that link millions of computers. These links allow the computers to share and send data.
Review The internet is a worldwide collection of networks that link millions of computers. These links allow the computers to share and send data. It is not the internet! It is a service of the internet.
More informationDreamweaver Primer. Using Dreamweaver to Create and Publish Simple Web Pages. Mark Branom, Stanford University, Continuing Studies June 2011
Dreamweaver Primer Using Dreamweaver to Create and Publish Simple Web Pages Mark Branom, Stanford University, Continuing Studies June 2011 Stanford University Continuing Studies Page 1 of 30 Contents...
More informationDreamweaver Basics Outline
Dreamweaver Basics Outline The Interface Toolbar Status Bar Property Inspector Insert Toolbar Right Palette Modify Page Properties File Structure Define Site Building Our Webpage Working with Tables Working
More informationTinyMCE Users Guide. This user manual will show you all the basics of the TinyMCE editor.
Introduction TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor. What this means is that it will let you create html content on your web site. TinyMCE supports a lot of Operation
More informationDiscuss web browsers. Define HTML terms
Week 1 & 2 *discuss safety of the internet and classroom Describe the internet and it s associated key terms Describe the world wide web and key terms associated Discuss web browsers Define HTML terms
More informationCopyright 2012 Disruptive Innovations SAS - All rights reserved.
Copyright 2012 Disruptive Innovations SAS - All rights reserved. 2/73 About BlueGriffon and this document 1. About BlueGriffon and this document not This manual is not free or Open Source material and
More informationHTML. Hypertext Markup Language. Code used to create web pages
Chapter 4 Web 135 HTML Hypertext Markup Language Code used to create web pages HTML Tags Two angle brackets For example: calhoun High Tells web browser ho to display page contents Enter with
More informationMore about HTML. Digging in a little deeper
More about HTML Digging in a little deeper Structural v. Semantic Markup Structural markup is using to encode information about the structure of a document. Examples: , , , and
More informationHTML and CSS COURSE SYLLABUS
HTML and CSS COURSE SYLLABUS Overview: HTML and CSS go hand in hand for developing flexible, attractively and user friendly websites. HTML (Hyper Text Markup Language) is used to show content on the page
More informationUsing the Sp13 Text Editor elearning Blackboard Learn 9.1 for Students
The text editor is quite robust, and this guide is meant to show you the features of it. Two Views The Text Editor has two views, simple and advanced mode. Simple: Minimal set of the most-used formatting
More informationGlobal Servers. The new masters
Global Servers The new masters Course so far General OS principles processes, threads, memory management OS support for networking Protocol stacks TCP/IP, Novell Netware Socket programming RPC - (NFS),
More informationBy Ryan Stevenson. Guidebook #2 HTML
By Ryan Stevenson Guidebook #2 HTML Table of Contents 1. HTML Terminology & Links 2. HTML Image Tags 3. HTML Lists 4. Text Styling 5. Inline & Block Elements 6. HTML Tables 7. HTML Forms HTML Terminology
More informationDreamweaver Exam Notes Questions
Dreamweaver Exam Notes Questions 1. Site Publishing: Local Site: Not published, sitting on your PC. Remote: Folders on the server. Root folder: All the info for the website Answer: Local Site 2. Email
More informationSUB Gfittingen A nd Editi S«BEX- SAN FRANCISCO PARIS DUSSELDORF SOEST LONDON
SUB Gfittingen 213 545 233 2001 A 9390 nd Editi S«BEX- SAN FRANCISCO PARIS DUSSELDORF SOEST LONDON CONTENTS Introduction xxiii Part I Introducing HTML 1 Chapter 1 a Introducing Web Pages and HTML 3 An
More informationIntroduction to FrontPage 2002
Introduction to FrontPage 2002 Academic Computing Support Information Technology Services Tennessee Technological University August 2003 1. Introduction FrontPage 2002 is a program to help you build a
More informationWhat is a web site? Web editors Introduction to HTML (Hyper Text Markup Language)
What is a web site? Web editors Introduction to HTML (Hyper Text Markup Language) What is a website? A website is a collection of web pages containing text and other information, such as images, sound
More informationDownloads: Google Chrome Browser (Free) - Adobe Brackets (Free) -
Week One Tools The Basics: Windows - Notepad Mac - Text Edit Downloads: Google Chrome Browser (Free) - www.google.com/chrome/ Adobe Brackets (Free) - www.brackets.io Our work over the next 6 weeks will
More information