Web Site Construction I: HTML for Structure

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Web Site Construction I: HTML for Structure"

Transcription

1 Web Site Construction I: HTML for Structure David Gerbing School of Business Administration Portland State University

2 Table of Contents Typeface Conventions... 3 SECTION I STRUCTURE THE WEB PAGE WITH HTML... 1 HTML... 2 Text vs. Binary Files... 2 Creating HTML Text... 2 An HTML File (for a single web page)... 3 Mark-up Tags for Document Structure (Elements)... 5 paragraph... 6 heading... 6 lists... 6 tables... 6 div - generic block element... 8 Mark-up Tags for Graphic and Hypertext Link Elements... 9 image... 9 hypertext anchor navigation menus span - generic in-line element comments Example Web Page from HTML Screen Colors INDEX... 2 David W. Gerbing, 2013

3 Typeface Conventions Typeface literal example choice Indicates a literal computer keyword, entered exactly as shown a specific example of a word or phrase the user is free to choose the name of the attribute for which the user is free to choose his or her own word or phrase Consider the following actual code, <img src="images/jacket.jpg" alt="jacket">. Enter the <img src=" exactly as shown. Similarly for the alt=" and ">. The phrase images/jacket.jpg is based on names supplied by the user, in this case a directory called images and a file within that directory called jacket.jpg. In contrast to the actual code displayed above, the more general definition displays as <img src="name" alt= description />. Here the user specifies his or her own chosen name, such as images/jacket.jpg from the above example code.

4

5 SECTION I STRUCTURE THE WEB PAGE WITH HTML This section shows how to describe the structure of a document with HTML. Structural elements include paragraphs, headings, lists and tables.

6 Web Site Construction HTML HTML, or Hypertext Mark-up Language, is an integral component of the World Wide Web. Based upon previous work on the concept of mark-up languages, Tim Berners-Lee developed HTML in 1989 while working at CERN, the European Laboratory for Particle Physics in Geneva, Switzerland. As part of HTML, Mr. Berners-Lee specified the form of a hypertext link which, when clicked, transports the user to another web page. He also invented the naming system of and he wrote the first browser and web server. Mr. Berners-Lee continues to contribute to the development of the web through the present as Director of the World Wide Web Consortium (W3C), an organization that develops standards and specifications for the web. There is a more industry focused and competing organization called the Web Hypertext Application Technology Working Group (WHATWG). Text vs. Binary Files A web browser constructs much of the display of a web page from a type of computer file called a text file, specifically an HTML text file. A text file contains only digital representations of the standard characters such as the uppercase letter A, punctuation and a few control codes such as tab and linefeed. A text file contains no styling commands for achieving presentation effects such as italicized text or page numbering. As such, a text file is application independent, belonging to no one single application. The same text file can be read and written by many applications that vary from MS Word to specialized text editors for developing web pages, such as Bluefish. Creating HTML Text Visual editors. A visual web page creation program, often called a WYSWYG (What You See is What You Get) application, generates the HTML mark-up from the page laid out by the user. The web site program that is almost a standard among professional designers is Adobe s Dreamweaver. Most applications today, however, including MS Office, save the on-screen display of a document to a web page. To visualize how these web authoring systems work, consider MS Word, which can serve as a WYSWYG editor for a single web page. Place a title, some 2 Gerbing 2013

7 I. HTML pictures and some text on a Word page, and use the Hyperlink command from the Insert menu to create some links. Then Save as Web Page and the needed HTML is automatically created. Just move a set of the created HTML files and associated graphics to a web server and you have a web site! These WYSWYG editors work well, but they are expensive (many hundreds of dollars) and do not provide the highest level of control because they, and not the user, generate the HTML mark-up. Ultimately most web site designers also tweak the HTML themselves, or provide all of the mark-up. To do requires another type of editor. HTML text editors. Some text editors, called HTML editors require the designer to write his or her own HTML, which provides the ultimate level of control over the implementation of the web page. Fortunately these editors provide many features that facilitate this hand coding and, are also much more inexpensive than products such as Dreamweaver. For example, a specialized text editor automatically colors the HTML elements differently from the page s content, and inserts elements into the text directly from a dictionary of HTML tags obtained from a special menu. An excellent and free HTML editor is Bluefish. Besides being free of cost, Bluefish also works on Windows, Mac and Linux/Unix. Any text editor, such as NotePad on windows and TextEdit on the Mac, also work for editing HTML files, but a primary advantage of Bluefish is the ability to browse for linked images and web pages, from which Bluefish constructs the proper code that correctly identifies the linked content. An HTML File (for a single web page) Before beginning a web project there is one step that first must be accomplished. First create a folder on your file system that will contain all of the files of your web site. This folder includes an images folder for storing all graphics to be displayed on the site. From the beginning make sure that all files to be displayed on the finished web site are contained within this same folder on your PC. Later these files will be transferred to a web server for access to the entire Internet. Mark-up. A text file primarily contains only standard text characters, so how is the file styled for display? Embedded in the file are standard text characters called mark-up tags, which indicate structural features such as the beginning of Gerbing

8 Web Site Construction a paragraph, or a second-level header. An application called a web browser then reads the text file and displays the content according to the styling instructions based on the various mark-up tags. Examples of a web browser include Microsoft s Internet Explorer, Apple s Safari, and Google s Chrome. The file with the embedded mark-up tags is called an HTML file. These tags are specified according to the HTML standard beginning with the work of Tim Berners-Lee. A web browser displays the web page according to the structure of the HTML file provided by the mark-up tags (and their corresponding styling instructions). Figure 1. Initial formulation of input to, and output from, a web browser. The web browser reads and transforms the HTML file into the displayed web page 1. Each HTML file corresponds to a single web page. An HTML file specifies the document s structure with marked-up content. The structure of any document a web page, an office memo, or a term paper consists of different logical parts, such as paragraphs and headings. Each logical part of a document is an element. The mark-up in an HTML file explicitly delineates, or marks up, the different elements of a document with tags. Markup tags set off an element with a start tag that contains the tag s name between angle brackets, as <name>, and a matching ending tag either another tag with a backslash in front of the name, as </name>, or, if only one tag is needed, a backslash at the end of the start tag, />. 1 As we see later, Section II, each browser contains default styling instructions for each markup tag. A web page also benefits from a customized design, provided by a technology called CSS. So ultimately both HTML files and CSS files typically contribute to the browser s rendered web page, as well as a third technology called JavaScript. 4 Gerbing 2013

9 I. HTML For example, <p> and </p> tags embedded in the HTML file instruct the browser that the enclosed content is a paragraph element. The browser then displays the content formatted as a paragraph, by default with a leading blank line before the content. The content, the body of the paragraph, begins on a new line when the web page is displayed on the computer screen. HTML file structure. An HTML file begins with a DOCTYPE declaration that indicates the file is of type HTML. An html tag marks the beginning of HTML information with the <html> tag. Each HTML file contains a Head and a Body, delineated by the <head> and <body> tags. The Head generally contains at least the <title> tag to specify the title of the browser s window (not the web page per se) and also the <meta> tag to specify the character set used to encode the characters in the file. All of the marked-up contents of the web page appear in the Body. Everything that appears on the generated web page appears in the Body. This general structure of every correct HTML file follows. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>title of browser window</title> </head> <body> ---- entire marked-up contents of the web page ---- </body> </html> Obtain this template from the Bluefish HTML Text Editor with: File à New From Template à HTML5. Mark-up Tags for Document Structure (Elements) The elements described below delineate a document s structure in terms of its constituent elements its internal organization. All of these elements appear in the Body of the HTML file. An element s corresponding tags set off the element from the rest of the document. The elements defined below, each with its own set of mark-up tags are paragraph, heading, list, table, and the generic div Gerbing

10 Web Site Construction (division). The web browser interprets these elements to construct the displayed web page. paragraph <p>some blah blah blah blah text</p> By default, a web browser renders all information contained between <p> and </p> as a separate block from the remainder of the document. The information appears beginning on its own line, separated by a blank line from the information that preceded it. Then the browser displays a new line after displaying the paragraph. When a browser displays an HTML file, the browser automatically compresses any series of white space characters including spaces, tabs and carriage returns into a single space. So in the HTML file this same paragraph listed above could be written as <p> some blah blah blah blah text </p> The browser identically displays either version of the HTML file. heading HTML defines six levels of headings, numbered 1 through 6, where 1 refers to the top most or first level heading. Headings typically display in larger fonts and often in different colors than normal body text contained within paragraphs. Mark-up the first, top-level heading element, as <h1>text of level 1 heading</h1>. Specify subsequent heading levels with numbers from 2 to 6 such as <h2>. lists <ul> <li> list item 1</li> <li> list item 2</li> <li> list item 3</li> </ul> displays as The ul tag in this mark-up refers to an unordered list. Use <ol> and </ol> for an ordered (numbered) list. The <li> stands for list item. tables Tables have traditionally played a major role in the layout of the entire web page. In the modern world, preferably restrict tables for their intended purpose: 6 Gerbing 2013

11 I. HTML the display of tabular text, a table of data with rows and columns. The most basic mark-up of a table consists of three sets of tags: 1. <table> and </table> which define the beginning and the end of the table 2. <tr> and </tr> which define a table row 3. <td> and </td> which define a cell (of data) within each row of the table A table displays content between <td> and </td> tags. Each set of <td> and </td> tags defines a single table cell and appears within a table row marked by the <tr> and </tr> tags. The HTML for the basic form of a table with two rows and three columns follows. <table border= 1 > <tr> <td>r1c1</td> <td>r1c2</td> <td>r1c3</td> </tr> <tr> <td>r2c1</td> <td>r2c2</td> <td>r2c2</td> </tr> </table> displays as A key aspect of tables that makes them so versatile for web page display is that virtually any content can appear inside a table cell, that is, between a matched set of <td> and </td> tags. Not only can ordinary text be placed in a table cell, as in the above example, but also images, video, forms, and even another table. For example, the upper left-hand cell of a table may contain a picture, and the upper right-hand cell of the same table may contain text that describes the contents of the picture. Or, an entire table can be placed inside a table cell, which results in a nested table. Using a table to format the entire page, particularly a table with nested tables, is an outdated 20 th century technique for web page layout. The more modern method for web page layout uses CSS, discussed later. Still, sometimes the more modern techniques do not work reliably on all browsers, particularly Microsoft s buggy Internet Explorer 6, so web page design still typically depends on a limited use of tables for page layout. Gerbing

12 Web Site Construction div - generic block element The paragraph, header, list, and table elements are all examples of block elements. The browser display separates a block element from the rest of the text. When displayed on the web page, each block begins on a new line and all content within the block shares at least some of the same styling characteristics. Different elements of a document are often grouped into their own section. The header at the top of a web page may contain a logo, a contact link, and a phone number. Or, a navigation menu that consists of a series of links organized by category may appear in the left column. When constructing an HTML file, enclose the different elements that form a coherent logical group within their own generic block element. This element delineates its own logical section or division. Elements enclosed with <div> and </div> tags form a section (division) of the document. The div tags function as a container that sets off the enclosed content from the remainder of the document. Suppose a group of paragraphs and associated images are all centered. One means to accomplish this centering is to separately style each paragraph and image. A more straightforward alternative encloses the entire group of paragraphs and associated images within the <div> and </div> tags. To indicate centering or any other presentation styles, first identify the specific div block of interest with the id attribute, such as <div id="mycontent">. In this example, a set of CSS style rules defines the styling for the div block named mycontent. The id attribute uniquely identifies this particular div block, and attaches the specific set of styling rules with the same name of mycontent to it. The modern focus on using CSS to format the display of a web page relies heavily upon dividing or laying out an entire document into specific sections, such as with the <div> tag. The entire document is first divided into sections, each of which in turn consists of a set of individual marked-up elements. The CSS styling rules specify how the tags are formatted in the web page that the browser constructs. The HTML for a three-column web page is structured such as the following. 8 Gerbing 2013

13 I. HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>3-columns</title> <link rel="stylesheet" href="3colcss.css" type="text/css" /> </head> <body> <div id="container"> <h1>this is the header area</h1> <div id="leftcol"><!-- Left column --> ---- entire marked-up contents of left column ---- </div> <div id="rightcol"><!-- Right column --> ---- entire marked-up contents of right column ---- </div> <div id="centercol"><!-- Center column --> ---- entire marked-up contents of center column ---- </div> <div id="footer"> <p>this is the footer, which lies beneath all three columns.</p> </div> </body> </html> The <div id= whatever > and </div> tags delineate an entire section, and also link to the corresponding CSS style rules that govern the display of the section. Mark-up Tags for Graphic and Hypertext Link Elements In the following definitions, name refers to a file name or URL (web address) and description refers to a description of the name, both specified by the designer. image <img src="name" alt= description /> Gerbing

14 Web Site Construction Example. <img src= images/jacket.jpg alt= jacket /> refers to a jpeg file (photograph) named jacket.jpg located in the images subdirectory. Note that the expression images/ refers to content within the specified folder, here called images. The browser displays the image at the point in the document where the img tag appears. Specify the image tag with at least two attributes. The src attribute, for source, specifies the location of the image on the hard disk s file directory. The alt attribute facilitates web browsing for the visually impaired who have a text reader attached to their computer. A text reader literally reads the text that appears on the screen. When encountering an image the text reader reads the contents of the alt attribute to the user. In practice an img tag also typically includes the optional height and width attributes such as height="31" and width="88", expressed in pixels. When the img tag specifies the image s height and width, the browser more quickly renders the corresponding web page without first having to separately calculate the height and width. hypertext anchor <a href="name">the link</a> All content between the anchor tags becomes a link on the corresponding web page. The link is usually text, a word or phrase, but it could be other content such as an image. Clicking the on-screen link transports the user to the reference specified in the href attribute. This reference can be a web page on another web site located somewhere else on the World Wide Web, which requires the full web address or URL for universal resource locator beginning with the http. Or, the reference can be to another page on the same web site. Example 1. HTML Code to link the abbreviation PSU to another site on the web: Check out <a href="http://www.pdx.edu">psu</a> as a place to matriculate. Displays as: Example 2. HTML Code to link the phrase new products to a page on the same site (in this example to a web page called products.html in the same directory as the current web page): Check out our <a href="products.html">new products</a>. 10 Gerbing 2013

15 I. HTML When referring to another web page on the same site, the is no longer used. navigation menus A navigation menu consists of a list of links. Within each link is the hypertext link to the corresponding web page. Replace the # symbols with the actual destination of the link. If the page to link to is not yet available, leave the # symbol in the link until the page exists and the file name can be entered. <nav> <ul> <li><a href="#">blog</a></li> <li><a href="#">about</a></li> <li><a href="#">archives</a></li> <li><a href="#">contact</a></li> </ul> </nav> Usually these links are styled, such as, for example, to provide color and rollover effects. This styling is with CSS, explained in the next section. span - generic in-line element Image and hypertext elements are examples of in-line elements. In contrast to block level elements, an inline element flows with the text within which it is placed. An example of an in-line element is an italicized word. The word appears on the web page in the flow of text without beginning on a new line. The generic inline element mark-up are the <span> and </span> tags. The designer uses these tags to add styling features to an in-line element not otherwise marked-up, such as changing the color of several words within a sentence from black to red. As an example, the browser displays the words Hi There in red when processing the following HTML. new. We say <span style="color: red;">hi There</span> when seeing someone A later section on CSS styling provides more detail regarding these style rules. comments A comment is text in the HTML file that the browser ignores. The purpose of a comment allows the author to document his or her work. That is, the comment should clarify the purpose of a segment of HTML code. All HTML comments are text enclosed within a <!-- and a -->. For example, the text string <!-- Left column --> is a comment. Gerbing

16 Web Site Construction Example Web Page from HTML The HTML input shown below is displayed in the Bluefish editor. One of the many features of this type of specialized text editor is the display of different structural elements of the code in different colors and fonts. An HTML text editor allows the different aspects of the markup, such as tags and paragraph content, to be more easily visually distinguished from each other and from the actual content of the page, displayed as ordinary black text. HTML Input To display the web page from Bluefish, click on the Globe icon in the Toolbar at the top-right of the window. The corresponding web page follows. Browser Output 12 Gerbing 2013

17 I. HTML The preceding browser output rendered the corresponding input HTML file for screen display. The displayed logo from file LogoColorW.gif resides in the images subdirectory relative to the HTML file. Clinking on the underlined word link calls up the home page for Unlike most web pages, this page contains no special styling for the browser display. Instead, the browser formats each element according to it s default settings. For example, the default setting for the browser that generated the previous web page (Apple s Safari) displays lines of text within a paragraph as black with one blank line inserted in front of the paragraph. Before showing how to customize the presentation of the page, the next section shows how to specify the colors on a computer display. Screen Colors Color is an important aspect of a web page. On a computer monitor each screen pixel combines the three primary colors for light: red, green, and blue. The RGB color model specifies the intensity of each of the three primary colors on a scale from 0 to 255. For example, content formatted as rgb(255,0,0) displays as red because red light is at maximum without any green or blue light. Some often-used colors such as red can also be referred by their name. All three primary colors at the full intensity of 255 yield white light. All three colors at zero intensity yield black. Other combinations of red, green, and blue provide for more than 16 million possible colors, of which some appear in the following table. Color Specification Description Pattern rgb(0,0,0) black absence of all color rgb(255,255,255) white full strength of all colors rgb(255,255,0) yellow full strength of red and green rgb(0,0,255) blue full strength blue only rgb(102,0,255) purple partial red and full blue rgb(204,204,204) light gray high red, green & blue Choosing an appropriate color scheme for a web site can involve both analysis and intuition developed from experience. Though the process can be fairly involved, here is a simple style guide. If one or two more colors are needed to complement a chosen color, a pleasing possibility scrambles the red, green and blue intensities. For example, to complement rgb(153,204,255), try rgb(255,153,204) and/or rgb(153, 255,204). Gerbing

18 Web Site Construction INDEX E element, 3 block, 7 inline, 10 F file binary, 2 H HTML, 2 M markup tag, 3 markup-tag body, 4 div, 7 head, 4 heading, 6 html, 4 hypertext anchor, 9 image, 9 lists, 6 paragraph, 5 span, 10 tables, 6 T text editor, 4 U URL, 9 W white space, 5 2 Gerbing 2012

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University

Web 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 information

Introduction to Web Design Curriculum Sample

Introduction 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 information

Quick Guide for Dreamweaver CC Basics April 2016 Training:

Quick Guide for Dreamweaver CC Basics April 2016 Training: Dreamweaver CC Basics When you look at a web page, you might wonder how it is made. To display a web page, your internet browser reads and interprets a special set of instructions. These instructions are

More information

HTML TEST. Multiple Choice Identify the choice that best completes the statement or answers the question.

HTML TEST. Multiple Choice Identify the choice that best completes the statement or answers the question. HTML TEST Multiple Choice Identify the choice that best completes the statement or answers the question. 1. What does HTML stand for? a. Hyper Link Markup Language b. Hyper Text Markup Logics c. Hyper

More information

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence

Web 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 information

Introduction to XHTML. 2010, Robert K. Moniot 1

Introduction 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 information

ICE: HTML, CSS, and Validation

ICE: 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 information

HTML, CSS, XML, and XSL

HTML, 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 information

Web Development 1 A4 Project Description Web Architecture

Web 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 information

Introduction to the Hyper Text markup language (HTML) SE 101 Spiros Mancoridis

Introduction to the Hyper Text markup language (HTML) SE 101 Spiros Mancoridis Introduction to the Hyper Text markup language (HTML) SE 101 Spiros Mancoridis What is HTML? HTML (Hyper Text Markup Language) is a language for specifying how text and graphics appear on a web page When

More information

Website Planning Checklist

Website 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 information

HTML5 and CSS3 Part 1: Using HTML and CSS to Create a Website Layout

HTML5 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 information

Chapter I HTML5 INFORMATION MANAGEMENT PROGRAM SUAN SUNANDHA RAJABHAT UNIVERSITY

Chapter I HTML5 INFORMATION MANAGEMENT PROGRAM SUAN SUNANDHA RAJABHAT UNIVERSITY Chapter I HTML5 Lecture by Nutthapat Keawrattanapat Bachelor of Sciences (First Class Honors) Computer Science Master of Sciences Management Information System INFORMATION MANAGEMENT PROGRAM SUAN SUNANDHA

More information

Building Your Website

Building Your Website Building Your Website HTML & CSS This guide is primarily aimed at people building their first web site and those who have tried in the past but struggled with some of the technical terms and processes.

More information

Using Adobe Dreamweaver CS4 (10.0)

Using 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 information

CIS 467/602-01: Data Visualization

CIS 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 information

Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates

Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates What is a DIV tag? First, let s recall that HTML is a markup language. Markup provides structure and order to a page. For example,

More information

BASICS 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 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 information

HTML Terminology. HTML Past, Present, Future. Creating HTML Pages

HTML Terminology. HTML Past, Present, Future. Creating HTML Pages Table of Contents Hypertext Markup Language HTML Concepts HTML Document Structure HTML 5 HTML Common Elements The past, the present, the future Section Elements Semantic Structural Tags 2 Hypertext Markup

More information

CSE 3. Marking Up with HTML. Tags for Bold, Italic, and underline. Structuring Documents. An HTML Web Page File

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 information

Brief Guide to HTML Tags

Brief Guide to HTML Tags CS100 Spring 2007 Brief Guide to HTML Tags HTML pages consist of text content and embedded tags that describe how that content should look in a browser window. All tags are enclosed in angle brackets

More information

Chapter 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 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 information

The Web Web page Links 16-3

The 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 information

Introduction to HTML and CSS

Introduction to HTML and CSS Introduction to HTML and CSS Robert Rector idesign Lab Fall 2013 Introduction In this workshop, we will be learning about the languages of the internet: HTML We will spend most of our Fme becoming familiar

More information

ADOBE Dreamweaver CS3 Basics

ADOBE Dreamweaver CS3 Basics ADOBE Dreamweaver CS3 Basics IT Center Training Email: training@health.ufl.edu Web Page: http://training.health.ufl.edu This page intentionally left blank 2 8/27/2008 Contents Before you start with Dreamweaver....

More information

Short notes on webpage programming languages

Short 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 information

HTML5 & CSS 8 th Edition. Chapter 3 Enhancing a Website with Links and Images

HTML5 & CSS 8 th Edition. Chapter 3 Enhancing a Website with Links and Images HTML5 & CSS 8 th Edition Chapter 3 Enhancing a Website with Links and Images Chapter Objectives 1. Describe types of hyperlinks 2. Create relative links, absolute links, email links, and telephone links

More information

Module 6 Web Page Concept and Design: Getting a Web Page Up and Running

Module 6 Web Page Concept and Design: Getting a Web Page Up and Running Module 6 Web Page Concept and Design: Getting a Web Page Up and Running Lesson 3 Creating Web Pages Using HTML UNESCO EIPICT M6. LESSON 3 1 Rationale Librarians need to learn how to plan, design and create

More information

ICT 6012: Web Programming

ICT 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 information

Website 101. Yani Ivanov. Student Assistant / Web Administrator

Website 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 information

Web Building Blocks. Joseph Gilbert User Experience Web Developer University of Virginia Library joe.gilbert@virginia.

Web 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 information

Basic HTML elements: Quick Reference

Basic HTML elements: Quick Reference Basic HTML elements: Quick Reference University of Bristol Information Services document web-r4 Document Information Format Conventions The following format conventions are used in this document: Computer

More information

Creating HTML authored webpages using a text editor

Creating 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 information

Web Design Revision. AQA AS-Level Computing COMP2. 39 minutes. 39 marks. Page 1 of 17

Web 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 information

Designing HTML Emails for Use in the Advanced Editor

Designing HTML Emails for Use in the Advanced Editor Designing HTML Emails for Use in the Advanced Editor For years, we at Swiftpage have heard a recurring request from our customers: wouldn t it be great if you could create an HTML document, import it into

More information

Creating and Editing a Web Page. Chapter 2 HTML

Creating and Editing a Web Page. Chapter 2 HTML Creating and Editing a Web Page Chapter 2 HTML Chapter Objectives Identify elements of a Web page Start Notepad and describe the Notepad window Enable word wrap in Notepad Enter the HTML tags Enter a centered

More information

EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING

EUROPEAN 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 information

Using an external style sheet with Dreamweaver (CS6)

Using an external style sheet with Dreamweaver (CS6) Using an external style sheet with Dreamweaver (CS6) nigelbuckner.com 2012 This handout explains how to create an external style sheet, the purpose of selector types and how to create styles. It does not

More information

Web Page Design Final Exam Review Page 1 of 7

Web Page Design Final Exam Review Page 1 of 7 Web Page Design Final Exam Review Page 1 of 7 Multiple Choice--Instructions: Circle the correct response. 1. Computers and networks allow people to. a. gather data and information b. analyze data and information

More information

Create Webpages using HTML and CSS

Create Webpages using HTML and CSS KS2 Create Webpages using HTML and CSS 1 Contents Learning Objectives... 3 What is HTML and CSS?... 4 The heading can improve Search Engine results... 4 E-safety Webpage... 5 Creating a Webpage... 6 Creating

More information

Using Style Sheets for Consistency

Using Style Sheets for Consistency Cascading Style Sheets enable you to easily maintain a consistent look across all the pages of a web site. In addition, they extend the power of HTML. For example, style sheets permit specifying point

More information

ADOBE DREAMWEAVER CS3 TUTORIAL

ADOBE 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 information

Adobe Dreamweaver CC 14 Tutorial

Adobe 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 information

Basic Website Maintenance Tutorial*

Basic Website Maintenance Tutorial* Basic Website Maintenance Tutorial* Introduction You finally have your business online! This tutorial will teach you the basics you need to know to keep your site updated and working properly. It is important

More information

If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site.

If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site. Updating a Site in Drupal If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site. You should be able to find your site at a URL similar to

More information

About webpage creation

About 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 information

Lesson Review Answers

Lesson 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 information

Web Editing Basics 2: Reference

Web Editing Basics 2: Reference Web Editing Basics 2: Reference We will be using the sample pages as a reference point for this training. They can be found on the Web Policy site: http://www.umkc.edu/web-policy/downloads.asp TOPICS 1.

More information

ebooks: Exporting EPUB files from Adobe InDesign

ebooks: Exporting EPUB files from Adobe InDesign White Paper ebooks: Exporting EPUB files from Adobe InDesign Table of contents 1 Preparing a publication for export 4 Exporting an EPUB file The electronic publication (EPUB) format is an ebook file format

More information

HTML Notes. How HTML is structured. Sections of an HTML Document. Paired tags. Tag attributes. Page attributes

HTML Notes. How HTML is structured. Sections of an HTML Document. Paired tags. Tag attributes. Page attributes HTML Notes How HTML is structured HTML consists of standard ASCI (American Standard Character Interchange) text surrounded by html tags. Tags are instructions which tell a web browser how to display a

More information

Web Development CSE2WD Final Examination June 2012. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards?

Web Development CSE2WD Final Examination June 2012. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards? Question 1. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards? (b) Briefly identify the primary purpose of the flowing inside the body section of an HTML document: (i) HTML

More information

CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions)

CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions) CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions) Step 1 - DEFINE A NEW WEB SITE - 5 POINTS 1. From the welcome window that opens select the Dreamweaver Site... or from the main

More information

HTML Overview. With an emphasis on XHTML

HTML 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 information

Basic tutorial for Dreamweaver CS5

Basic tutorial for Dreamweaver CS5 Basic tutorial for Dreamweaver CS5 Creating a New Website: When you first open up Dreamweaver, a welcome screen introduces the user to some basic options to start creating websites. If you re going to

More information

How to Properly Compose E-Mail HTML Code : 1

How 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 information

ITD 210 EXAM 1 STUDY GUIDE

ITD 210 EXAM 1 STUDY GUIDE ITD 210 EXAM 1 STUDY GUIDE FINAL EXAM: ADOBE WEB COMMUNICATION USING DREAMWEAVER CS3 OBJECTIVES Domain 1.0 Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website.

More information

450 Study Guide Chaps 1-6

450 Study Guide Chaps 1-6 Name: Class: Date: 450 Study Guide Chaps 1-6 Multiple Choice Identify the choice that best completes the statement or answers the question. 1. An HTTP response is sent from a. the web server to the application

More information

How to code, test, and validate a web page

How to code, test, and validate a web page Chapter 2 How to code, test, and validate a web page Slide 1 Objectives Applied 1. Use a text editor like Aptana Studio 3 to create and edit HTML and CSS files. 2. Test an HTML document that s stored on

More information

Basics of HTML (some repetition) Cascading Style Sheets (some repetition) Web Design

Basics of HTML (some repetition) Cascading Style Sheets (some repetition) Web Design Basics of HTML (some repetition) Cascading Style Sheets (some repetition) Web Design Contents HTML Quiz Design CSS basics CSS examples CV update What, why, who? Before you start to create a site, it s

More information

Below is the toolbar for the Rich Text Editor on the SharePoint Portal.

Below is the toolbar for the Rich Text Editor on the SharePoint Portal. Rich Text Editor Below is the toolbar for the Rich Text Editor on the SharePoint Portal. You will find instructions for using each of these functions on the following pages. 1. Cut 2. Copy 3. Paste 4.

More information

Creating Personal Web Sites Using SharePoint Designer 2007

Creating 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 information

Web Site Construction III: The Web Site. David Gerbing. School of Business Administration. Portland State University

Web Site Construction III: The Web Site. David Gerbing. School of Business Administration. Portland State University Web Site Construction III: The Web Site David Gerbing School of Business Administration Portland State University Table of Contents Typeface Conventions... 3 SECTION III CONSTRUCTING THE WEB SITE... 5

More information

Editing the Main Template Using Microsoft Front Page

Editing the Main Template Using Microsoft Front Page Editing the Main Template Using Microsoft Front Page This is the Solutions for Your Life main template. Below you will find information on how to edit each section. The first thing to realize about Front

More information

Build Your Own Website

Build Your Own Website Build Your Own Website Introduction HyperText Markup Language (HTML) was invented in the early 90 s by Tim Berners-Lee, and today is used on pretty much every single webpage on the internet. It is not

More information

So we're set? Have your text-editor ready. Be sure you use NotePad, NOT Word or even WordPad. Great, let's get going.

So 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 information

Creating an HTML Document Using Macromedia Dreamweaver

Creating 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 information

WHITEPAPER. Skinning Guide. Let s chat. 800.9.Velaro www.velaro.com info@velaro.com. 2012 by Velaro

WHITEPAPER. 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 information

HTML TIPS FOR DESIGNING

HTML TIPS FOR DESIGNING This is the first column. Look at me, I m the second column.

More information

Lab 1.3 Basic HTML. Vocabulary. Discussion and Procedure

Lab 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 information

Introduction to Web Development with Dreamweaver

Introduction to Web Development with Dreamweaver ITS Training Introduction to Web Development with Dreamweaver In this Workshop In this workshop you will be introduced to HTML basics and using Dreamweaver to create and edit web files. You will learn

More information

2. After you have obtained relevant input for your Web site, you can create: a. a validation program. b. HTML. c. images. d. a storyboard.

2. After you have obtained relevant input for your Web site, you can create: a. a validation program. b. HTML. c. images. d. a storyboard. Quiz Handouts-1 Lesson 1 Quiz 1. Site validation should be performed: a. once at the end of the development cycle. b. multiple times throughout the development cycle. c. once at the middle of the development

More information

Caldes CM12: Content Management Software Introduction v1.9

Caldes 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 information

HTML Tags (tutorial 1):

HTML Tags (tutorial 1): HTML Tags (tutorial 1): At the end of this tutorial, you should know the html tags for a template, a paragraph, different headers, lists, and tables. Starting Out: Open your template file. Save it under

More information

Advanced Drupal Features and Techniques

Advanced 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 information

ITP 101 Project 3 - Dreamweaver

ITP 101 Project 3 - Dreamweaver ITP 101 Project 3 - Dreamweaver Project Objectives You will also learn how to make a website outlining your company s products, location, and contact info. Project Details USC provides its students with

More information

Tutorial 1 Getting Started with HTML5. HTML and CSS 6 TH EDITION

Tutorial 1 Getting Started with HTML5. HTML and CSS 6 TH EDITION Tutorial 1 Getting Started with HTML5 HTML and CSS 6 TH EDITION Objectives Explore the history of the Internet, the Web, and HTML Compare the different versions of HTML Study the syntax of HTML tags and

More information

Web Design with Dreamweaver Lesson 4 Handout

Web Design with Dreamweaver Lesson 4 Handout Web Design with Dreamweaver Lesson 4 Handout What we learned Create hyperlinks to external websites Links can be made to open in a new browser window Email links can be inserted onto webpages. When the

More information

CS101 Lecture 07: The World Wide Web and HTML. What You Will Learn Today Computer Science

CS101 Lecture 07: The World Wide Web and HTML. What You Will Learn Today Computer Science CS101 Lecture 07: The World Wide Web and HTML "Anyone who has lost track of time when using a computer knows the propensity to dream, the urge to make dreams come true and the tendency to miss lunch."

More information

Last week we talked about creating your own tags: div tags and span tags. A div tag goes around other tags, e.g.,:

Last 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 information

Dreamweaver Cascading Style Sheets

Dreamweaver Cascading Style Sheets Dreamweaver Cascading Style Sheets Email: training@ ufl.edu Web Page: http://training.health.ufl.edu 2 This page intentionally left blank. Dreamweaver Cascading Style Sheets What are Cascading Style Sheets?...

More information

FETAC Certificate in Multimedia Production. IBaT College Swords. FETAC Certificate in Multimedia Production Web Authoring Dreamweaver 3

FETAC Certificate in Multimedia Production. IBaT College Swords. FETAC Certificate in Multimedia Production Web Authoring Dreamweaver 3 IBaT College Swords FETAC Certificate in Multimedia Production Web Authoring Dreamweaver 3 Lecturer: Cara Martin M.Sc. Lecturer contact details: cmartin@ibat.ie IBaT 2009 Page 1 Cascading Style Sheets

More information

Web Site Construction II: CSS for Style. David Gerbing. School of Business Administration. Portland State University

Web Site Construction II: CSS for Style. David Gerbing. School of Business Administration. Portland State University Web Site Construction II: CSS for Style David Gerbing School of Business Administration Portland State University Table of Contents Typeface Conventions... 3 SECTION II STYLING THE WEB PAGE WITH CSS...

More information

Web Publishing Basics 2

Web Publishing Basics 2 Web Publishing Basics 2 HTML and CSS Coding Jeff Pankin pankin@mit.edu Information Services and Technology Contents Course Objectives... 2 Creating a Web Page with HTML... 3 What is Dreamweaver?... 3 What

More information

Microsoft Word 2007 (Getting Started) Screen Layout

Microsoft Word 2007 (Getting Started) Screen Layout Microsoft Word 2007 (Getting Started) Screen Layout Menus When you begin to explore Word 2007 you will notice a new look to the menu bar. There are three features that you should remember as you work within

More information

Creating 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 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 information

Dreamweaver CS6 Manual

Dreamweaver CS6 Manual Dreamweaver CS6 Manual Joan Weeks SLIS Computer Labs Mgr. March 2013 Topic 1 What is Dreamweaver CS6? Dreamweaver CS6 is a complete website development tool that gives you the ability to create multiple

More information

Web Design & Development - Tutorial 04

Web Design & Development - Tutorial 04 Table of Contents Web Design & Development - Tutorial 04... 1 CSS Positioning and Layout... 1 Conventions... 2 What you need for this tutorial... 2 Common Terminology... 2 Layout with CSS... 3 Review the

More information

Professional & Workgroup Editions

Professional & 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 information

Urban Planet Website Content Management System. Step-by-Step Instructions

Urban 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 information

Contents. Downloading the Data Files... 2. Centering Page Elements... 6

Contents. Downloading the Data Files... 2. Centering Page Elements... 6 Creating a Web Page Using HTML Part 1: Creating the Basic Structure of the Web Site INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 2.0 Winter 2010 Contents Introduction...

More information

Selectors in Action LESSON 3

Selectors in Action LESSON 3 LESSON 3 Selectors in Action In this lesson, you will learn about the different types of selectors and how to use them. Setting Up the HTML Code Selectors are one of the most important aspects of CSS because

More information

Creating Tables in a Web Site Using an External Style Sheet

Creating Tables in a Web Site Using an External Style Sheet HTML 4 Creating Tables in a Web Site Using an External Style Sheet Photo Courtesy of Sabath Mullet Photo Courtesy of Sabath Mullet Objectives You will have mastered the material in this chapter when you

More information

Microsoft Word 2013 Tutorial

Microsoft Word 2013 Tutorial Microsoft Word 2013 Tutorial GETTING STARTED Microsoft Word is one of the most popular word processing programs supported by both Mac and PC platforms. Microsoft Word can be used to create documents, brochures,

More information

2. CSS is an acronym for *a. Cascading Style Sheet b. Costume Style Sheet c. Cascading System Style d. None of the Above

2. CSS is an acronym for *a. Cascading Style Sheet b. Costume Style Sheet c. Cascading System Style d. None of the Above 1. How to define the link should open in new page in HTML? a. Click Here *b. Click Here c.

More information

Cisco Adaptive Security Appliance (ASA) Web VPN Portal Customization: Solution Brief

Cisco 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 information

Interspire Website Publisher Developer Documentation. Template Customization Guide

Interspire Website Publisher Developer Documentation. Template Customization Guide Interspire Website Publisher Developer Documentation Template Customization Guide Table of Contents Introduction... 1 Template Directory Structure... 2 The Style Guide File... 4 Blocks... 4 What are blocks?...

More information

HTML CSS Basic Structure. HTML Structure [Source Code] CSS Structure [Cascading Styles] DIV or ID Tags and Classes. The BOX MODEL

HTML CSS Basic Structure. HTML Structure [Source Code] CSS Structure [Cascading Styles] DIV or ID Tags and Classes. The BOX MODEL HTML CSS Basic Structure HTML [Hypertext Markup Language] is the code read by a browser and defines the overall page structure. The HTML file or web page [.html] is made up of a head and a body. The head

More information

Creating a Resume Webpage with

Creating 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 information

Micro soft Expression Web 4

Micro soft Expression Web 4 University of Texas at Arlington Micro soft Expression Web 4 Beginner s Guide 2011 1 2 Table of Contents UTA Web Pages... 5 Connecting to your Website... 5 Copying files from your Website... 8 To open

More information

JISIS and Web Technologies

JISIS 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 information