ITNP43 HTML Practical 1 Write Your Own Web Page

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "ITNP43 HTML Practical 1 Write Your Own Web Page"

Transcription

1 ITNP43 HTML Practical 1 Write Your Own Web Page LEARNING OUTCOMES By the end of this practical you should be able to create a simple web page by writing HTML using a simple text editor, TextPad. You will be able to specify and format: Page titles Headings Paragraphs Inline images SUPPORTING DOCUMENTATION There are lots of links to information about HTML on the ITNP43 resources page ( or you can search for some yourself. A particularly useful link is w3schools XHTML tutorial located at: Validation of your HTML can be done at: Courtesy of VisiBone ( a quick popup of all HTML tags and a useful hexadecimal-to-colour converter can be found at: There are many many web sites which offer free "clip art", where you can obtain images that you can use in your web pages. For example see: GETTING STARTED Although it is possible to created web pages using a WYSIWYG tool such as Adobe Dreamweaver or even Microsoft Word, such tools do not provide the level of control of detail that may be necessary. Sometimes you really just need to get your hands dirty and get into the HTML code in order to produce the document you really want. You will learn to write your own HTML documents. You should finish this worksheet with an appreciation of how the HTML code relates to the finished output displayed in a web browser. Go to Groups\ITNP43 (V drive, inside Computer) and run the setweb program (double click it). This has the effect of creating a folder called Web in your Documents folder, with particular access permissions. DEPARTMENT OF COMPUTING SCIENCE & MATHEMATICS PAGE 1 OF 6

2 This folder is important! Do not delete it. This is where you must store your HTML files and associated files if they are to be accessible via the web (by specifying a URL in a web browser). To start you off we ve provided a template web page. Copy the folder WWW1 file from the Groups\ITNP43\ folder into your Web folder in your home folder. It contains template.html (and some other files). This worksheet will take you through some modifications to the file template.html, using the text editor TextPad to make the modifications. (You may use Notepad if you prefer, but TextPad uses colouring to help identify the structure of an HTML document). Start up TextPad. (You ll find it in Start->All Programs Start is the big button in the bottom left hand corner. TextPad might be under Applications, if you do not see it straight away) Using TextPad is quite straightforward. It is a bit like a word processor, but not as sophisticated; it s much simpler than Word. You will just be typing in text and saving it. You will not do any text formatting in TextPad itself. All HTML documents are simply text files. Open up the file template.html in TextPad. Now you can see the HTML source for the web page. How do you view this in the browser? Start up a web browser e.g. Internet Explorer. Type the URL for your template page into the address/location box and press Return. (For example, for user Susan J Bloggs, whose username is sjb001, the URL will be The ~sjb001 is the way that your Web folder is identified in a URL. You may store your HTML files in folders within your Web folder if you wish (it's a good idea to keep them well-organised!). Notice that you can specify files within folders, and also that the browser translates this URL into something slightly different. Now let s customize this page. We ll start by making some very simple changes to the page, but once you ve done these you can make the page as complicated as you like! A tip: Set Configure: Word Wrap in TextPad so the text doesn t head off to the right of your window. DEPARTMENT OF COMPUTING SCIENCE & MATHEMATICS PAGE 2 OF 6

3 Change the Page Title Make the title reflect what the page is about: call it An HTML Exercise. Remember, the title of the page is defined by the <title> tag. Replace the text between the <title> tags ( A Simple HTML Page ) by the text An HTML Exercise. Save the file (File:Save). Check the appearance of the file in the browser by clicking F5 (View:Refresh) in Explorer. Adding Content to the Body of the Page So far so good, but we also need some content. Content in the web page goes in between the <body> tags. All of the following requires you to add HTML tags after the <body> tag and before the </body> closing tag. Page Heading Usually it s a good idea to make the top level heading the same as the title. Add the heading <h1> An HTML Exercise</h1> You might find <h1> headings rather big. Try <h2> and <h3> headings as alternatives. Save your work at all stages, and keep checking what it looks like in the browser. Add some formatting and more information Now add some more information (it doesn't matter what) to the body of your document. For example Say that you are a student Write about where you come from Say what you are studying (don t forget to mention ITNP43!) Write about your interests Don t forget that paragraphs start with <p> and finish with </p>. You could add extra headings, too, to separate different subjects. Go ahead and do it! (you do not have to include real information.) Text Styles Tags can be used to specify how bits of text are displayed e.g. whether they should be emphasised in a special way or not. Try enclosing a few words with <em> </em> or <strong> </strong> DEPARTMENT OF COMPUTING SCIENCE & MATHEMATICS PAGE 3 OF 6

4 You can try nesting different effects, too, to see how they combine. If you have forgotten what tags are available, then have a look at your lecture notes or try the w3schools tutorial. HTML is not really designed for specifying styles, or other presentation features such as fonts and colour. Later in the module we will see how to add these things to our web page via the use of style sheets. Link it up! Links are created using anchor tags, <a > </a>. We can also use anchors to link to other web pages. Create a link from where you typed ITNP43 to the ITNP43 home page by surrounding ITNP43 with an anchor: Replace the ITNP43 that you have already typed in your text by: <a href=" Save your page, refresh it in the browser (F5), and click this link. Your browser will change to the home page for ITNP43. To get back to your page, click the browser s Back button. Pretty Pictures One way to make your page look better is to add graphics. There are some GIFs in the Groups\ITNP43\Pix folder and on the pictures link on the ITNP43 practicals web page, but feel free to download your own from other sites (as long as they are not copyright protected.) Inline images can be included anywhere in your document using the <img> tag. Try including <img src= filename.gif alt= description > (where filename is one of the files in your Web folder) or <img src= Pix/filename.gif alt= description > (if you have stored your image files in a subfolder called Pix) somewhere suitable in your document. Don t forget to use the alt attribute to add a suitable short description of your image. Try different images. Some of the ones provided are animated GIFs that provide a simple moving image. Why use HTML at all? Open the document testpage1.html in Internet Explorer (IE) and also in TextPad. What do you see? Browsers try to interpret whatever they are given, even if it doesn t include all the right tags. What has happened is that, because the file is called testpage1.html, that is, it has a filename extension of.html, IE has assumed that the content of the file is HTML. In addition, IE has assumed, in the absence of any HTML tags, that the content represents the body of the page. DEPARTMENT OF COMPUTING SCIENCE & MATHEMATICS PAGE 4 OF 6

5 Add suitable HTML tags to testpage1.html so that it is displayed in a more sensible layout (use template.html as a guide). The next exercise is about making deliberate mistakes in your HTML to find out how tolerant IE is. Of course it would be better to have correct HTML. More on this in a moment. Open testpage2.html in both IE and TextPad. Make the following HTML errors one at a time, looking at the effect, and then correcting them immediately. (You can always get another copy of testpage2.html from the Groups folder.) In each case the browser will do its best to display something sensible it is quite tolerant. Which errors can your browser cope with? Miss out the > after <h1 Miss out the < before /h1> Insert a level 1 header completely inside a level 2 header. What happens? Now take out the first <h1> tag. Is it the same? Make two start/end tag pairs cross over in an invalid manner, for example: <strong> <p> </strong> </p> Miss out the <html> and <body> tags Miss out the </html> and </body> tags Validating Your HTML A very useful website that will check the correctness of your HTML for you is: Open this site in your browser window (using a new Tab, if you like). When it loads, either type in the URL (URI) of your first page (template.html) or select Browse Now click on the Validate button and after a pause (during which the W3C server fetches your home page and analyses it) you will get a report on the screen you will probably need to scroll down to see the whole report. IF you have errors reported try to fix them (by editing the HTML of your page using TextPad). After you think that you have fixed the problems, click the Revalidate button on the report page and see if all is then OK if not, then try again! Try another page: testpage2.html. You will probably see a number of complaints reported (a mixture of errors and warnings): Some will be because the document type is not declared. The validator tries HTML 4.01 Transitional as a default. You need to put something at the start of your document to indicate it is HTML5. Look back at template.html and see if you can add the required fix to testpage2.html. Revalidate it when you have made the change. DEPARTMENT OF COMPUTING SCIENCE & MATHEMATICS PAGE 5 OF 6

6 The other issue is that no character encoding was detected. As above, see if you can fix this by again referring back to template.html. You could try validating other pages to check the quality of their HTML content (for example, Stirling University home page ( Bruce Graham s university home page ( the department home page, ). CAUTION: If you ask the validator to check a page that needs a username and password to authorise the access (e.g. some lecture notes pages), then it will ask you to tell it your username and password so that it can pass them on to the server actually needing the username and password this in general is not a good idea, so, if it happens, click on cancel (and read the explanation that you will see on the screen it s quite well written). That s it for now. But you will learn by experimenting, so try out other things. Just one footnote: whenever you are creating your own HTML files, DO NOT use spaces in your filenames. Spaces can cause problems when typing in the URL on browsers. DEPARTMENT OF COMPUTING SCIENCE & MATHEMATICS PAGE 6 OF 6

CSC9B2 Spring 2015 Web Design Practical 1: Introduction to HTML 5

CSC9B2 Spring 2015 Web Design Practical 1: Introduction to HTML 5 CSC9B2 Spring 2015 Web Design Practical 1: Introduction to HTML 5 AIM To learn the basics of creating web pages with HTML5. Remember to register your practical attendance. This sheet contains one checkpoint.

More information

Microsoft Expression Web

Microsoft Expression Web Microsoft Expression Web Microsoft Expression Web is the new program from Microsoft to replace Frontpage as a website editing program. While the layout has changed, it still functions much the same as

More information

Using Microsoft Word. Working With Objects

Using Microsoft Word. Working With Objects Using Microsoft Word Many Word documents will require elements that were created in programs other than Word, such as the picture to the right. Nontext elements in a document are referred to as Objects

More information

Using Microsoft Word. Working With Objects

Using Microsoft Word. Working With Objects Using Microsoft Word Many Word documents will require elements that were created in programs other than Word, such as the picture to the right. Nontext elements in a document are referred to as Objects

More information

UPDATING HTML CONTENT

UPDATING HTML CONTENT LEARNING BLACKBOARD VISTA 4.0 1 UPDATING HTML CONTENT Hypertext Markup Language (HTML) is the code used to structure and format a web page. It is the most common delivery format for online content because

More information

Page Design, Layout, & Module Explanation:

Page Design, Layout, & Module Explanation: Page Design, Layout, & Module Explanation: Page Overview: Navigate to your assigned page on the website. Once on your page click login At the login screen enter user USERNAME & PASSWORD and CLICK Login

More information

How to create pop-up menus

How to create pop-up menus How to create pop-up menus Pop-up menus are menus that are displayed in a browser when a site visitor moves the pointer over or clicks a trigger image. Items in a pop-up menu can have URL links attached

More information

DREAMWEAVER BASICS. A guide to updating Faculty websites Created by the Advancement & Marketing Unit

DREAMWEAVER BASICS. A guide to updating Faculty websites Created by the Advancement & Marketing Unit DREAMWEAVER BASICS A guide to updating Faculty websites Created by the Advancement & Marketing Unit Table of content Tip: Click on the links below to go straight to the desired section The W (Web Services)

More information

Lab6: Creating a Web page with Macromedia Dreamweaver

Lab6: Creating a Web page with Macromedia Dreamweaver Lab6: Creating a Web page with Macromedia Dreamweaver I. Introduction When you need to find a specific recipe or when you want to visit somewhere you ve never been to before, what do you do? Most of you

More information

Getting Started with WebSite Tonight

Getting Started with WebSite Tonight Getting Started with WebSite Tonight WebSite Tonight Getting Started Guide Version 3.0 (12.2010) Copyright 2010. All rights reserved. Distribution of this work or derivative of this work is prohibited

More information

Content Management System User Guide

Content Management System User Guide CWD Clark Web Development Ltd Content Management System User Guide Version 1.0 1 Introduction... 3 What is a content management system?... 3 Browser requirements... 3 Logging in... 3 Page module... 6 List

More information

Making a Web Page with Microsoft Publisher 2003

Making a Web Page with Microsoft Publisher 2003 Making a Web Page with Microsoft Publisher 2003 The first thing to consider when making a Web page or a Web site is the architecture of the site. How many pages will you have and how will they link to

More information

HTML CREATOR. HTML Creator

HTML CREATOR. HTML Creator HTML CREATOR The HTML Creator is an HTML editing tool that allows you to create content in HTML without having to enter HTML tags. Similar to a word processor, you can easily create and maintain content

More information

Expression Web 4 Tutorial

Expression Web 4 Tutorial Expressions Web 4 Tutorial This is a basic look at the interface and workings of Expression Web. Here is the opening screen. It is divided into five windows which include; 1. A folder window top left 2.

More information

Dreamweaver and Fireworks MX Integration Brian Hogan

Dreamweaver and Fireworks MX Integration Brian Hogan Dreamweaver and Fireworks MX Integration Brian Hogan This tutorial will take you through the necessary steps to create a template-based web site using Macromedia Dreamweaver and Macromedia Fireworks. The

More information

Using Dreamweaver CS6

Using Dreamweaver CS6 Using Dreamweaver CS6 1 About the Web The worldwide web has become one of the most common uses for the Internet. It allows people to access a wide range of documents and other media from all over the world

More information

Microsoft Expression Web Quickstart Guide

Microsoft Expression Web Quickstart Guide Microsoft Expression Web Quickstart Guide Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program, you ll find a number of task panes, toolbars,

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

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

Using Microsoft Word 2010 for Your Dissertation

Using Microsoft Word 2010 for Your Dissertation Table of Contents Introduction... 2 Changes in Office 2010... 2 Getting Help... 2 Tips... 2 Inserting Footnotes and Endnotes... 3 Inserting Images, Charts, and Other Non-text Objects... 3 Inserting Captions...

More information

Create Email Signature for the Scott County Family Y

Create Email Signature for the Scott County Family Y Create Email Signature for the Scott County Family Y This document details the procedure for creating the Y logo ed email signature for each of the email clients used at the Scott County Family Y Use the

More information

Managing your Joomla! 3 Content Management System (CMS) Website Websites For Small Business

Managing your Joomla! 3 Content Management System (CMS) Website Websites For Small Business 2015 Managing your Joomla! 3 Content Management System (CMS) Website Websites For Small Business This manual will take you through all the areas that you are likely to use in order to maintain, update

More information

PERSONAL WEBSITE DEVELOPMENT 101. Brought to you by the UB Graduate Student Association webmasters: Holly Keily & John Beverley

PERSONAL WEBSITE DEVELOPMENT 101. Brought to you by the UB Graduate Student Association webmasters: Holly Keily & John Beverley PERSONAL WEBSITE DEVELOPMENT 101 Brought to you by the UB Graduate Student Association webmasters: Holly Keily & John Beverley THE BIG PICTURE You need a WEBSITE And we are here to help you build one You

More information

Working with the Ektron Content Management System

Working with the Ektron Content Management System Working with the Ektron Content Management System Table of Contents Creating Folders Creating Content 3 Entering Text 3 Adding Headings 4 Creating Bullets and numbered lists 4 External Hyperlinks and e

More information

Web Candy Design Inc. 1 JCE Editor Manual

Web Candy Design Inc. 1 JCE Editor Manual Web Candy Design Inc. 1 JCE Editor Manual Table of Contents What is JCE? 3 What is an Article? 3 Sections & Categories Explained 3 Why use Sections & Categories 3 Sections and Categories vs. Menu Organization

More information

Content Management System Help. basic tutorial on Evergreen s CMS

Content Management System Help. basic tutorial on Evergreen s CMS Content Management System Help cms.evergreen.edu Tips, tricks and basic tutorial on Evergreen s CMS Contents Vocabulary Login Opening a page Editing a page Creating a new page Inserting internal and external

More information

Terminal Four (T4) Site Manager

Terminal Four (T4) Site Manager Terminal Four (T4) Site Manager Contents Terminal Four (T4) Site Manager... 1 Contents... 1 Login... 2 The Toolbar... 3 An example of a University of Exeter page... 5 Add a section... 6 Add content to

More information

Intro to Web Development

Intro to Web Development Intro to Web Development For this assignment you will be using the KompoZer program because it free to use, and we wanted to keep the costs of this course down. You may be familiar with other webpage editing

More information

Resolving Accessibility Issues in Word 2010/2011

Resolving Accessibility Issues in Word 2010/2011 Resolving Accessibility Issues in Word 2010/2011 Use the Accessibility Checker 1. Click File > Info > Check for Issues 2. If the Accessibility Checker sees any potential issues, you will see a message

More information

How to use the WYSIWYG

How to use the WYSIWYG How to use the WYSIWYG The WYSIWYG Editor is a text editor, similar to MS Word, that is used to produce program brochures in Web page format. WYSIWYG is pronounced whizzy-wig and stands for, What You See

More information

Using the Text Editor in the Pressero System

Using the Text Editor in the Pressero System Using the Text Editor in the Pressero System Updated 5-15-11 Table of Contents About The Editor... 2 Toolbars... 3 Toolbar Buttons... 4 Formatting Text Appearance... 4 Formatting Paragraphs & Lists...

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

Content Author's Reference and Cookbook

Content Author's Reference and Cookbook Sitecore CMS 6.5 Content Author's Reference and Cookbook Rev. 110621 Sitecore CMS 6.5 Content Author's Reference and Cookbook A Conceptual Overview and Practical Guide to Using Sitecore Table of Contents

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

Introduction To Microsoft Office PowerPoint 2007. Bob Booth July 2008 AP-PPT5

Introduction To Microsoft Office PowerPoint 2007. Bob Booth July 2008 AP-PPT5 Introduction To Microsoft Office PowerPoint 2007. Bob Booth July 2008 AP-PPT5 University of Sheffield Contents 1. INTRODUCTION... 3 2. GETTING STARTED... 4 2.1 STARTING POWERPOINT... 4 3. THE USER INTERFACE...

More information

USER GUIDE. Unit 2: Synergy. Chapter 2: Using Schoolwires Synergy

USER GUIDE. Unit 2: Synergy. Chapter 2: Using Schoolwires Synergy USER GUIDE Unit 2: Synergy Chapter 2: Using Schoolwires Synergy Schoolwires Synergy & Assist Version 2.0 TABLE OF CONTENTS Introductions... 1 Audience... 1 Objectives... 1 Before You Begin... 1 Getting

More information

Hello. What s inside? Ready to build a website?

Hello. What s inside? Ready to build a website? Beginner s guide Hello Ready to build a website? Our easy-to-use software allows you to create and customise the style and layout of your site without having to understand any coding or HTML. In this guide

More information

EBOX Digital Content Management System (CMS) User Guide For Site Owners & Administrators

EBOX Digital Content Management System (CMS) User Guide For Site Owners & Administrators EBOX Digital Content Management System (CMS) User Guide For Site Owners & Administrators Version 1.0 Last Updated on 15 th October 2011 Table of Contents Introduction... 3 File Manager... 5 Site Log...

More information

Do It Yourself Website Editing Training Guide

Do It Yourself Website Editing Training Guide Do It Yourself Website Editing Training Guide Version 3.0 Copyright 2000-2011 Sesame Communications. All Rights Reserved. Table of Contents DIY Overview 3 What pages are editable using the DIY Editing

More information

Basic Website Creation. General Information about Websites

Basic Website Creation. General Information about Websites Basic Website Creation General Information about Websites Before you start creating your website you should get a general understanding of how the Internet works. This will help you understand what goes

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

Dreamweaver - Formatting your page with CSS

Dreamweaver - Formatting your page with CSS Dreamweaver - Formatting your page with CSS Creating your first website Part 4: Formatting your page with CSS Now I ll show you how to format text on your page using cascading style sheets (CSS). Learn

More information

SDL TRIDION 2013 USER MANUAL

SDL TRIDION 2013 USER MANUAL SDL TRIDION 2013 USER MANUAL Inline Editing: Edit existing page and create a new page. This training allows maintaining the existing pages and creating new ones using SDL Tridion. You will learn how to

More information

Tutorial by Philemon Yalamu

Tutorial by Philemon Yalamu TUTORIAL - PART 1 Tutorial by Philemon Yalamu http://www.artech.com.pg/ 1. Introduction The internet is vast and is a rapidly growing medium of communication today. On it there are endless opportunities

More information

Content Management. Step 1: Choosing Your Layout

Content Management. Step 1: Choosing Your Layout Step 1: Choosing Your Layout Content Management D. A. B. C. Using columns A, B, & C above, choose your layout, design, and option, in that order. Once you have chosen your layout, use the Quick Preview

More information

Ingeniux: Web Page Basics

Ingeniux: Web Page Basics Ingeniux: Web Page Basics CENTER for Teaching, Learning, and Technology GOUCHER COLLEGE 410-337-6066 training@goucher.edu www.goucher.edu/training 2008 by Information Technology, All rights reserved. No

More information

RM EasyLink A Guide for Staff

RM EasyLink A Guide for Staff RM EasyLink A Guide for Staff What is RM EasyLink? RM EasyLink is a piece of software that allows you to access the school network away from the school environment, e.g. from home. It allows you to work

More information

Quick Guide to the Cascade Server Content Management System (CMS)

Quick Guide to the Cascade Server Content Management System (CMS) Quick Guide to the Cascade Server Content Management System (CMS) Waubonsee Community College Cascade Server Content Administration January 2011 page 1 of 11 Table of Contents Requirements...3 Logging

More information

Adobe Dreamweaver - Basic Web Page Tutorial

Adobe Dreamweaver - Basic Web Page Tutorial Adobe Dreamweaver - Basic Web Page Tutorial Window Elements While Dreamweaver can look very intimidating when it is first launched it is an easy program. Dreamweaver knows that your files must be organized

More information

Using JCPS Online for Websites

Using JCPS Online for Websites Getting Started Before you begin, an Online Group must be created for you. Send an email requesting the group along with the username of anyone you want added as an editor to mike.broderick@jefferson.kyschools.us.

More information

How to make internal links in a Word document

How to make internal links in a Word document White Paper July 2014 How to make internal links in a Word document Making internal links in a Word document Usually a link is designed to go to another web page to your website or to a landing page or

More information

DMXzone Server Connect DMXzone

DMXzone Server Connect DMXzone Table of contents Table of contents... 1 About Server Connect... 2 Features in Detail... 3 The Basics: Accessing Server Actions Builder Panel... 23 Advanced: Adding Form Inputs to Server Connect... 27

More information

aspwebcalendar FREE / Quick Start Guide 1

aspwebcalendar FREE / Quick Start Guide 1 aspwebcalendar FREE / Quick Start Guide 1 TABLE OF CONTENTS Quick Start Guide Table of Contents 2 About this guide 3 Chapter 1 4 System Requirements 5 Installation 7 Configuration 9 Other Notes 12 aspwebcalendar

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

Writer Guide. Chapter 17 Customizing Writer

Writer Guide. Chapter 17 Customizing Writer Writer Guide Chapter 17 Customizing Writer Copyright This document is Copyright 2008 by its contributors as listed in the section titled Authors. You may distribute it and/or modify it under the terms

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

Guide to Content Editing

Guide to Content Editing Guide to Content Editing Page 1 of 119 Contents 1 About This Guide... 8 1.1 Users of This Guide... 8 1.2 Topics Covered in the Guide... 8 1.3 Software Requirements... 9 1.4 Conventions Used in the Guide...

More information

Simple Edit Masterclass

Simple Edit Masterclass Squiz Australia Pty. Ltd. A 92 Jarrett Street, Leichhardt NSW 2040 P +61 2 8507 9900 F +61 2 8507 9988 W www.squiz.net Simple Edit Masterclass University of Western Sydney 20 July, 2010 AUSTRALIA UNITED

More information

Index. Page 1. Index 1 2 2 3 4-5 6 6 7 7-8 8-9 9 10 10 11 12 12 13 14 14 15 16 16 16 17-18 18 19 20 20 21 21 21 21

Index. Page 1. Index 1 2 2 3 4-5 6 6 7 7-8 8-9 9 10 10 11 12 12 13 14 14 15 16 16 16 17-18 18 19 20 20 21 21 21 21 Index Index School Jotter Manual Logging in Getting the site looking how you want Managing your site, the menu and its pages Editing a page Managing Drafts Managing Media and Files User Accounts and Setting

More information

(These instructions are only meant to get you started. They do not include advanced features.)

(These instructions are only meant to get you started. They do not include advanced features.) FrontPage XP/2003 HOW DO I GET STARTED CREATING A WEB PAGE? Previously, the process of creating a page on the World Wide Web was complicated. Hypertext Markup Language (HTML) is a relatively simple computer

More information

Dreamweaver CS6 Basics

Dreamweaver CS6 Basics Dreamweaver CS6 Basics Learn the basics of building an HTML document using Adobe Dreamweaver by creating a new page and inserting common HTML elements using the WYSIWYG interface. EdShare EdShare is a

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

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

Editing the Main Template in Contribute

Editing the Main Template in Contribute Editing the Main Template in Contribute - 1 - Editing the Main Template in Contribute About The index page is unique over all secondary pages and has some special formatting that should be followed to

More information

Joomla! 2.5.x Training Manual

Joomla! 2.5.x Training Manual Joomla! 2.5.x Training Manual Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several tutorials

More information

Table of contents. Universal Data Exporter PHP DMXzone.com

Table of contents. Universal Data Exporter PHP DMXzone.com Table of contents About Universal Data Exporter PHP... 2 Features in Detail... 3 Before you begin... 9 Installing the extension... 9 The Basics: Exporting an HTML table... 10 Introduction... 10 How to

More information

Welcome! Want to find out more? Follow this tutorial, then launch Part 1 to get started.

Welcome! Want to find out more? Follow this tutorial, then launch Part 1 to get started. Welcome! Welcome to the Business Plan Wizard, an interactive learning environment all about business planning. You and two other students named Trina and Jordan are about to meet a Wizard who will show

More information

CREATING YOUR OWN PROFESSIONAL WEBSITE

CREATING YOUR OWN PROFESSIONAL WEBSITE First go to Google s main page (www.google.com). If you don t already have a Gmail account you will need one to continue. Click on the Gmail link and continue. 1 Go ahead and sign in if you already have

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

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

NJCU WEBSITE TRAINING MANUAL

NJCU WEBSITE TRAINING MANUAL NJCU WEBSITE TRAINING MANUAL Submit Support Requests to: http://web.njcu.edu/its/websupport/ (Login with your GothicNet Username and Password.) Table of Contents NJCU WEBSITE TRAINING: Content Contributors...

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

How to Create Custom Name Badge Inserts with a Mail Merge in Microsoft Word 2010

How to Create Custom Name Badge Inserts with a Mail Merge in Microsoft Word 2010 Many people know that you can use the Mail Merge feature in Microsoft Word 2010 to easily create mailing labels, but did you know you can use it to quickly create custom name badge inserts? Here, you will

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

941R EXPRESS. QuickStart Guide for 941R. Use this guide when using 941R Express to produce a Schedule R for Form 941. (Federal Income Tax and FICA)

941R EXPRESS. QuickStart Guide for 941R. Use this guide when using 941R Express to produce a Schedule R for Form 941. (Federal Income Tax and FICA) QuickStart Guide for 941R Use this guide when using 941R Express to produce a Schedule R for Form 941 (Federal Income Tax and FICA) Register to Use 941R Express... 2 Uploading your 941R Payroll File...

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

Flash also gives you the ability to export your movie in other formats, such as an animated GIF or a Quicktime video.

Flash also gives you the ability to export your movie in other formats, such as an animated GIF or a Quicktime video. LESSON 6: PUTTING IT ALL TOGETHER OBJECTIVES In this lesson, you ll learn to: preview your movie with the Test Movie command export your movie to a Web-ready Shockwave Flash file use Macromedia Aftershock

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

Table of Contents. Reports and Downloads Hot New Reports Event Name Tags with Logo Member Directory with Logos...

Table of Contents. Reports and Downloads Hot New Reports Event Name Tags with Logo Member Directory with Logos... Table of Contents Table of Contents... 1 Hot New Reports... 1 Event Name Tags with Logo... 2 Member Directory with Logos... 3 Member Longevity Report... 4 Hot Deals by Member and Date... 5 Create a Custom

More information

OUTLOOK WEB APP (OWA): MAIL

OUTLOOK WEB APP (OWA): MAIL Office 365 Navigation Pane: Navigating in Office 365 Click the App Launcher and then choose the application (i.e. Outlook, Calendar, People, etc.). To modify your personal account settings, click the Logon

More information

Task 2.1 Add a timetable to your web site

Task 2.1 Add a timetable to your web site Task 2.1 Add a timetable to your web site Objective: To learn how to use tables, style them with CSS and differentiate between absolute and relative hyperlinks. Duration: 50 minutes Pre-requisite tasks:

More information

BIGPOND ONLINE STORAGE USER GUIDE Issue 1.1.0-18 August 2005

BIGPOND ONLINE STORAGE USER GUIDE Issue 1.1.0-18 August 2005 BIGPOND ONLINE STORAGE USER GUIDE Issue 1.1.0-18 August 2005 PLEASE NOTE: The contents of this publication, and any associated documentation provided to you, must not be disclosed to any third party without

More information

User Guide. Chapter 15. Forms Engine. 1 P a g e

User Guide. Chapter 15. Forms Engine. 1 P a g e User Guide Chapter 15 Forms Engine 1 P a g e Table of Contents 1. Introduction...3 2. Form Building Basics...4 I. About Form Templates...4 II. About Form Instances...4 3. Key Information...4 4. Accessing

More information

Adobe Acrobat 9 Pro Accessibility Guide: Creating Accessible PDF from Microsoft Word

Adobe Acrobat 9 Pro Accessibility Guide: Creating Accessible PDF from Microsoft Word Adobe Acrobat 9 Pro Accessibility Guide: Creating Accessible PDF from Microsoft Word Adobe, the Adobe logo, Acrobat, Acrobat Connect, the Adobe PDF logo, Creative Suite, LiveCycle, and Reader are either

More information

Lab: Create Your Own Homepage! This exercise uses MS Expression Web as a Web Page creation tool. If you like you

Lab: Create Your Own Homepage! This exercise uses MS Expression Web as a Web Page creation tool. If you like you Lab: Create Your Own Homepage! This exercise uses MS Expression Web as a Web Page creation tool. If you like you can download a trial version at http://www.microsoft.com/enus/download/details.aspx?id=7764.

More information

... Asbru Web Content Management System. Getting Started. Easily & Inexpensively Create, Publish & Manage Your Websites

... Asbru Web Content Management System. Getting Started. Easily & Inexpensively Create, Publish & Manage Your Websites Asbru Ltd Asbru Ltd wwwasbrusoftcom info@asbrusoftcom Asbru Web Content Easily & Inexpensively Create, Publish & Manage Your Websites 31 March 2015 Copyright 2015 Asbru Ltd Version 92 1 Table of Contents

More information

Mozilla Mail. Created by Holly Robertson and Quinn Stewart Spring 2004 IT Lab, School of Information University of Texas at Austin

Mozilla Mail. Created by Holly Robertson and Quinn Stewart Spring 2004 IT Lab, School of Information University of Texas at Austin Mozilla Mail Created by Holly Robertson and Quinn Stewart Spring 2004 IT Lab, School of Information University of Texas at Austin Mozilla is an open source suite of applications used for web browsing,

More information

3. We will work with the Page Content Web Part, so single click Edit Content

3. We will work with the Page Content Web Part, so single click Edit Content Using SharePoint to Create Web Pages Signing In 1. Open Internet Explorer 2. Type in the school URL: https://www.fsd1.org/schools/schoolname or teacher sub-site URL https://www.fsd1.org/schools/schoolname/yourusername

More information

MindGenius 1.5 User Guide

MindGenius 1.5 User Guide MindGenius 1.5 User Guide Introduction to Mind Mapping with Mind Genius 2 1. The Mind Genius Screen Layout Before you begin to work with MindGenius it is important to understand the screen layout. Menus

More information

Google Sites: Site Creation and Home Page Design

Google Sites: Site Creation and Home Page Design Google Sites: Site Creation and Home Page Design This is the second tutorial in the Google Sites series. You should already have your site set up. You should know its URL and your Google Sites Login and

More information

Outlook Express / Windows Mail Setup Guide

Outlook Express / Windows Mail Setup Guide Versions Addressed: Outlook Express 6, Windows Mail 6, Microsoft Outlook 2000 Document Updated: 11/22/2010 Copyright 2010 Purpose: This document will assist the end user in configuring Outlook Express,

More information

Infoview XIR3 Report Scheduling. User Guide. August Infoview Report Scheduling Page 1 of 10

Infoview XIR3 Report Scheduling. User Guide. August Infoview Report Scheduling Page 1 of 10 Infoview XIR3 Report Scheduling User Guide August 2012 Page 1 of 10 Infoview XIR3 Report Scheduling Contents 1. SCHEDULING A REPORT... 3 2. CHANGING AN EXISTING SCHEDULE... 8 APPENDIX A. SCHEDULING EXAMPLES...

More information

RHYTHMYX USER MANUAL EDITING WEB PAGES

RHYTHMYX USER MANUAL EDITING WEB PAGES RHYTHMYX USER MANUAL EDITING WEB PAGES Rhythmyx Content Management Server... 1 Content Explorer Window... 2 Display Options... 3 Editing an Existing Web Page... 4 Creating a Generic Content Item -- a Web

More information

CONTENTS. Classification Manager... 4 Content Contributor... 4 Content Editor... 4 Image Manager... 4 Webpage Publisher... 4

CONTENTS. Classification Manager... 4 Content Contributor... 4 Content Editor... 4 Image Manager... 4 Webpage Publisher... 4 Last updated 09 November 2011 ARCONICS CONTENT MANAGEMENT SYSTEM USER GUIDE CONTENTS 1. Content Management System Tools Classification Manager... 4 Content Contributor... 4 Content Editor... 4 Image Manager...

More information

BLACKBOARD SUPPORT. eportfolio. William Paterson University Bb Support (Faculty) 1. Instruction and Research Technology William Paterson University

BLACKBOARD SUPPORT. eportfolio. William Paterson University Bb Support (Faculty) 1. Instruction and Research Technology William Paterson University eportfolio An overview to eportfolio The eportfolio tool in Blackboard enables faculty and students to easily create web sites that can be used for module assessment and personal develop planning activities.

More information

Course Exercises for the Content Management System. Grazyna Whalley, Laurence Cornford June 2014 AP-CMS2.0. University of Sheffield

Course Exercises for the Content Management System. Grazyna Whalley, Laurence Cornford June 2014 AP-CMS2.0. University of Sheffield Course Exercises for the Content Management System. Grazyna Whalley, Laurence Cornford June 2014 AP-CMS2.0 University of Sheffield PART 1 1.1 Getting Started 1. Log on to the computer with your usual username

More information

Cascade Server Help Doc

Cascade Server Help Doc Cascade Server Help Doc Logging in.. 2 Folder Directory, Order item in auto-navigation... 4 Edit and Existing Page.. 5 Page Edit Overview... 6 Display Names, Title, and System Names 7 WYSIWYG, WYSIWYG

More information

University of Bolton.

University of Bolton. Text University of Bolton. The screen shots used in this workbook are from copyrighted licensed works and the copyright for them is most likely owned by the publishers of the content. It is believed that

More information

Getting Started Guide. Chapter 14 Customizing OpenOffice.org

Getting Started Guide. Chapter 14 Customizing OpenOffice.org Getting Started Guide Chapter 14 Customizing OpenOffice.org Copyright This document is Copyright 2008 by its contributors as listed in the section titled Authors. You may distribute it and/or modify it

More information

Building a Personal Website (Adapted from the Building a Town Website Student Guide 2003 Macromedia, Inc.)

Building a Personal Website (Adapted from the Building a Town Website Student Guide 2003 Macromedia, Inc.) Building a Personal Website (Adapted from the Building a Town Website Student Guide 2003 Macromedia, Inc.) In this project, you will learn the web publishing skills you need to: Plan a website Define a

More information