HTML4 TUTORIAL PART 2
|
|
- Daniella Howard
- 6 years ago
- Views:
Transcription
1 HTML4 TUTORIAL PART 2 STEP 1 - CREATING A WEB DESIGN FOLDER ON YOUR H DRIVE It will be necessary to create a folder in your H Drive to keep all of your web page items for this tutorial. Follow these steps: 1. On your desktop, click the H Drive icon (the little house). 2. Once inside your H Drive, RIGHT-CLICK somewhere on the white part. 3. Choose New and then Folder. 4. A new folder will appear. Rename it Web Design. STEP 2 OPENING A TEXT EDITOR It s best to use a simple text editor when creating web pages. Popular text editors include Notepad for Windows and SimpleText for Macintosh. All of your HTML documents must be saved as basic text documents or you will see unusual characters on your page (these characters are complicated formatting codes that you don t need). For this tutorial, we will be using Notepad. To open Notepad, select Start / All Programs / Accessories folder and choose Notepad. Use the default font... otherwise, your page might not be correctly interpreted (parsed). STEP 3 CREATING A BASIC HTML DOCUMENT The EIGHT Basic Tags o Every HTML document begins with and ends with o Within these two main tags are two parts to the document: the and <body> o Within the HEAD section are the <title></title> tags. You can type the name of your page between these tags. o The main viewable portion of your Web page is contained between the BODY tags. Make sure you have only one BODY tag in your HTML document. Type the following in your blank Notepad document (use your own name between the TITLE tags). <body>
2 2 Your web browser will ignore any whitespace when it interprets your page so it doesn t matter how many blank lines you have between your tags. From here, you can add more tags, tag attributes, and images, to fancy-up your page. STEP 4 - ADDING SOME TEXT IN THE BODY SECTION As mentioned above, the main viewable portion of your web page is contained between the BODY tags. We will add a simple sentence to your Notepad document. <body> This is my first web page! We have typed enough to actually view this as a web page. We will now save the document and view it in the Internet Explorer browser. Follow these steps to properly save the web page: 1. Choose File / Save As... You will get a window that looks like this:
3 3 2. In the top window, navigate to the Web Design folder you created in your H Drive. Under File name, delete *.txt and type mypage.html. Leave Save as type alone. It should be Text Documents (*.txt). After you save the page, you will see its name at the top of the Notepad document. Make sure it says mypage.html Notepad and not mypage.html.txt Notepad. Do not close the Notepad document when doing the next steps. Leave it open! 3. Now open the Internet Explorer browser from your desktop. Choose File / Open In the new window, click the Browse... button. 5. Navigate to your H Drive and DOUBLE-CLICK on the Web Design folder. 6. You will see your newly saved document mypage.html. 7. DOUBLE-CLICK it and then click on OK in the box. 8. You will see your first web page!! (it s kind of boring but we will fancy it up soon). Your name should be in the top strip of the browser (the head section) and your sentence will appear in the top left of your main window (the body section). Do not close the browser when doing the next steps. Leave it open! STEP 5 - CENTERING AND ADDING A HEADING DESIGNATION tags. Now that we have a basic web page structure, we will begin to fancy up your page with Centering. As shown so far, the default tendency of a web browser is to show text (or images) at the top left of your page. You can tell the browser to center any elements such as text or images by using a CENTER tag. The CENTER tag has a closing tag and should surround anything that you want centered. Go back to your Notepad document and add the following tags in the BODY section. (Note: the closing tag is placed towards the bottom of the document because we want all items centered on the page for this tutorial).
4 4 <body> This is my first web page! It s a good practice to save often when working on a computer, so at this time choose File / Save in your Notepad document (you only need to use Save As... the first time you are saving a document so using Save is fine). Before we see the new effect, let s make your sentence a HEADING by adding HEADING tags. Heading Tags. Headings add titles to sections of a page. HTML defines six levels of headings. Heading tags look like the following: The numbers indicate heading levels (h1 through h6). The headings, when they display, aren t numbered. They display in larger or bolder text so that they stand out from regular text. In HEADING tags, h1 is the largest size and h6 is the smallest. All sizes are relative to the size of the screen on which they are viewed. Heading #1 Heading #2 <h2>this is my first web page!</h2> Heading #3 <h3>this is my first web page!</h3> Heading #4 <h4>this is my first web page!</h4> Heading #5 <h5>this is my first web page!</h5> Heading #6 <h6>this is my first web page!</h6> When text is surrounded by HEADING tags, it is made bold and a blank line is added below the text. The blank line will become evident as you add more text and images to the page. Note that HEADING tags require a closing tag so that the browser knows when to stop affecting the text. Add the following HEADING tags (<h1> </h1>) to your sentence and add another HEADING tag size (<h2> </h2>) to a new sentence as follows:
5 5 <body> Be sure to choose File / Save after making any changes to your Notepad document. Now we can go back to the browser and see the results. Hopefully, you left the browser open so simply click on the Internet Explorer icon to go back to your web page. To see the new changes, you need to REFRESH the browser page. It should now look something like this: STEP 6 - ADDING A SOLID COLOR TO THE BACKGROUND The default background color displayed in a browser is white. You can change the color in the BODY tag by adding an attribute to the tag. Whenever you add an attribute to a tag you must give it a value as follows: <body bgcolor= #FFFF00 > In this example, the attribute is bgcolor and the value is #FFFF00 (Note that values are designated by using an equal sign (=) and the value must be in quotes).
6 6 Color Values on the Web. All colors used on the Web are designated as a particular HEXADECIMAL VALUE. A hexadecimal value is a series of six letters or numbers such as FFFF00 for the color yellow. There are numerous sites to find the hexadecimal value of a particular color. Here are two good sites: and When using hexadecimal values in your HTML tags, it is customary to use a pound sign (#) in front of the value. In the early 1990s, browsers began to become more user-friendly. They began recognizing colors by using actual names of colors: <body bgcolor= yellow > This technique works well for basic colors (red, blue, green, yellow) but the best guarantee to see your desired color is to use its hexadecimal value. Add the following new coding to your Notepad document in the BODY tag. You may use any color for the value by using a color name or the actual hexadecimal value. In the example below, we are using the hexadecimal value for the color yellow. <body bgcolor= #FFFF00 > Make sure that you have only ONE body tag in the Notepad document. You simply add the attribute and value to the existing body tag. Be sure to Save the changes! Now go back to your browser, refresh the page, and view the results.
7 7 STEP 7 - CREATING LINE BREAKS AND USING BASIC TEXT TAGS To illustrate the next point, add the following sentences to your Notepad document. <body bgcolor= #FFFF00 > These tags make my text look bold. These tags make my text look italicized. These tags make my text look underlined. Save the Notepad document and refresh the browser. You will see this:
8 8 This serves as a reminder that the browser ignores any whitespace. You were given a line break after the second sentence as part of the h2 tag, but the remaining sentences showed up in one long line. The browser must be told when to add another line break. To do this, you use the tag. It behaves as if you hit the ENTER key on your keyboard. If you want the lines to be stacked one on top of the other just like you typed them, then you need to add tags: <body bgcolor= #FFFF00 > These tags make my text look bold. These tags make my text look italicized. These tags make my text look underlined.
9 9 The tag is the first tag we ve come across that doesn t have a complimentary closing tag. Also notice that the three sentences are horizontally centered because they are under the effect of the tags we added earlier. In HTML4, you can use tags to add vertical spacing to elements. Type the following to add more space between your sentences: <body bgcolor= #FFFF00 > These tags make my text look bold. These tags make my text look italicized. These tags make my text look underlined.
10 10 Note that tags can be added either way and maintain the same effect because the browser ignores whitespace. It s a good coding practice to make your Notepad document look as close to your browser page, so stacking the tags on top of each other gives you the best idea of how it will look. Now we ll introduce three simple tags that can be used to affect text: <b></b>, <i></i>, and <u></u>. All of these tags should surround the text you want to affect and definitely need the closing component to tell the browser to stop doing the particular effect. Add the following tags to your Notepad document: <body bgcolor= #FFFF00 > These tags make my text look <b>bold</b>. These tags make my text look <i>italicized</i>. These tags make my text look <u>underlined</u>.
11 Notice that the surrounding <b></b> tags made the particular word bold, the surrounding <i></i> tags made the particular word italicized, and the surrounding <u></u> tags made the particular word underlined. You can use one, two, or all three tags around text if you want. Just be sure to close them when you are done with the effect! 11
Very Basics of HTML. G day mates during this tutorial I will teach you the basics of HTML.
Very Basics of HTML Basics of HTML G day mates during this tutorial I will teach you the basics of HTML. Frequently Asked Questions What does HTML actually stand for? HTML stands for Hyper Text Markup
More informationHomework #1: SSH. Step 1: From the start button (lower left hand corner) type Secure. Then click on the Secure Shell File Transfer Client.
Homework #1: SSH Due WEEK 3 at the BEGINNING of lab CSE 3, Spring 2018 A. The program Some students had trouble using this program in the past. It isn t too bad if you just take a few minutes to read and
More informationClass 7. Choose the correct answer:
Class 7 Choose the correct answer: 1. The most popular services of the Internet is a) Network b) WWW c) HTML d) None of these 2. The language used for designing web page is a) BASIC b) JAVA c) HTML d)
More informationUnit 5 Web Publishing Systems Page 1 of 13 Part 4 HTML Part 4
Unit 5 Web Publishing Systems Page 1 of 13 Part 4 HTML 4.01 Version: 4.01 Transitional Hypertext Markup Language is the coding behind web publishing. In this tutorial, basic knowledge of HTML will be covered
More informationIt is possible to create webpages without knowing anything about the HTML source behind the page.
What is HTML? HTML is the standard markup language for creating Web pages. HTML is a fairly simple language made up of elements, which can be applied to pieces of text to give them different meaning in
More informationHTML BASICS. You can use cut and paste in Notepad as with most applications - Ctrl + C to copy,ctrl + X to cut, Ctrl + V to paste.
HTML BASICS First create a NEW folder called HTML on your computer inside a new folder called HTML. ALL your HTML assignments will be saved there. If you are running Windows, start Notepad. Notepad is
More informationThis document provides a concise, introductory lesson in HTML formatting.
Tip Sheet This document provides a concise, introductory lesson in HTML formatting. Introduction to HTML In their simplest form, web pages contain plain text and formatting tags. The formatting tags are
More informationEng 110, Spring Week 03 Lab02- Dreamwaver Session
Eng 110, Spring 2008 Week 03 Lab02- Dreamwaver Session Assignment Recreate the 3-page website you did last week by using Dreamweaver. You should use tables to control your layout. You should modify fonts,
More informationFIT 100 LAB Activity 3: Constructing HTML Documents
FIT 100 LAB Activity 3: Constructing HTML Documents Winter 2002.pdf version of this lab (may be better formatted) Required Reading for Lab 3 Chapter 4 of the FIT course pack Additional helpful references
More informationCSS worksheet. JMC 105 Drake University
CSS worksheet JMC 105 Drake University 1. Download the css-site.zip file from the class blog and expand the files. You ll notice that you have an images folder with three images inside and an index.html
More informationAll Creative Designs. Basic HTML for PC Tutorial Part 1 Using MS Notepad (Version May 2013) My First Web Page
All Creative Designs Basic HTML for PC Tutorial Part 1 Using MS Notepad (Version May 2013) My First Web Page Step by step instructions to build your first web page Brief Introduction What is html? The
More informationHTML OBJECTIVES WHAT IS HTML? BY FAITH BRENNER AN INTRODUCTION
HTML AN INTRODUCTION BY FAITH BRENNER 1 OBJECTIVES BY THE END OF THIS LESSON YOU WILL: UNDERSTAND HTML BASICS AND WHAT YOU CAN DO WITH IT BE ABLE TO USE BASIC HTML TAGS BE ABLE TO USE SOME BASIC FORMATTING
More informationIntro to Microsoft Word
Intro to Microsoft Word A word processor is a computer program used to create and print text documents that might otherwise be prepared on a typewriter. The key advantage of a word processor is its ability
More informationAuthoring World Wide Web Pages with Dreamweaver
Authoring World Wide Web Pages with Dreamweaver Overview: Now that you have read a little bit about HTML in the textbook, we turn our attention to creating basic web pages using HTML and a WYSIWYG Web
More informationHTML. Hypertext Markup Language. Code used to create web pages
Chapter 4 Web 135 HTML Hypertext Markup Language Code used to create web pages HTML Tags Two angle brackets For example: calhoun High Tells web browser ho to display page contents Enter with
More information**Method 3** By attaching a style sheet to your web page, and then placing all your styles in that new style sheet.
CSS Tutorial Part 1: Introduction: CSS adds style to tags in your html page. With HTML you told the browser what things were (e.g., this is a paragraph). Now you are telling the browser how things look
More informationCreating A Web Page. Computer Concepts I and II. Sue Norris
Creating A Web Page Computer Concepts I and II Sue Norris Agenda What is HTML HTML and XHTML Tags Required HTML and XHTML Tags Using Notepad to Create a Simple Web Page Viewing Your Web Page in a Browser
More informationMaterials for SOS Workshop No. 1 Getting more out of Microsoft Office Word
Materials for SOS Workshop No. 1 Getting more out of Microsoft Office Word SOS Workshop Series 2014 Materials in Support of SOS Workshop No. 1 Updated 3 March 2014 Prepared by Karen Spear Ellinwood, PhD,
More informationStart by launching Mozilla To start making a web page, go to File -> New -> Composer Page
Creating a Web Page using Mozilla Composer- A Free Open Source Application Emily Hebard IT Lab School of Information University of Texas at Austin Spring 2003 Objectives Orient to the Mozilla Composer
More informationOU EDUCATE TRAINING MANUAL
OU EDUCATE TRAINING MANUAL OmniUpdate Web Content Management System El Camino College Staff Development 310-660-3868 Course Topics: Section 1: OU Educate Overview and Login Section 2: The OmniUpdate Interface
More informationBoise State University. Getting To Know FrontPage 2000: A Tutorial
Boise State University Getting To Know FrontPage 2000: A Tutorial Writers: Kevin Gibb, Megan Laub, and Gayle Sieckert December 19, 2001 Table of Contents Table of Contents...2 Getting To Know FrontPage
More informationDeveloping a Basic Web Page
Developing a Basic Web Page Creating a Web Page for Stephen Dubé s Chemistry Classes 1 Objectives Review the history of the Web, the Internet, and HTML Describe different HTML standards and specifications
More informationFundamentals of Website Development
Fundamentals of Website Development CSC 2320, Fall 2015 The Department of Computer Science Chapter 4: Creating a Simple Page An introduction to (X)HTML elements and attributes A step-by-step demo for simple
More informationI put a shortcut onto your desktop, the screen that you look at after you log in.
In this lesson, you ll learn to create your first program. I put a shortcut onto your desktop, the screen that you look at after you log in. When you double-click on this shortcut, a folder will open.
More informationCreating an HTML file (Mac)
writing html on a macintosh Creating an HTML file (Mac) All HTML files are text files. To create a text file you need an application that allows you to create plain text without throwing in a lot of fancy
More informationCreating Web Pages Using Netscape Composer AGENDA FOR THIS WORKSHOP. 1. How does it all work? 2. What do I need to get started at Fairfield?
Creating Web Pages Using Netscape Composer AGENDA FOR THIS WORKSHOP 1. How does it all work? 2. What do I need to get started at Fairfield? 3. What is HTML coding? 4. The 10 HTML Tags that you should know.
More informationSite Owners: Cascade Basics. May 2017
Site Owners: Cascade Basics May 2017 Page 2 Logging In & Your Site Logging In Open a browser and enter the following URL (or click this link): http://mordac.itcs.northwestern.edu/ OR http://www.northwestern.edu/cms/
More informationThere are six main steps in creating web pages in FrontPage98:
This guide will show you how to create a basic web page using FrontPage98 software. These instructions are written for IBM (Windows) computers only. However, FrontPage is available for Macintosh users
More informationAll Creative Designs. Basic HTML for PC Tutorial Part 2 Using MS Notepad Revised Version May My First Web Page
All Creative Designs Basic HTML for PC Tutorial Part 2 Using MS Notepad Revised Version May 2013 My First Web Page This tutorial will add backgrounds to the table and body, font colors, borders, hyperlinks
More informationUSING DRUPAL. Hampshire College Website Editors Guide https://drupal.hampshire.edu
USING DRUPAL Hampshire College Website Editors Guide 2014 https://drupal.hampshire.edu Asha Kinney Hampshire College Information Technology - 2014 HOW TO GET HELP Your best bet is ALWAYS going to be to
More informationUnderstanding structure Learning about markup Tags and elements. Structure COPYRIGHTED MATERIAL
XX XX XX Understanding structure Learning about markup Tags and elements 1 Structure COPYRIGHTED MATERIAL We come across all kinds of documents every day of our lives. Newspapers, insurance forms, shop
More informationUsing Dreamweaver CC. Logo. 4 Creating a Template. Page Heading. Page content in this area. About Us Gallery Ordering Contact Us Links
Using Dreamweaver CC 4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan shown below.
More informationWebsite Development Komodo Editor and HTML Intro
Website Development Komodo Editor and HTML Intro Introduction In this Lecture and Tour we will cover: o Use of the editor that will be used for the Website Development and Javascript Programming sections
More informationLearning More About NetObjects Matrix Builder 1
Learning More About NetObjects Matrix Builder 1 NetObjects Matrix Builder is a service that hosts your Web site, makes it easy to update, and helps you interact with visitors. NetObjects Matrix Builder
More informationNCMail: Microsoft Outlook User s Guide
NCMail: Microsoft Outlook 2007 Email User s Guide Revision 1.1 3/9/2009 This document covers how to use Microsoft Outlook 2007 for accessing your email with the NCMail Exchange email system. The syntax
More informationLesson 1 Excel Tutorial Learning how to use Microsoft Excel 2010 page 1
Lesson 1 Excel Tutorial Learning how to use Microsoft Excel 2010 page 1 Step 1: When you first open up Excel 2010, this is what you will see. This is considered an Excel worksheet. Step 2: Notice the bottom
More informationINTRODUCTION (1) Recognize HTML code (2) Understand the minimum requirements inside a HTML page (3) Know what the viewer sees and the system uses
Assignment Two: The Basic Web Code INTRODUCTION HTML (Hypertext Markup Language) In the previous assignment you learned that FTP was just another language that computers use to communicate. The same holds
More informationImagery International website manual
Imagery International website manual Prepared for: Imagery International Prepared by: Jenn de la Fuente Rosebud Designs http://www.jrosebud.com/designs designs@jrosebud.com 916.538.2133 A brief introduction
More informationProgramming In Java Prof. Debasis Samanta Department of Computer Science and Engineering Indian Institute of Technology, Kharagpur
Programming In Java Prof. Debasis Samanta Department of Computer Science and Engineering Indian Institute of Technology, Kharagpur Lecture - 06 Demonstration II So, in the last lecture, we have learned
More informationRunning Wordstar 6 on Windows 7 Using vdos
Running Wordstar 6 on Windows 7 Using vdos Thanks to Dennis McCunney for helping me learn how to set vdos up. DISCLAIMER #1: As explained below, I am running Wordstar 6 for DOS on a Windows 7 (64- bit)
More informationTitle and Modify Page Properties
Dreamweaver After cropping out all of the pieces from Photoshop we are ready to begin putting the pieces back together in Dreamweaver. If we were to layout all of the pieces on a table we would have graphics
More informationEnhancing your Page. Text Effects. Paragraph Effects. Headings
Enhancing your Page You can make your pages more visually appealing and organize page content by using text effects, paragraph effects, macros, images, tables, etc. To begin, select the "Edit" button for
More informationCafé Soylent Green Chapter 12
Café Soylent Green Chapter 12 This version is for those students who are using Dreamweaver CS6. You will be completing the Forms Tutorial from your textbook, Chapter 12 however, you will be skipping quite
More informationPYTHON YEAR 10 RESOURCE. Practical 01: Printing to the Shell KS3. Integrated Development Environment
Practical 01: Printing to the Shell To program in Python you need the latest version of Python, which is freely available at www.python.org. Your school will have this installed on the computers for you,
More information16A. Laboratory. First Steps in HTML. Objective. References. Learn some basic HTML concepts. Make a simple web page.
Laboratory First Steps in HTML 16A Objective Learn some basic HTML concepts. Make a simple web page. References Software needed: 1) A basic text editor (for example, NotePad on a PC or SimpleText on a
More informationTutorial. Activities. Code o o. Editor: Notepad Focus : Text manipulation & webpage skeleton. Open Notepad
Tutorial Activities Code o o Editor: Notepad Focus : Text manipulation & webpage skeleton Open Notepad Click in the search bar and type notepad to load it up, you should see something like this: Type in
More informationDreamweaver Publishing and Editing Files. Outline
Outline Before you begin... 1 Important Note... 1 Location of Files in Dreamweaver... 2 Local and Remote Files... 2 Local view... 2 Remote View... 2 Publish a entire Brand New Site... 3 Dependent Files
More informationUsing WebBoard at UIS
Using WebBoard at UIS Accessing your WebBoard Course...3 Logging in to WebBoard...3 Understanding the WebBoard Environment...4 The Menubar...5 The Conferences Menu...5 Conferences...5 Topics...6 Messages
More informationTitle and Modify Page Properties
Dreamweaver After cropping out all of the pieces from Photoshop we are ready to begin putting the pieces back together in Dreamweaver. If we were to layout all of the pieces on a table we would have graphics
More informationCreating an with Constant Contact. A step-by-step guide
Creating an Email with Constant Contact A step-by-step guide About this Manual Once your Constant Contact account is established, use this manual as a guide to help you create your email campaign Here
More informationm ac romed ia D r e a mw e av e r Curriculum Guide
m ac romed ia D r e a mw e av e r Curriculum Guide 1997 1998 Macromedia, Inc. All rights reserved. Macromedia, the Macromedia logo, Dreamweaver, Director, Fireworks, Flash, Fontographer, FreeHand, and
More informationTo create, upload, share, or view shared files through Google Apps, go to Documents in the black bar above.
To create, upload, share, or view shared files through Google Apps, go to Documents in the black bar above. This will open another tab in your browser. Here you will see all files you own or that are shared
More informationIntroduction to Cascade Server (web content management system) Logging in to Cascade Server Remember me Messages Dashboard Home
Introduction to Cascade Server (web content management system) Last Updated on Jul 14th, 2010 The College of Charleston's web site is being produced using a Content Management System (CMS) called Cascade
More informationUsing CSS in Web Site Design
Question 1: What are some of the main CSS commands I should memorize? Answer 1: The most important part of understanding the CSS language is learning the basic structure and syntax so you can use the language
More informationHow to Prepare Your Cards for Press Using InDesign
How to Prepare Your Cards for Press Using InDesign This Tutorial is Divided into Sections: 1. What do I Need? What is InDesign? 2. How to start a new document with InDesign (the template explained) 3.
More informationCAL 9-2: Café Soylent Green Chapter 12
CAL 9-2: Café Soylent Green Chapter 12 This version is for those students who are using Dreamweaver CC. You will be completing the Forms Tutorial from your textbook, Chapter 12 however, you will be skipping
More informationNatick High Web Design
C S 5 INTRODUCTION TO WEB DESIGN DREAMWEAVER Natick High Web Design S h a r L e a r n Explore e Creating a Page in Dreamweaver A D O B E C R E AT I V E Dreamweaver SUITE CS5 Adobe Dreamweaver is primarily
More informationDreamweaver Basics Workshop
Dreamweaver Basics Workshop Robert Rector idesign Lab - Fall 2013 What is Dreamweaver? o Dreamweaver is a web development tool o Dreamweaver is an HTML and CSS editor o Dreamweaver features a WYSIWIG (What
More informationCreating an with Constant Contact. A step-by-step guide
Creating an Email with Constant Contact A step-by-step guide About this Manual Once your Constant Contact account is established, use this manual as a guide to help you create your email campaign Here
More informationWeb Page Creation Part I. CS27101 Introduction to Web Interface Design Prof. Angela Guercio
Web Page Creation Part I CS27101 Introduction to Web Interface Design Prof. Angela Guercio Objective In this lecture, you will learn: What HTML is and what XHTML is How to create an (X)HTML file The (X)HTML
More informationThis Tutorial is for Word 2007 but 2003 instructions are included in [brackets] after of each step.
This Tutorial is for Word 2007 but 2003 instructions are included in [brackets] after of each step. Table of Contents Get Organized... 1 Create the Home Page... 1 Save the Home Page as a Word Document...
More information16B. Laboratory. Linking & Images in HTML. Objectives. References
Laboratory Linking & Images in HTML 16B Objectives Expand on the basic HTML skills you learned in Lab 16A. Work with links and images in HTML. References Lab 16A must be completed before working on this
More informationCreating a new project To start a new project, select New from the File menu. The Select Insert dialog box will appear.
Users Guide Creating a new project To start a new project, select New from the File menu. The Select Insert dialog box will appear. Select an insert size When creating a new project, the first thing you
More information2013 edition (version 1.1)
2013 edition (version 1.1) Contents 1 Introduction... 3 2 Signing in to your Office 365 account... 3 2.1 Acceptable Use Policy and Terms of Use... 4 3 Setting your profile and options... 4 3.1 Settings:
More informationBasic Intro to ETO Results
Basic Intro to ETO Results Who is the intended audience? Registrants of the 8 hour ETO Results Orientation (this training is a prerequisite) Anyone who wants to learn more but is not ready to attend the
More informationThis booklet is knowledge of. a web page. of a web page find what you. you want to. SiteSell offers. Introduction
From www.basic computerskills.com/ Thank you for downloading this freee Booklet. This booklet is intended for people, who want to start out with their own web site or just want to get the basic knowledge
More informationFRONTPAGE STEP BY STEP GUIDE
IGCSE ICT SECTION 15 WEB AUTHORING FRONTPAGE STEP BY STEP GUIDE Mark Nicholls ICT lounge P a g e 1 Contents Introduction to this unit.... Page 4 How to open FrontPage..... Page 4 The FrontPage Menu Bar...Page
More informationFCKEditor v1.0 Basic Formatting Create Links Insert Tables
FCKEditor v1.0 This document goes over the functionality and features of FCKEditor. This editor allows you to easily create XHTML compliant code for your web pages in Site Builder Toolkit v2.3 and higher.
More informationInstructions for Installing FlashUpdate and Downloading Updates for NPRT 2200 Noise Power Ratio Test Set
Instructions for Installing FlashUpdate and Downloading Updates for NPRT 2200 Noise Power Ratio Test Set Updates to the instrument firmware are available from the Applied Instruments website. Requirements
More informationAssignment 0. Nothing here to hand in
Assignment 0 Nothing here to hand in The questions here have solutions attached. Follow the solutions to see what to do, if you cannot otherwise guess. Though there is nothing here to hand in, it is very
More informationChapter 7. Joining Maps to Other Datasets in QGIS
Chapter 7 Joining Maps to Other Datasets in QGIS Skills you will learn: How to join a map layer to a non-map layer in preparation for analysis, based on a common joining field shared by the two tables.
More informationUnit 21 - Creating a Navigation Bar in Macromedia Fireworks
Unit 21 - Creating a Navigation Bar in Macromedia Fireworks Items needed to complete the Navigation Bar: Unit 21 - House Style Unit 21 - Graphics Sketch Diagrams Document ------------------------------------------------------------------------------------------------
More informationGoogle Earth: Significant Places in Your Life Got Maps? Workshop June 17, 2013
Google Earth: Significant Places in Your Life Got Maps? Workshop June 17, 2013 1. Open Google Earth. 2. Familiarize yourself with Google Earth s navigational features by zooming into Furman s campus, your
More informationMicrosoft Expression Web Quickstart Guide
Microsoft Expression Web Quickstart Guide MS-Expression Web Quickstart Guide Page 1 of 24 Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program,
More informationCS Multimedia and Communications REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB!
CS 1033 Multimedia and Communications REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB! Lab 06: Introduction to KompoZer (Website Design - Part 3 of 3) Lab 6 Tutorial 1 In this lab we are going to learn
More informationIn this project, you will create a showcase of your HTML projects and learn about links and embedding resources.
Project Showcase Introduction In this project, you will create a showcase of your HTML projects and learn about links and embedding resources. Step 1: Adding Links to Webpages Text links allow you to click
More informationStep 1 Download and Install KompoZer Step by step instructions to build your first web page using KompoZer web editor.
All Creative Designs HTML Web Tutorial for PC Using KompoZer New version 2012 now available at: http://www.allcreativedesigns.com.au/pages/tutorials.html Step 1 Download and Install KompoZer Step by step
More informationAudio is in normal text below. Timestamps are in bold to assist in finding specific topics.
Transcript of: Overview of Data Entry Video production date: April 2, 2012 Video length: 16:05 REDCap version featured: 4.7.1 (standard branch) Author: Veida Elliott, Vanderbilt University Medical Center,
More informationTutorial 2 - HTML basics
Tutorial 2 - HTML basics Developing a Web Site The first phase in creating a new web site is planning. This involves determining the site s navigation structure, content, and page layout. It is only after
More informationCreating Pages with the CivicPlus System
Creating Pages with the CivicPlus System Getting Started...2 Logging into the Administration Side...2 Icon Glossary...3 Mouse Over Menus...4 Description of Menu Options...4 Creating a Page...5 Menu Item
More informationA Document Created By Lisa Diner Table of Contents Western Quebec School Board October, 2007
Table of Contents A Document Created By Lisa Diner Western Quebec School Board October, 2007 Table of Contents Some Basics... 3 Login Instructions... 4 To change your password... 6 Options As You Login...
More informationBasic Microsoft Word
(Demonstrated using Windows XP) An Introduction to Word Processing Adapted from Taskstream Word Tutorial (2005) < http://www.taskstream.com > Updated 4/05 by Dr. Bruce Ostertag What can Microsoft Word
More informationAPPENDIX THE TOOLBAR. File Functions
APPENDIX THE TOOLBAR Within the WYSIWYG editor, there are a variety of functions available to the user to properly update the page. Below is a list of all the functions available. Keep in mind that the
More informationAn Introductory Guide to SpecTRM
An Introductory Guide to SpecTRM SpecTRM (pronounced spectrum and standing for Specification Tools and Requirements Methodology) is a toolset to support the specification and development of safe systems
More informationAGENT123. Full Q&A and Tutorials Table of Contents. Website IDX Agent Gallery Step-by-Step Tutorials
AGENT123 Full Q&A and Tutorials Table of Contents Website IDX Agent Gallery Step-by-Step Tutorials WEBSITE General 1. How do I log into my website? 2. How do I change the Meta Tags on my website? 3. How
More informationPBwiki Basics Website:
Website: http://etc.usf.edu/te/ A wiki is a website that allows visitors to edit or add their own content to the pages on the site. The word wiki is Hawaiian for fast and this refers to how easy it is
More informationc122jan2714.notebook January 27, 2014
Internet Developer 1 Start here! 2 3 Right click on screen and select View page source if you are in Firefox tells the browser you are using html. Next we have the tag and at the
More informationHow To Upload Your Newsletter
How To Upload Your Newsletter Using The WS_FTP Client Copyright 2005, DPW Enterprises All Rights Reserved Welcome, Hi, my name is Donna Warren. I m a certified Webmaster and have been teaching web design
More informationUsing Dreamweaver CS6
6 So far we have used CSS to arrange the elements on our web page. We have also used CSS for some limited formatting. In this section we will take full advantage of using CSS to format our web site. Just
More informationHow to make a Work Profile for Windows 10
How to make a Work Profile for Windows 10 Setting up a new profile for Windows 10 requires you to navigate some screens that may lead you to create the wrong type of account. By following this guide, we
More informationCivil Engineering Computation
Civil Engineering Computation First Steps in VBA Homework Evaluation 2 1 Homework Evaluation 3 Based on this rubric, you may resubmit Homework 1 and Homework 2 (along with today s homework) by next Monday
More informationOutlook Web Access. In the next step, enter your address and password to gain access to your Outlook Web Access account.
Outlook Web Access To access your mail, open Internet Explorer and type in the address http://www.scs.sk.ca/exchange as seen below. (Other browsers will work but there is some loss of functionality) In
More informationTEACHER QUICK GUIDE FOR EDLINE
TEACHER QUICK GUIDE FOR EDLINE TEACHER QUICK GUIDE FOR EDLINE CLICK HELP AT THE TOP OF ANY PAGE ON EDLINE TO LEARN HOW TO USE THAT PAGE. Before using either Edline or GradeQuick, your account must be activated.
More informationExcel 2010: Basics Learning Guide
Excel 2010: Basics Learning Guide Exploring Excel 2010 At first glance, Excel 2010 is largely the same as before. This guide will help clarify the new changes put into Excel 2010. The File Button The purple
More informationLAB 3 CSE 3, Spring 2018 In this lab you will learn and implement some basic html.
LAB 3 CSE 3, Spring 2018 In this lab you will learn and implement some basic html. Enabling file extensions in Windows Explorer Always remember to enable file extensions like we ve done in the first lab.
More informationGoLive will first ask you if your new site will be for one individual or a work group; select for a Single User, and click Next.
Getting Started From the Start menu, located the Adobe folder which should contain the Adobe GoLive 6.0 folder. Inside this folder, click Adobe GoLive 6.0. GoLive will open to its initial project selection
More informationAdobe Dreamweaver CC 17 Tutorial
Adobe Dreamweaver CC 17 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 informationCreating Word Outlines from Compendium on a Mac
Creating Word Outlines from Compendium on a Mac Using the Compendium Outline Template and Macro for Microsoft Word for Mac: Background and Tutorial Jeff Conklin & KC Burgess Yakemovic, CogNexus Institute
More informationEditing the Home Page
Editing the Home Page Logging on to Your Web site 1. Go to https://extension.usu.edu/admin/ 2. Enter your Login and Password. 3. Click Submit. If you do not have a login and password you can request one
More informationEnd-User Reference Guide Troy University OU Campus Version 10
End-User Reference Guide Troy University OU Campus Version 10 omniupdate.com Table of Contents Table of Contents... 2 Introduction... 3 Logging In... 4 Navigating in OU Campus... 6 Dashboard... 6 Content...
More information