HTML. A computer network is a collection of computers linked through cables or wireless means.
|
|
- Horace Chambers
- 7 years ago
- Views:
Transcription
1 What is a computer network? HTML A computer network is a collection of computers linked through cables or wireless means. What is Internet? Internet is a network of computers of different sizes and configurations around the globe. What do you need to set up Internet? In order to setup Internet, we need a computer, MODEM (external or internal) and a telephone connection. How do you set up Internet? To set up the Internet, the computer has to be connected to the telephone through the MODEM. The user has to register with an Internet Service Provider (ISP) with a username, who in-turn gives an Internet registration address on the computer which shall be used to connect the computer to the Internet. This registration address is called the IP address. What is a MODEM? A MODEM is the short form of Modulator and Demodulator. The MODEM converts the Analog signals received from the telephone line to digital form for the computer and vice versa. What are internal and external modems? Internal modems are those which can be fixed inside the computer. They are available in the form of printed circuit boards with connecting outlets. External modems are those, which are to be connected to the computer and placed outside the computer. They are available as separate units. What is a browser? A browser is a software which helps to receive and send information, designed using HTML, between two computers. There are different types of browser, the text browser which displays only text. Graphics cannot be displayed on these browsers. Graphic browsers display text as well as graphical information. Internet Explorer and Netscape Navigator are two examples of browsers. What is HTML? HTML stands for Hyper Text Markup Language. This language is used to design information that can be displayed on browser and transmitted across the Internet.
2 What are tags? Tags are commands used in HTML programming. There are two main types of tags Container tags and Empty tags., <BR>,, What are container tags? Container tags are those, which are in pairs. Other tags and messages are typed between the pair. e.g., What are empty tags? Empty tags appear as single tags. e.g. <BR>, <HR> What are attributes of tags? Attributes of tags are the properties of the tags that have special functions to perform such as BGCOLOR gives the background colour, BORDERCOLOR gives a color to the border of a table. Let us see the tags used to design the HTML pages. All HTML pages begin with and end with. This is a container tag. An HTML page has two main sections, the header and the body. The header section of the HTML is designed using the <HEAD></HEAD>. This container tag contains another container tag <TITLE></TITLE>. Any information typed between <TITLE></TITLE> tags appear on the title bar of the browser window in which the HTML page is displayed. The body of an HTML page is designed using the tags. The information which has to be displayed on the browser is enclosed between the and tag. The following example shows the usage of the above-discussed tags. <HEAD> <TITLE>MY PAGE</TITLE> </HEAD> This is my first HTML page. The message MY PAGE is displayed on the title bar
3 The message This is my first HTML page." appears as the body of the HTML page. The text typed in the body of the HTML page appear continuously. It can be broken into multiples using the <BR> tag. This is an empty tag. It inserts a line break and pushes the text after the cursor to the next line as shown in the example below <HEAD> <TITLE>MY PAGE</TITLE> </HEAD> This is my first <BR>HTML page. TEXT-FORMATTING : Modifying the appearance of the text during the presentation on the browser pages. The text can be formatted using three simple container tags as shown in the example <HEAD><TITLE>MY PAGE</TITLE></HEAD> This text is <B>bold</B>. <BR> This text is in <I>italics</B>.</BR> This text is <U>underlined</U>.
4 HTML provides a set of six sizes of headings which can be used with the help of six pair of tags. The following example illustrates the usage of the tags <HEAD> <TITLE>DIFFERENT TYPES OF HEADINGS</TITLE> </HEAD> <H1>HELLO</H1> <H2>HELLO</H2> <H3>HELLO</H3> <H4>HELLO</H4> <H5>HELLO</H5> <H6>HELLO</H6> We can create new paragraphs using the tag <P>. Paragraphs can be aligned to the left of the page, right of the page or at the center of the page using the attribute ALIGN of the tag <P>. The following example explains the difference between the <BR> and the <P> tags and the ALIGN attribute of the tag <P>. <HEAD> <TITLE>PARAGRAPHS</TITLE> </HEAD> The BR tag moves the cursor to the<br> beginning of the next line.<br> The P tag inserts a blank line and then<p> moves the cursor to beginning of the line after the blank line. <P ALIGN=LEFT> This part of the text has <B>left.</B> alignment. <P ALIGN=RIGHT> This part of the text has <B>right </B> alignment. <P ALIGN=CENTER> This part of the text has <B>center</B> alignment.
5 Superscript and Subscript Certain situations arise which displaying formulae on the HTML pages. These involve special type of formatting. For example, when we need to display formula such as H 2 O, CaCO 3, H 2 SO 4, or x 2, 3x 3, we use special tags to either raise the text above or push them down below the normal line of writing. Tabs to display the text like x 2, 3x 3 are called superscript tags and those used to display text such as H 2 O, CaCO 3, H 2 SO 4 are called subscripts tags. Tag used for superscript formatting is <sup></sup>. To display x 2, 3x 3 the HTML code will be as follows x 2 = x<sup>2</sup> 3x 3 = 3x<sup>3</sup> Tag used for subscript formatting is <sub></sub>. To display H 2 O, CaCO 3, H 2 SO 4 the HTML code will be as follows H 2 O = H<sub>2</sub>O CaCO 3, = CaCO<sub>3</sub> H 2 SO 4 = H<sub>2</sub>SO<sub>4</sub> WORKING WITH GRAPHICS Graphics are any pictures drawn using a computer. The pictures are also referred by the name images. There different formats of storing images. Different formats have different extensions in their filenames..bmp - Bit Map Picture format..gif - Graphics Interchange Format (can be still pictures or animated).jpg - (JPEG) Joint Photographic Experts Group.TIF - Tagged Image File format. PNG - Ping format The best formats used on HTML pages are GIF, JPG and PNG. The GIF occupies less memory space but the quality in colour transperancy is not appreciable. The JPG and the PNG format occupy less memory space and retain the colour transperancy of the original picuture. We cannot use the cut-paste or copy-paste technique to display images on the HTML pages.
6 <IMG> tag is used to insert pictures on an HTML page. The important attribute of <IMG> tag is the SRC which specifies the path and the name of the source file that contains the image (picture). Given a picture rabbit1.jpg, the following code uses the IMG tag to insert the picture into an HTML page. The output of the code will be as given. This picture does not have any border. <IMG SRC= rabbit1.jpg > To provide a border of a specified thickness, we have to use the attribute BORDER. In the example, the border of thickness 3 pixels has been specified. <html> <body> <img src="rabbit1.jpg" border="3"> </body> </html> In order to place this picture as a background for the entire HTML page, we use the following code and the output will as shown in the picture. <html> <body background="rabbit1.jpg"> <img src="rabbit1.jpg" border="3"> </body> </html>
7 HTML - Hyperlinks Hyperlinks play very important role in connecting pages in the same website or pages across websites. They also connect different location in a large document. The hyperlinks which connect across sites are known as External hyperlinks, while those which connect the locations within the document are known as Internal hyperlinks. The tag which is used to create hyperlinks is the <A></A> container tag. This is tag is also called Anchor tag. EXTERNAL LINK External links are created with <A></A> tag in the following manner: <A HREF= >Google</A> Link text Absolute path Hyperlink reference INTERNAL LINK Internal links are created in two stages. First the location to be liked is marked using the name attribute as follows: <A name = position1 ></A> Second step is linking this location using the HREF. <A HREF= #position1 >Position 1</A> Link text Named location Hyperlink Inserting the attribute target= _blank inside the tag <A> will open the page in a new window.
8 COLSPAN HTML- Tables COLSPAN and ROWSPAN Colspan is the attribute of the tag<table>. The purpose of COLSPAN is to indicate width of a columns in terms of the specified number of columns. The following example and the illustration display the action of COLSPAN. <TABLE> <TR> </TR> <TR> </TR> <TR> </TR> </TABLE> <TH>Product</TH> <TH COLSPAN=2>Amount</TH> <TD>COMPUTER</TD> <TD>$1299</TD> <TD>95c</td> <TD>MOUSE</TD> <TD>$15</TD> <TD>95c</TD> Product Amount COMPUTER $ c MOUSE $15 95c The column containing Amount spans two columns. ROWSPAN Rowspan is the attribute of the tag<table>. The purpose of ROWSPAN is to indicate height of a row in terms of the specified number of rows. The following example and the illustration display the action of COLSPAN.
9 <html> <body> <table border=1 bordercolor="black"> <th rowspan=5>parts of a Head</th> <td>eyes</td> <td>nose</td> <td>mouth</td> <td>ears</td> <td>chin</td> </td> </table> </body> </html> Parts of Head Eyes Nose Mouth Ears Chin The row containing Parts of Head spans five rows
CSE 3. Marking Up with HTML. Tags for Bold, Italic, and underline. Structuring Documents. An HTML Web Page File
CSE 3 Comics Updates Shortcut(s)/Tip(s) of the Day Google Earth/Google Maps ssh Anti-Spyware Chapter 4: Marking Up With HTML: A Hypertext Markup Language Primer Fluency with Information Technology Third
More informationCaldes CM12: Content Management Software Introduction v1.9
Caldes CM12: Content Management Software Introduction v1.9 Enterprise Version: If you are using Express, please contact us. Background Information This manual assumes that you have some basic knowledge
More informationIntroduction to Web Design Curriculum Sample
Introduction to Web Design Curriculum Sample Thank you for evaluating our curriculum pack for your school! We have assembled what we believe to be the finest collection of materials anywhere to teach basic
More informationCisco Adaptive Security Appliance (ASA) Web VPN Portal Customization: Solution Brief
Guide Cisco Adaptive Security Appliance (ASA) Web VPN Portal Customization: Solution Brief Author: Ashur Kanoon August 2012 For further information, questions and comments please contact ccbu-pricing@cisco.com
More informationWebsite 101. Yani Ivanov. Student Assistant / Web Administrator
Website 101 Yani Ivanov Student Assistant / Web Administrator Information Technology for Environmental Research Area of the Hawai`i NSF EPSCoR Program Covered Topics Introduction to HTML What is it and
More informationAn Attribute is a special word used inside tag to specify additional information to tag such as color, alignment etc.
CHAPTER 10 HTML-I BASIC HTML ELEMENTS HTML (Hyper Text Markup Language) is a document-layout and hyperlink-specification language i.e., a language used to design the layout of a document and to specify
More informationNew Perspectives on Creating Web Pages with HTML. Considerations for Text and Graphical Tables. A Graphical Table. Using Fixed-Width Fonts
A Text Table New Perspectives on Creating Web Pages with HTML This figure shows a text table. Tutorial 4: Designing a Web Page with Tables 1 2 A Graphical Table Considerations for Text and Graphical Tables
More informationIntroduction to XHTML. 2010, Robert K. Moniot 1
Chapter 4 Introduction to XHTML 2010, Robert K. Moniot 1 OBJECTIVES In this chapter, you will learn: Characteristics of XHTML vs. older HTML. How to write XHTML to create web pages: Controlling document
More informationWeb Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University
Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages
More informationAbout webpage creation
About webpage creation Introduction HTML stands for HyperText Markup Language. It is the predominant markup language for Web=ages. > markup language is a modern system for annota?ng a text in a way that
More informationHTML Overview. With an emphasis on XHTML
HTML Overview With an emphasis on XHTML What is HTML? Stands for HyperText Markup Language A client-side technology (i.e. runs on a user s computer) HTML has a specific set of tags that allow: the structure
More informationShort notes on webpage programming languages
Short notes on webpage programming languages What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is a markup language A markup language is a set of
More informationICT 6012: Web Programming
ICT 6012: Web Programming Covers HTML, PHP Programming and JavaScript Covers in 13 lectures a lecture plan is supplied. Please note that there are some extra classes and some cancelled classes Mid-Term
More informationCS412 Interactive Lab Creating a Simple Web Form
CS412 Interactive Lab Creating a Simple Web Form Introduction In this laboratory, we will create a simple web form using HTML. You have seen several examples of HTML pages and forms as you have worked
More informationCreating HTML authored webpages using a text editor
GRC 175 Assignment 1 Creating HTML authored webpages using a text editor Tasks: 1. Acquire web host space with ad free provider 2. Create an index webpage (index.html) 3. Create a class management webpage
More information04 Links & Images. 1 The Anchor Tag. 1.1 Hyperlinks
One of the greatest strengths of Hypertext Markup Language is hypertext the ability to link documents together. The World Wide Web itself consists of millions of html documents all linked together via
More informationIntroduction... 3. Designing your Common Template... 4. Designing your Shop Top Page... 6. Product Page Design... 8. Featured Products...
Introduction... 3 Designing your Common Template... 4 Common Template Dimensions... 5 Designing your Shop Top Page... 6 Shop Top Page Dimensions... 7 Product Page Design... 8 Editing the Product Page layout...
More informationJISIS and Web Technologies
27 November 2012 Status: Draft Author: Jean-Claude Dauphin JISIS and Web Technologies I. Introduction This document does aspire to explain how J-ISIS is related to Web technologies and how to use J-ISIS
More informationThe Web Web page Links 16-3
Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Write basic HTML documents Describe several specific HTML tags and their purposes 16-1 Chapter Goals
More informationUrban Planet Website Content Management System. Step-by-Step Instructions
Urban Planet Website Content Management System Step-by-Step Instructions For steps with pictures, videos, version bugs, integration ideas, and more see http://uphelp.spps.org Department of Educational
More informationCreating your personal website. Installing necessary programs Creating a website Publishing a website
Creating your personal website Installing necessary programs Creating a website Publishing a website The objective of these instructions is to aid in the production of a personal website published on
More informationWEB DESIGN LAB PART- A HTML LABORATORY MANUAL FOR 3 RD SEM IS AND CS (2011-2012)
WEB DESIGN LAB PART- A HTML LABORATORY MANUAL FOR 3 RD SEM IS AND CS (2011-2012) BY MISS. SAVITHA R LECTURER INFORMATION SCIENCE DEPTATMENT GOVERNMENT POLYTECHNIC GULBARGA FOR ANY FEEDBACK CONTACT TO EMAIL:
More informationHTML Basics(w3schools.com, 2013)
HTML Basics(w3schools.com, 2013) What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language. HTML is a markup language A markup language is a set of markup tags.
More informationTalking: Web. Web design is the hardest thing you will ever do in life. At least when you do it for the first time. Home Page. Talking: Resources
1 Talking: Web Web design is the hardest thing you will ever do in life. At least when you do it for the first time. Home Page Yale: http://info.med.yale.edu/caim/manual/ Design for designers: http://www.wpdfd.com/
More informationWeb Building Blocks. Joseph Gilbert User Experience Web Developer University of Virginia Library joe.gilbert@virginia.
Web Building Blocks Core Concepts for HTML & CSS Joseph Gilbert User Experience Web Developer University of Virginia Library joe.gilbert@virginia.edu @joegilbert Why Learn the Building Blocks? The idea
More informationHT H ML B as a ics c 1
HTML Basics 1 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 is a markup language A markup language is a set
More informationLesson Review Answers
Lesson Review Answers-1 Lesson Review Answers Lesson 1 Review 1. User-friendly Web page interfaces, such as a pleasing layout and easy navigation, are considered what type of issues? Front-end issues.
More informationAdvanced Drupal Features and Techniques
Advanced Drupal Features and Techniques Mount Holyoke College Office of Communications and Marketing 04/2/15 This MHC Drupal Manual contains proprietary information. It is the express property of Mount
More informationLab 1.3 Basic HTML. Vocabulary. Discussion and Procedure
Lab 1.3 Basic HTML The World Wide Web (commonly just called the web ) is an enormous and rapidly growing collection of documents stored on computers all around the world connected by the Internet. In addition
More informationHTML Forms and CONTROLS
HTML Forms and CONTROLS Web forms also called Fill-out Forms, let a user return information to a web server for some action. The processing of incoming data is handled by a script or program written in
More informationContents. Launching FrontPage... 3. Working with the FrontPage Interface... 3 View Options... 4 The Folders List... 5 The Page View Frame...
Using Microsoft Office 2003 Introduction to FrontPage Handout INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 1.0 Fall 2005 Contents Launching FrontPage... 3 Working with
More informationFoundation of Information Technology (Code No: 165) Sample Question Paper II Summative Assessment - Term II. Max Time: 3 hours Max Marks: 90 SECTION A
Foundation of Information Technology (Code No: 165) Sample Question Paper II Summative Assessment - Term II Class X (2015-16) Max Time: 3 hours Max Marks: 90 SECTION A Q1) Fill in the blanks: [10] i) TR
More informationHTML5 and CSS3 Part 1: Using HTML and CSS to Create a Website Layout
CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES HTML5 and CSS3 Part 1: Using HTML and CSS to Create a Website Layout Fall 2011, Version 1.0 Table of Contents Introduction...3 Downloading
More informationEUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING
EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING The European Computer Driving Licence Foundation Ltd. Portview House Thorncastle Street Dublin 4 Ireland Tel: + 353
More informationHow to Create a Mobile Responsive Template in ExactTarget
How to Create a Mobile Responsive Template in ExactTarget This manual contains the following: Section 1: How to create a new mobile responsive template for a Business Unit/Artist Section 2: How to adjust
More informationWebsite Planning Checklist
Website Planning Checklist The following checklist will help clarify your needs and goals when creating a website you ll be surprised at how many decisions must be made before any production begins! Even
More informationThe McGill Knowledge Base. Last Updated: August 19, 2014
The McGill Knowledge Base Last Updated: August 19, 2014 Table of Contents Table of Contents... 1... 2 Overview... 2 Support... 2 Exploring the KB Admin Control Panel Home page... 3 Personalizing the Home
More informationCreating Personal Web Sites Using SharePoint Designer 2007
Creating Personal Web Sites Using SharePoint Designer 2007 Faculty Workshop May 12 th & 13 th, 2009 Overview Create Pictures Home Page: INDEX.htm Other Pages Links from Home Page to Other Pages Prepare
More informationWeb Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence
Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Introduction Client-Side scripting involves using programming technologies to build web pages and applications that are run on the client (i.e.
More informationWHITEPAPER. Skinning Guide. Let s chat. 800.9.Velaro www.velaro.com info@velaro.com. 2012 by Velaro
WHITEPAPER Skinning Guide Let s chat. 2012 by Velaro 800.9.Velaro www.velaro.com info@velaro.com INTRODUCTION Throughout the course of a chat conversation, there are a number of different web pages that
More informationSo we're set? Have your text-editor ready. Be sure you use NotePad, NOT Word or even WordPad. Great, let's get going.
Web Design 1A First Website Intro to Basic HTML So we're set? Have your text-editor ready. Be sure you use NotePad, NOT Word or even WordPad. Great, let's get going. Ok, let's just go through the steps
More informationHow to Create an HTML Page
This is a step-by-step guide for creating a sample webpage. Once you have the page set up, you can add and customize your content using the various tags. To work on your webpage, you will need to access
More informationBlueHornet Whitepaper
BlueHornet Whitepaper Best Practices for HTML Email Rendering BlueHornet.com Page Page 1 1 2007 Inc. A wholly owned subsidiary of Digital River, Inc. (619) 295-1856 2150 W. Washington Street #110 San Diego,
More informationCreating a Resume Webpage with
Creating a Resume Webpage with 6 Cascading Style Sheet Code In this chapter, we will learn the following to World Class CAD standards: Using a Storyboard to Create a Resume Webpage Starting a HTML Resume
More informationHTML & XHTML Tag Quick Reference
HTML & XHTML Tag Quick Reference Interactive Media Center This reference notes some of the most commonly used HTML and XHTML tags. It is not, nor is it intended to be, a comprehensive list of available
More informationHTML Tables. IT 3203 Introduction to Web Development
IT 3203 Introduction to Web Development Tables and Forms September 3 HTML Tables Tables are your friend: Data in rows and columns Positioning of information (But you should use style sheets for this) Slicing
More informationHTML, CSS, XML, and XSL
APPENDIX C HTML, CSS, XML, and XSL T his appendix is a very brief introduction to two markup languages and their style counterparts. The appendix is intended to give a high-level introduction to these
More informationBASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D
BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D 1 LEARNING OUTCOMES Describe the anatomy of a web page Format the body of a web page with block-level elements
More informationCreating Web Pages with Microsoft FrontPage
Creating Web Pages with Microsoft FrontPage 1. Page Properties 1.1 Basic page information Choose File Properties. Type the name of the Title of the page, for example Template. And then click OK. Short
More informationFortis Theme. User Guide. v1.0.0. Magento theme by Infortis. Copyright 2012 Infortis
Fortis Theme v1.0.0 Magento theme by Infortis User Guide Copyright 2012 Infortis 1 Table of Contents 1. Introduction...3 2. Installation...4 3. Basic Configuration...5 3.1 Enable Fortis Theme...5 3.2 Enable
More informationHTML TIPS FOR DESIGNING
This is the first column. Look at me, I m the second column.
More informationAdvanced HTML Authoring Using Tables
INFORMATION SYSTEMS SERVICES Advanced HTML Authoring Using Tables This tutorial workbook contains a series of exercises on creating tables in HTML documents using Macromedia Dreamweaver MX. AUTHOR: Information
More informationCOMMON CUSTOMIZATIONS
COMMON CUSTOMIZATIONS As always, if you have questions about any of these features, please contact us by e-mail at pposupport@museumsoftware.com or by phone at 1-800-562-6080. EDIT FOOTER TEXT Included
More informationWeb Design Revision. AQA AS-Level Computing COMP2. 39 minutes. 39 marks. Page 1 of 17
Web Design Revision AQA AS-Level Computing COMP2 204 39 minutes 39 marks Page of 7 Q. (a) (i) What does HTML stand for?... () (ii) What does CSS stand for?... () (b) Figure shows a web page that has been
More informationWeb Development 1 A4 Project Description Web Architecture
Web Development 1 Introduction to A4, Architecture, Core Technologies A4 Project Description 2 Web Architecture 3 Web Service Web Service Web Service Browser Javascript Database Javascript Other Stuff:
More informationANDROID TRAINING COURSE MODULES. Module-I: Introduction to Android. Introducing Android. Installing Development Tools. Using the Emulator.
ANDROID TRAINING COURSE MODULES Module-I: Introduction to Android Introducing Android. Installing Development Tools. Using the Emulator. Android developer tools. Eclipse, IDEs and Tools. Module-II: Introduction
More informationAtable is an orderly arrangement of data distributed across a grid of rows and
7 Tables and Layout Atable is an orderly arrangement of data distributed across a grid of rows and columns similar to a spreadsheet. In printed documents, tables commonly serve a subordinate function,
More informationVersion 4.0. Unit 3: Web Design. Computer Science Equity Alliance, 2011. Exploring Computer Science Unit 3: Web Design 102
Unit 3: Web Design Computer Science Equity Alliance, 2011 Exploring Computer Science Unit 3: Web Design 102 Introduction The Web Design unit builds on the concepts presented in the previous units by having
More informationHow to Manage Your Eservice Center Knowledge Base
Populating and Maintaining your eservice Center Knowledge Base Table of Contents Populating and Maintaining the eservice Center Knowledge Base...2 Key Terms...2 Setting up the Knowledge Base...3 Consider
More informationwebpage4 Manual Last changed August 11, 2008
webpage4 Manual Last changed August 11, 2008 Table of contents Overview...1 Features Overview...2 System Requirements...3 Upgrading...4 Support...6 Preferences...7 Introduction to HTML...10 Frequently
More informationWeb Design Module Outline
Web Design Module Outline DAY 1 DAY 2 DAY 3 DAY 4 DAY 5 Lesson 1: WEB DESIGN OVERVIEW Lesson 2: INTRODUCTION TO HTML Lesson 3: TEXT & COLORS Lesson 4: IMAGES & LINKS Lesson 4: (cont.) IMAGES & LINKS what
More informationNURSING 3225 NURSING INQUIRY WEB SITE DEVELOPMENT GUIDE BOOK
Nursing 3225 Web Dev Manual Page 1 NURSING 3225 NURSING INQUIRY WEB SITE DEVELOPMENT GUIDE BOOK Nursing 3225 Web Dev Manual Page 2 N3225: Nursing Inquiry Student Created Group Website Addresses (1 of 2)
More informationEmbedding a Data View dynamic report into an existing web-page
Embedding a Data View dynamic report into an existing web-page Author: GeoWise User Support Released: 23/11/2011 Version: 6.4.4 Embedding a Data View dynamic report into an existing web-page Table of Contents
More informationSurfing the Internet. Dodge County 4-H Tech Team January 22, 2004
Surfing the Internet Dodge County 4-H Tech Team January 22, 2004 Topics Tools needed to surf the web How the web works Anatomy of a URL HTML: Hypertext Markup Language Error messages Navigating on the
More informationUsing Adobe Dreamweaver CS4 (10.0)
Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called
More informationFile types There are certain image file types that can be used in a web page. They are:
Using Images in web design (Dreamweaver CC) In this document: Image file types for web pages Inserting an image Resizing an image in Dreamweaver CSS properties for image alignment and responsiveness nigelbuckner
More informationLast week we talked about creating your own tags: div tags and span tags. A div tag goes around other tags, e.g.,:
CSS Tutorial Part 2: Last week we talked about creating your own tags: div tags and span tags. A div tag goes around other tags, e.g.,: animals A paragraph about animals goes here
More informationInteraction between browser and server. HTML (Hyper Text Markup Language)
Interaction between browser and server The client/server model is a computing model that acts as a distributed application which partitions tasks or workloads between the providers of a resource or service,
More informationScript Handbook for Interactive Scientific Website Building
Script Handbook for Interactive Scientific Website Building Version: 173205 Released: March 25, 2014 Chung-Lin Shan Contents 1 Basic Structures 1 11 Preparation 2 12 form 4 13 switch for the further step
More informationWeb Design and Databases WD: Class 7: HTML and CSS Part 3
Web Design and Databases WD: Class 7: HTML and CSS Part 3 Dr Helen Hastie Dept of Computer Science Heriot-Watt University Some contributions from Head First HTML with CSS and XHTML, O Reilly Recap! HTML
More informationEmail Campaign Guidelines and Best Practices
epromo Guidelines HTML Maximum width 700px (length = N/A) Maximum total file size, including all images = 200KB Only use inline CSS, no stylesheets Use tables, rather than layout Use more TEXT instead
More informationEducational Technology Department IT Master Plan Training Modules. Notes for Internet (Web Design & Publishing)
Educational Technology Department IT Master Plan Training Modules Notes for Internet (Web Design & Publishing) 1 (1) Web Design and Layout Guide Interface Design - For maximum functionality and legibility,
More informationKOMPOZER Web Design Software
KOMPOZER Web Design Software An IGCSE Student Handbook written by Phil Watkins www.kompozer.net CONTENTS This student guide is designed to allow for you to become a competent user* of the Kompozer web
More information07 Forms. 1 About Forms. 2 The FORM Tag. 1.1 Form Handlers
1 About Forms For a website to be successful, it is important to be able to get feedback from visitors to your site. This could be a request for information, general comments on your site or even a product
More informationAdvanced Web Design. Zac Van Note. www.design-link.org
Advanced Web Design Zac Van Note www.design-link.org COURSE ID: CP 341F90033T COURSE TITLE: Advanced Web Design COURSE DESCRIPTION: 2/21/04 Sat 9:00:00 AM - 4:00:00 PM 1 day Recommended Text: HTML for
More informationTable of Contents Find out more about NewZapp
Table of Contents Why is email display an issue in email marketing?... 2 Expert Email Design... 3 Desktop PC and Apple Mac email applications... 4 Web and mobile device email readers... 5 Creating your
More informationCreate a Web Page with Dreamweaver
Create a Web Page with Dreamweaver Dreamweaver is an HTML editing program that allows the beginner and the advanced coder to create Web pages. 1. Launch Dreamweaver. Several windows appear that will assist
More informationCIS 467/602-01: Data Visualization
CIS 467/602-01: Data Visualization HTML, CSS, SVG, (& JavaScript) Dr. David Koop Assignment 1 Posted on the course web site Due Friday, Feb. 13 Get started soon! Submission information will be posted Useful
More informationANATOMY OF A WEB PAGE...
Web Design Contents INTRODUCTION... 4 WHAT YOU WILL LEARN... 4 ABOUT THE HOME AND LEARN WEB DESIGN SOFTWARE... 5 INSTALLING THE SOFTWARE... 6 WEB COURSE FILES... 6 ANATOMY OF A WEB PAGE... 7 WHAT IS A
More informationAccessibility in e-learning. Accessible Content Authoring Practices
Accessibility in e-learning Accessible Content Authoring Practices JUNE 2014 Contents Introduction... 3 Visual Content... 3 Images and Alt... 3 Image Maps and Alt... 4 Meaningless Images and Alt... 4 Images
More informationMicrosoft FrontPage 2003
Information Technology Services Kennesaw State University Microsoft FrontPage 2003 Information Technology Services Microsoft FrontPage Table of Contents Information Technology Services...1 Kennesaw State
More informationFrames. In this chapter
Frames 2007 NOTES This article was originally published in 2003 as Chapter 12 of Learning Web Design, 2nd edition. Since the time of its publication, frames have become all but extinct, particularly for
More informationADOBE DREAMWEAVER CS3 TUTORIAL
ADOBE DREAMWEAVER CS3 TUTORIAL 1 TABLE OF CONTENTS I. GETTING S TARTED... 2 II. CREATING A WEBPAGE... 2 III. DESIGN AND LAYOUT... 3 IV. INSERTING AND USING TABLES... 4 A. WHY USE TABLES... 4 B. HOW TO
More informationICE: HTML, CSS, and Validation
ICE: HTML, CSS, and Validation Formatting a Recipe NAME: Overview Today you will be given an existing HTML page that already has significant content, in this case, a recipe. Your tasks are to: mark it
More informationAdobe Dreamweaver CC 14 Tutorial
Adobe Dreamweaver CC 14 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site
More informationProfessional & Workgroup Editions
Professional & Workgroup Editions Add a popup window for scheduling appointments on your own web page using HTML Date: August 2, 2011 Page 1 Overview This document describes how to insert a popup window
More informationTEMPLATE MANUAL Table of Contents
TEMPLATE MANUAL Table of Contents Introduction... 2 Features Overview...3 How to preview the website... 4 Background configuration... 4 Disabling grid over background... 4 How to build Menu...5 Setting
More informationHTML Lesson 7. Your assignment:
HTML Lesson 7 Tables are one of the biggest tools Web developers use to present data wherever they want data to go on the page. Like spreadsheets, rows go across (left to right) and columns go up and down.
More informationMicrosoft Word 2013 Creating a Personal Web Page (Level 2)
IT Training Microsoft Word 2013 Creating a Personal Web Page (Level 2) Contents Introduction... 2 Loading a Browser... 2 Looking Behind Web Pages... 2 Creating a Web Page... 3 A Simple Page... 3 Viewing
More informationMicrosoft FrontPage 2003 Creating a Personal Web Page
IT Services Microsoft FrontPage 2003 Creating a Personal Web Page Contents Introduction... 2 Loading a Browser... 2 Looking Behind Web Pages... 2 Creating a Web Page... 3 A Simple Page... 3 Web Page Views...
More informationcreating web pages in HTML due by noon on Friday, January 28
creating web pages in HTML due by noon on Friday, January 28 PURPOSE OF THIS MODULE In this module, you will be introduced to HTML and you will use HTML to create two basic web pages which you ll save
More information7 th Grade Web Design Name: Project 1 Rubric Personal Web Page
7 th Grade Web Design Name: Project 1 Rubric Personal Web Page Date: Grade : 100 points total A+ 100-96 Challenge Assignment A 95-90 B 89-80 C 79-70 D 69-60 Goals You will be creating a personal web page
More informationChapter 24 Web Servers (PWS, IIS, Apache, Jigsaw) 805. A Web server communicating with several HTTP clients.
Chapter 24 Web Servers (PWS, IIS, Apache, Jigsaw) 805 24 Web Servers (PWS, IIS, Apache, Jigsaw) Fig. 24.1 A Web server communicating with several HTTP clients. 806 Web Servers (PWS, IIS, Apache, Jigsaw)
More informationHTML tutorial. Purpose: Importance: Very few people code HTML by hand anymore. There are a multiplicity
HTML tutorial Purpose: Introduce you to basic web page coding. This is a basic tutorial which will prepare you for the use of more sophisticated HTML editing tools. Importance: Very few people code HTML
More informationCreating an HTML Document Using Macromedia Dreamweaver
INFORMATION SYSTEMS SERVICES Creating an HTML Document Using Macromedia Dreamweaver This tutorial workbook contains a series of exercises that give an introduction to creating HTML documents for the World
More informationHow to Properly Compose E-Mail HTML Code : 1
How to Properly Compose E-Mail HTML Code : 1 For any successful business, creating and sending great looking e-mail is essential to project a professional image. With the proliferation of numerous e-mail
More informationChapter 2 HTML Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D
Chapter 2 HTML Basics Key Concepts Copyright 2013 Terry Ann Morris, Ed.D 1 First Web Page an opening tag... page info goes here a closing tag Head & Body Sections Head Section
More informationHow to Construct a Web Site: A Brief Introduction 1
How to Construct a Web Site: A Brief Introduction 1 John H. Ristroph, Ph.D., P.E. University of Louisiana at Lafayette Engineering and Technology Management Program Abstract This paper provides a fast
More informationBy Glenn Fleishman. WebSpy. Form and function
Form and function The simplest and really the only method to get information from a visitor to a Web site is via an HTML form. Form tags appeared early in the HTML spec, and closely mirror or exactly duplicate
More informationART 379 Web Design. HTML, XHTML & CSS: Introduction, 1-2
HTML, XHTML & CSS: Introduction, 1-2 History: 90s browsers (netscape & internet explorer) only read their own specific set of html. made designing web pages difficult! (this is why you would see disclaimers
More information