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

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

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

Transcription

1 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 website Create a basic website Work with text and text formats Work with images Work with hyperlinks Manage your website Lesson 1: Planning the Website In this lesson you decide the structure of your website. PLANNING THE SITE LAYOUT Planning and organizing your site carefully from the start can save you time later. The first step is to design a flowchart that shows the number of pages in the site and how the pages are linked. PLANNING THE HOME PAGE The home page is the entrance to your website. It introduces the site, with information and navigation links to the other pages in the site. PLANNING THE OTHER PAGES Think about how you want to organize the content you have for the other pages. Are there paragraphs of text? lists? tables of information? Decide the best way to organize your content. Lesson 2: Getting Acquainted with Dreamweaver This lesson briefly introduces the key parts of Dreamweaver. The Dreamweaver workspace consists of the main Document window and three smaller areas: the Insert bar, the Property inspector, & panels. 1

2 The Dreamweaver workspace accommodates different work styles and levels of expertise. Here are some of the most commonly used components: The Document window displays the current document as you create and edit it. This is where you make the pages for your site. The Insert bar contains buttons for creating and inserting objects such as images, tables, layers, and frames you might want to add to your web page. The Property inspector displays properties for the selected object or text and lets you modify those properties. On the right side of the Dreamweaver workspace are panels you can expand or collapse as needed. USING THE DOCUMENT WINDOW You do most of your design work in the Dreamweaver Document window. You can add and manipulate text, images, menus, tables, and numerous other elements in the Document window. The insertion point (a short vertical segment) indicates where your text will appear, just as in a word processor. Click anywhere in text you have typed to re-position the insertion point. The document status bar, provides information about the document you are creating, including the size of the Document window, the document file size and estimated download time. The left side of the status bar is the HTML tag selector; you can click a tag to select an element in the window. The Document toolbar, found at the top of the Document window, contains an area for you to enter the title of your document. The title you enter will display in the Document title bar. The toolbar also contains buttons that let you toggle between the Design view and the Code view. Design view shows what the page will look like in a web browser. Code view shows the HTML code for the page. For this project, use the Design view. Other buttons give quick access to file management and navigation features. USING THE INSERT BAR The Dreamweaver Insert bar contains several categories of buttons for creating and inserting objects such as tables, layers, and images. (You can also insert each object by choosing the object from the Insert menu.) Let s look at the Insert bar categories you ll use in this project. 2

3 To view the Insert bar: 1. Click the Common tab on the Insert bar. The Insert bar defaults to the Common category when you start Dreamweaver. The Common category contains buttons for creating and inserting the most commonly used objects, such as images, tables, and layers. You will use the Common category most often in this project. 2. To insert an object from the Insert bar, click the object s icon. USING THE PROPERTY INSPECTOR The Property inspector (the panel below the Document window, labeled Properties) lets you examine and edit properties of the currently selected object or text in the Document window. The Property inspector is context sensitive it changes based on what you have selected in the Document window. For example, when you work on text, the Property inspector shows the attributes of that text, such as size, color, and font. When you work on a table, the Property inspector shows table attributes. To expand or collapse the Property inspector: 1. If the Property inspector is not already displayed, choose the menu Window > Properties. 2. Click the expander arrow in the lower right corner of the Property inspector. This expands (or collapses) the Property inspector to show (or hide) additional properties. USING THE PANELS The Dreamweaver workspace displays panels you can expand or collapse, as you need them. You can reconfigure the number and type of panels visible. (By default, the panels appear on the right side of the screen.) To show or hide all panels, including the Property inspector, choose View > Hide Panels or View > Show Panels from the menu bar. Lesson 3: Setting up the Local Site and Root Folder A website consists of folders containing files such as documents, images, and other media. When you create a website, you need to establish the location of the website and all its related folders and files. In this lesson, you create the folder structure on your computer to store all the files for your website. You then use Dreamweaver to define your local site and identify the root folder that will contain all the files for your site. (Note that before you can place your site on a web server, you first need to create it locally on your computer.) PLANNING THE LOCAL SITE FOLDER By creating and editing your pages on a local site on your computer before you copy the files to a web server, you can test your website to make sure it works properly before you make it available for public viewing. Every site is contained in a main folder, called the root folder. Most designers create subfolders inside the root folder to organize the site contents. 3

4 To create the site folder structure: To set up a site similar to the sample site illustrated in this project, create a root folder that will contain the web pages. Then create subfolders for images and text files. 1. Create a root folder on the hard drive. Name it [your last name]-site. 2. Create a subfolder in the root folder: named images. Find an image from the internet to use in your site and save it to your images folder. (Note: You should always attempt to get permission to use someone else s property such as an image. It is good practice to provide proper citation for borrowed images.) When you create a larger website (ten or more pages), it is helpful to group each set of related pages in a separate subfolder inside the root folder. For example, if your site had several pages related to your history, you could put them all in a subfolder named history. To define the website: The purpose of defining your website is to communicate to Dreamweaver the name and location of the root folder. 1. From the main bar at the top of the screen, choose Site > New Site. The Site Definition dialogue box opens. Click the Advanced tab. Note: If you click the Basic tab, Dreamweaver will lead you step by step through the complete process of defining a website, including the use of server technology. 2. From the Category list, select Local Info (if it s not already selected). 3. In the Site Name text box, type [your last name]-site. 4. Beside the Local Root Folder box, click the Folder icon. Navigate to the location on the hard drive where you stored your root folder. 5. Make sure you re viewing the contents of the [your last name]-site folder in the Choose Local Root Folder for Site dialogue box. Then click Select (Windows) or Choose (Macintosh). 4

5 6. Click OK to define your local site and folders. The initial cache message alerts you that the initial site cache is being created. Click OK. Lesson 4: Creating the Homepage In this lesson, you build the home page for your website. BUILDING THE HOMEPAGE There are many considerations when designing web pages. In this project, you focus on just the basic design elements needed to build this website. To save your document as the homepage: 1. Choose File > Save from the menu bar. The Save As dialogue box appears. It displays the folders in the site root folder. You will save the file in the root folder. 2. Type index.htm in the Filename box. When you use the filename index, the file is automatically specified as the homepage. 3. Click Save. To set a page title for your document: 1. In the Title text box (located in the Document tool bar), type [your name s] Website. 2. Press Enter (Windows) or Return (Macintosh). When this page is opened in a web browser, this title will appear on the title bar of the browser window. It is also the title used when the page is added to a browser s Favorites or Bookmarks list. Note: There are several ways to delete an element or action in Dreamweaver. You can use the Backspace and Delete keys. Alternatively, you can use the Edit commands: Cut, Clear, and Undo. The Undo command can undo the last 50 steps. The History Window is another method to allow you to undo previous actions. To insert text: 1. Position the insertion point at the top of the Document window. 2. Type Welcome to my website. 3. To start a new paragraph, press Enter (Windows) or Return (Macintosh). To start a new line (without the normal space provided between paragraphs), press Shift+Enter (Windows) or Shift+Return (Macintosh). To insert images: 1. Position the insertion point below the heading. 2. On the Common tab of the Insert bar, click Image (the tree button). The Select Image Source dialogue box opens. The dialogue box displays any folders and files stored in the site root folder. 3. Select the images folder, then click OK (Windows) or Open (Macintosh) to open it. Select the 5

6 image file and click OK (Windows) or Open (Macintosh). The image is inserted at the position of the insertion point. 4. If necessary, click the image to select it and display the image Property inspector. 5. Position the insertion point to the right of the image and add a smaller paragraph break by pressing Shift+Enter (Windows) or Shift+Return (Macintosh). Lesson 5: Creating the Other Web Pages In this lesson, you create the CV, and Research Interest pages for your website. BUILDING THE CV WEB PAGE First, create a new Document window in which you will build the History page. 1. In Dreamweaver, choose File > New from the menu bar. 2. In the New Document dialogue box, select Basic Page and click Create. A new untitled Document window opens. Note: It is very easy to include previously created text on web pages. You do not need to retype information from documents you already have. All you need to use are the Copy and Paste commands. Keep in mind that depending on the sophistication of the formatting of the original document and the type of paste command you use within Dreamweaver you may need to reformat the text using the formatting options within Dreamweaver. Alternatively, you can also create a direct link (Or a Print-friendly link) to a PDF version of your CV. This will ensure the version that is viewed has the exact text and page formatting as the original. To save the CV page: You should save your work on a page as you build it, but always save a page when you are ready to work on another page. 1. Add a title to this page. On the Document toolbar, select Untitled Document in the Title text box and type a title. 2. Make any other changes to the page properties according to your design plan. 3. From the menu bar, choose File > Save. 4. Navigate to the root folder. 5. Type cv.htm in the Filename text box. 6. Click Save. BUILDING THE RESEARCH INTERESTS PAGE On this web page, you use a table to communicate contact information about items relating to your research interests. First, create a new Document window in which you will build the Research Interests page. 1. In Dreamweaver, choose File > New from the menu bar. 6

7 2. In the New Document dialogue box, select Basic Page and click Create. A new untitled Document window opens. To save the Research Interests page: You should save your work on a page as you build it, but always save a page when you are ready to create another page. 1. Add a title to this page. On the Document toolbar, type a title such as My Favorite Links in the Title text box. 2. Make any other changes to the page properties according to your design plan. 3. From the menu bar, choose File > Save. 4. Navigate to the root folder. 5. Type research.htm in the Filename text box. 6. Click Save. To create an unordered bulleted list: Lists are usually easier to read and understand if they are set off from the surrounding text. An unordered list (with square, round, or no bullets) An ordered list (with numbers, letters, or roman numerals) 1. On the Property inspector, click Unordered List (bullets button) or choose Text > List > Unordered List from the menu bar. The paragraphs in the list are indented and set off with bullets. To add hyperlinks: A simple way to link your web page to information on other websites is to change one word or a phrase into a hyperlink. A hyperlink is text or a graphic that links to a different web page or to another section of the same page. 1. Select the words you want to make into a hyperlink. 2. On the Property inspector, type the full URL address for your external website link in the Link text box. Note: When you enter URLs in the Link text box, you must include for the link to work. 3. Type a few links in the list. Create hyperlinks by referring to the add hyperlinks instructions described above. To move from one cell to the next, press the Tab key or click in a cell. Links UB website UB Library Teaching & Learning Center Descriptions This site provides information about UB to prospective students and visitors. This site is the UB Library system This is the website for the UB Teaching & Learning Center. 7

8 Lesson 6: Applying a Template and Connecting the Web Pages In this lesson, you will apply a pre-designed template to your webpages and create navigation on the template page to link between the pages of your website. Designing custom templates is an advanced topic and is not covered in this lesson. Modify the previously created template: 1. Open the template page in Dreamweaver. Choose File > Open, navigate to the root folder, and double-click the filename template.dwt. 2. Revise the title text on the template to reflect the title you d like to use for your website. To insert a navigation link: 1. Position the insertion point in the right column of the page, type Personal Profile. 2. Highlight the phrase Personal Profile. Click the Browse button in the properties pallet. Navigate to the root folder and select the home page, for example index.htm. 3. Repeat this step to create the remaining navigation (Curriculum Vitae, and Research Interests). 4. Save and close the document. To apply the modified template to your webpages: You need to apply the template to each page of your website separately. Templates are applied to each page when a page open and is the main working document. 1. Open the Assets panel. Choose Window > Assets, and then select the Template icon. 2. Select the desired template file listed within the Assets Panel. 3. Hit the Apply button located on the bottom of the Assets Panel. 4. You will then be prompted to match the content from the original webpage to specific areas on the template (i.e., Document body/content, header/title). To preview your website: 1. From the menu bar, choose File > Preview in Browser and then choose the browser you want to use to preview your newly created web page. Lesson 7: Managing the Website In this lesson, you learn how to view the site structure and post your website to a server. To view the site structure: Dreamweaver helps you organize the files of your site by maintaining parallel file and folder structures at the local and remote sites. 1. Choose Window > Site to display the Site panel (Windows) or the Site window (Macintosh). To set up the remote site and post to a server: After you have checked all links and saved your work, you are ready to post your site to a server. 1. On the Site panel, click Connects to Remote Host (the button with the two computer connectors). 8

9 The Site Definition for [your last name]-site dialogue box opens. 2. In the Category list, select Remote Info. 3. Click the arrow beside the Access box and select FTP. 4. Check with the systems administrator to get the information you need to define the website: the FTP host, host directory, and so on. 5. You are now able to transfer your files to the Internet using either the synchronize function, put option, or by using the two column view you can drag your files. 9

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

Introduction to Macromedia Dreamweaver MX

Introduction to Macromedia Dreamweaver MX Introduction to Macromedia Dreamweaver MX Macromedia Dreamweaver MX is a comprehensive tool for developing and maintaining web pages. This document will take you through the basics of starting Dreamweaver

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

II. Creating Your Website

II. Creating Your Website II. Creating Your Website In this part of Dazzle the Web with Dynamic Dreamweaver, we will learn the following skills: 1. Define a website 2. Create our home page 3. Add content to the home page 4. Format

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

Creating Web Pages With Dreamweaver MX 2004

Creating Web Pages With Dreamweaver MX 2004 Creating Web Pages With Dreamweaver MX 2004 1 Introduction Learning Goal: By the end of the session, participants will have an understanding of: What Dreamweaver is, and How it can be used to create basic

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

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

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

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

Module One: Getting Started... 6. Opening Outlook... 6. Setting Up Outlook for the First Time... 7. Understanding the Interface...

Module One: Getting Started... 6. Opening Outlook... 6. Setting Up Outlook for the First Time... 7. Understanding the Interface... 2 CONTENTS Module One: Getting Started... 6 Opening Outlook... 6 Setting Up Outlook for the First Time... 7 Understanding the Interface...12 Using Backstage View...14 Viewing Your Inbox...15 Closing Outlook...17

More information

Creating Webpages in Dreamweaver MX for PC

Creating Webpages in Dreamweaver MX for PC Creating Webpages in Dreamweaver MX for PC Getting Started Before you can create a webpage you need to think about where the page will be stored both locally (i.e., hard drive, CD, disk) and remotely (i.e.,

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

Dreamweaver Tutorial #1

Dreamweaver Tutorial #1 Dreamweaver Tutorial #1 My first web page In this tutorial you will learn: how to create a simple web page in Dreamweaver how to store your web page on a server to view your page online what the Internet

More information

Creating Your Personal Website

Creating Your Personal Website Creating Your Personal Website These instructions will show you how to create a personal webpage for CSULB students using Dreamweaver MX 2004. The page will consist of a title, background image, text,

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

Creating a Website with Publisher 2013

Creating a Website with Publisher 2013 Creating a Website with Publisher 2013 University Information Technology Services Training, Outreach, Learning Technologies & Video Production Copyright 2015 KSU Division of University Information Technology

More information

IAS Web Development using Dreamweaver CS4

IAS Web Development using Dreamweaver CS4 IAS Web Development using Dreamweaver CS4 Information Technology Group Institute for Advanced Study Einstein Drive Princeton, NJ 08540 609 734 8044 * helpdesk@ias.edu Information Technology Group [2] Institute

More information

One of the fundamental kinds of Web sites that SharePoint 2010 allows

One of the fundamental kinds of Web sites that SharePoint 2010 allows Chapter 1 Getting to Know Your Team Site In This Chapter Requesting a new team site and opening it in the browser Participating in a team site Changing your team site s home page One of the fundamental

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

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

Contents. Launching FrontPage... 3. Working with the FrontPage Interface... 3 View Options... 4 The Folders List... 5 The Page View Frame...

Contents. Launching FrontPage... 3. Working with the FrontPage Interface... 3 View Options... 4 The Folders List... 5 The Page View Frame... Using Microsoft Office 2003 Introduction to FrontPage Handout INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 1.0 Fall 2005 Contents Launching FrontPage... 3 Working with

More information

Getting Started with KompoZer

Getting Started with KompoZer Getting Started with KompoZer Contents Web Publishing with KompoZer... 1 Objectives... 1 UNIX computer account... 1 Resources for learning more about WWW and HTML... 1 Introduction... 2 Publishing files

More information

Dreamweaver. Introduction to Editing Web Pages

Dreamweaver. Introduction to Editing Web Pages Dreamweaver Introduction to Editing Web Pages WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 INTRODUCTION TO DREAMWEAVER... 1 Document Window 3 Toolbar 3 Insert Panel 4 Properties Panel

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

SiteBuilder 2.1 Manual

SiteBuilder 2.1 Manual SiteBuilder 2.1 Manual Copyright 2004 Yahoo! Inc. All rights reserved. Yahoo! SiteBuilder About This Guide With Yahoo! SiteBuilder, you can build a great web site without even knowing HTML. If you can

More information

Basic Web Development @ Fullerton College

Basic Web Development @ Fullerton College Basic Web Development @ Fullerton College Introduction FC Net Accounts Obtaining Web Space Accessing your web space using MS FrontPage Accessing your web space using Macromedia Dreamweaver Accessing your

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

Dreamweaver Tutorial - Dreamweaver Interface

Dreamweaver Tutorial - Dreamweaver Interface Expertrating - Dreamweaver Interface 1 of 5 6/14/2012 9:21 PM ExpertRating Home ExpertRating Benefits Recommend ExpertRating Suggest More Tests Privacy Policy FAQ Login Home > Courses, Tutorials & ebooks

More information

CREATING WEB PAGES WITH MACROMEDIA DREAMWEAVER 8. University Computing and Information Services. Training Guide

CREATING WEB PAGES WITH MACROMEDIA DREAMWEAVER 8. University Computing and Information Services. Training Guide CREATING WEB PAGES WITH MACROMEDIA DREAMWEAVER 8 University Computing and Information Services Training Guide For additional help, contact the UCIS Help Desk at (910) 5216260 or helpdesk@uncp.edu, or visit

More information

PowerPoint Basics (Office XP / Windows 2003 / Macintosh)

PowerPoint Basics (Office XP / Windows 2003 / Macintosh) PowerPoint Basics (Office XP / Windows 2003 / Macintosh) Microsoft PowerPoint is software that allows you to create custom presentations incorporating text, color, graphics, and animation. PowerPoint (PP)

More information

Decision Support AITS University Administration. EDDIE 4.1 User Guide

Decision Support AITS University Administration. EDDIE 4.1 User Guide Decision Support AITS University Administration EDDIE 4.1 User Guide 2 P a g e EDDIE (BI Launch Pad) 4.1 User Guide Contents Introduction to EDDIE... 4 Log into EDDIE... 4 Overview of EDDIE Homepage...

More information

Microsoft Outlook 2010. Reference Guide for Lotus Notes Users

Microsoft Outlook 2010. Reference Guide for Lotus Notes Users Microsoft Outlook 2010 Reference Guide for Lotus Notes Users ContentsWelcome to Office Outlook 2010... 2 Mail... 3 Viewing Messages... 4 Working with Messages... 7 Responding to Messages... 11 Organizing

More information

TUTORIAL 4 Building a Navigation Bar with Fireworks

TUTORIAL 4 Building a Navigation Bar with Fireworks TUTORIAL 4 Building a Navigation Bar with Fireworks This tutorial shows you how to build a Macromedia Fireworks MX 2004 navigation bar that you can use on multiple pages of your website. A navigation bar

More information

Chapter 14: Links. Types of Links. 1 Chapter 14: Links

Chapter 14: Links. Types of Links. 1 Chapter 14: Links 1 Unlike a word processor, the pages that you create for a website do not really have any order. You can create as many pages as you like, in any order that you like. The way your website is arranged and

More information

Creating a Web Site with Adobe Dreamweaver

Creating a Web Site with Adobe Dreamweaver Creating a Web Site with Adobe Dreamweaver This tutorial will teach you how to: 1. Create a new web site using Adobe Dreamweaver 2. Create a new webpage using the Dreamweaver editor 3. Create numbered

More information

Personal Portfolios on Blackboard

Personal Portfolios on Blackboard Personal Portfolios on Blackboard This handout has four parts: 1. Creating Personal Portfolios p. 2-11 2. Creating Personal Artifacts p. 12-17 3. Sharing Personal Portfolios p. 18-22 4. Downloading Personal

More information

Developing Website Using Tools

Developing Website Using Tools 7 Developing Website Using Tools 7.1 INTRODUCTION A number of Software Packages are available in market for creating a website. Among popular softwares are Dreamweaver, Microsoft FrontPage and Flash. These

More information

Outlook Email. User Guide IS TRAINING CENTER. 833 Chestnut St, Suite 600. Philadelphia, PA 19107 215-503-7500

Outlook Email. User Guide IS TRAINING CENTER. 833 Chestnut St, Suite 600. Philadelphia, PA 19107 215-503-7500 Outlook Email User Guide IS TRAINING CENTER 833 Chestnut St, Suite 600 Philadelphia, PA 19107 215-503-7500 This page intentionally left blank. TABLE OF CONTENTS Getting Started... 3 Opening Outlook...

More information

Creating a Web Site with Publisher 2010

Creating a Web Site with Publisher 2010 Creating a Web Site with Publisher 2010 Information Technology Services Outreach and Distance Learning Technologies Copyright 2012 KSU Department of Information Technology Services This document may be

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

PowerPoint 2013: Basic Skills

PowerPoint 2013: Basic Skills PowerPoint 2013: Basic Skills Information Technology September 1, 2014 1 P a g e Getting Started There are a variety of ways to start using PowerPoint software. You can click on a shortcut on your desktop

More information

HTML Kit: A User Manual. by Paul Strickberger

HTML Kit: A User Manual. by Paul Strickberger HTML Kit: A User Manual by Paul Strickberger HTML Kit User Manual Contents Introduction... 1 The Main Screen... 1 Displaying or Hiding Elements of the Screen...1 Getting Around the Main Screen... 3 The

More information

Google Drive Create, Share and Edit Documents Online

Google Drive Create, Share and Edit Documents Online Revision 3 (1-31-2014) Google Drive Create, Share and Edit Documents Online With Google Drive, you can easily create, share, and edit documents online. Here are a few specific things you can do: Convert

More information

New characteristics of Office 2007 software

New characteristics of Office 2007 software New characteristics of Office 2007 software Table of Contents p. 2 Office Button p. 2 Quick Access Toolbar p. 2 Close a Document p. 2 Print Preview p. 2 Help button p. 3 Ribbons p. 4 Some Common Functions

More information

Creating Electronic Portfolios using Microsoft Word and Excel

Creating Electronic Portfolios using Microsoft Word and Excel Step-by-Step Creating Electronic Portfolios using Microsoft Word and Excel The Reflective Portfolio document will include the following: A Cover Page for the portfolio - Include a Picture or graphic A

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

Lotus Notes Client Version 8.5 Reference Guide

Lotus Notes Client Version 8.5 Reference Guide Lotus Notes Client Version 8.5 Reference Guide rev. 11/19/2009 1 Lotus Notes Client Version 8.5 Reference Guide Accessing the Lotus Notes Client From your desktop, double click the Lotus Notes icon. Logging

More information

Alfresco Online Collaboration Tool

Alfresco Online Collaboration Tool Alfresco Online Collaboration Tool USER MANUAL BECOMING FAMILIAR WITH THE USER INTERFACE... 4 MY DASHBOARD... 4 MY PROFILE... 6 VIEWING YOUR FULL PROFILE... 6 EDITING YOUR PROFILE... 7 CHANGING YOUR PASSWORD...

More information

Site Maintenance Using Dreamweaver

Site Maintenance Using Dreamweaver Site Maintenance Using Dreamweaver As you know, it is possible to transfer the files that make up your web site from your local computer to the remote server using FTP (file transfer protocol) or some

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

Using MindManager 14

Using MindManager 14 Using MindManager 14 Susi Peacock, Graeme Ferris, Susie Beasley, Matt Sanders and Lindesay Irvine Version 4 September 2014 2011 Queen Margaret University 1. Navigating MindManager 14... 3 Tool Bars and

More information

SharePoint Basic Editing. Text. Creating List

SharePoint Basic Editing. Text. Creating List Text Putting Text on the Page 1. Entering text on the web page is just like typing in a word processing document. Lines will wrap within a paragraph. 2. Enter = Paragraph Break (leaves a blank line) 3.

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

Adobe Dreamweaver Student Organizations Publishing Details Getting Started Basic Web Page Tutorial For Student Organizations at Dickinson College *

Adobe Dreamweaver Student Organizations Publishing Details Getting Started Basic Web Page Tutorial For Student Organizations at Dickinson College * Adobe Dreamweaver Student Organizations Publishing Details Getting Started Basic Web Page Tutorial For Student Organizations at Dickinson College * Some Student Organizations are on our web server called

More information

Microsoft FrontPage 2003

Microsoft FrontPage 2003 Information Technology Services Kennesaw State University Microsoft FrontPage 2003 Information Technology Services Microsoft FrontPage Table of Contents Information Technology Services...1 Kennesaw State

More information

WORDPRESS MANUAL WEBSITEDESIGN.CO.ZA

WORDPRESS MANUAL WEBSITEDESIGN.CO.ZA WORDPRESS MANUAL WEBSITEDESIGN.CO.ZA All information presented in the document has been acquired from http://easywpguide.com/wordpress-manual/ to assist you with your website 1 WORDPRESS MANUAL WEBSITEDESIGN.CO.ZA

More information

JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA

JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA All information presented in the document has been acquired from http://docs.joomla.org to assist you with your website 1 JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA BACK

More information

Microsoft PowerPoint 2008

Microsoft PowerPoint 2008 Microsoft PowerPoint 2008 Starting PowerPoint... 2 Creating Slides in Your Presentation... 3 Beginning with the Title Slide... 3 Inserting a New Slide... 3 Slide Layouts... 3 Adding an Image to a Slide...

More information

1. Open the Practice web site. 2. Open the favorite.htm file. 3. Select the text to be used as the hyperlink for the first favorite web site.

1. Open the Practice web site. 2. Open the favorite.htm file. 3. Select the text to be used as the hyperlink for the first favorite web site. FrontPage 2003 Lesson 13 - Hyperlinks Types of Hyperlinks Hyperlinks are the primary method used to navigate between pages and Web sites. Links can point to other web pages, web sites, graphics, files,

More information

Mastering the JangoMail EditLive HTML Editor

Mastering the JangoMail EditLive HTML Editor JangoMail Tutorial Mastering the JangoMail EditLive HTML Editor With JangoMail, you have the option to use our built-in WYSIWYG HTML Editors to compose and send your message. Note: Please disable any pop

More information

UNPAN Portal Content Management System (CMS) User Guide

UNPAN Portal Content Management System (CMS) User Guide UNPAN Portal Content Management System (CMS) User Guide www.unpan.org User Manual Version 1.0 260309 Page 1 of 36 Table of Contents A. UNPAN Sitemap... 3 B. DPADM Sitemap... 4 C. Introduction to UNPAN

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

Creating a Web Presentation

Creating a Web Presentation 9.1 LESSON 9 Creating a Web Presentation After completing this lesson, you will be able to: Create an agenda slide or home page. Create a hyperlink to a slide. Create a Web presentation with the AutoContent

More information

ARCONICS CONTENT MANAGEMENT SYSTEM FOR UL

ARCONICS CONTENT MANAGEMENT SYSTEM FOR UL ARCONICS CONTENT MANAGEMENT SYSTEM FOR UL MENU OPTION CLASSIFICATION MANAGER Creating a new classification / menu 1. Click Classification manager 2. Click on the plus sign beside WWW to expand the folders

More information

CMS Training. Prepared for the Nature Conservancy. March 2012

CMS Training. Prepared for the Nature Conservancy. March 2012 CMS Training Prepared for the Nature Conservancy March 2012 Session Objectives... 3 Structure and General Functionality... 4 Section Objectives... 4 Six Advantages of using CMS... 4 Basic navigation...

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

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

Virtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades.

Virtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades. 28 VIRTUAL EXHIBIT Virtual Exhibit (VE) is the instant Web exhibit creation tool for PastPerfect Museum Software. Virtual Exhibit converts selected collection records and images from PastPerfect to HTML

More information

Chapter 3: Quick Start Tutorial

Chapter 3: Quick Start Tutorial 1 Quick Start Tutorial Chapter 3: Quick Start Tutorial This chapter helps you become acquainted with the workspace, the commands, and the features that you use to create your own website. The step-by-step

More information

Hypercosm. Studio. www.hypercosm.com

Hypercosm. Studio. www.hypercosm.com Hypercosm Studio www.hypercosm.com Hypercosm Studio Guide 3 Revision: November 2005 Copyright 2005 Hypercosm LLC All rights reserved. Hypercosm, OMAR, Hypercosm 3D Player, and Hypercosm Studio are trademarks

More information

Site Maintenance. Table of Contents

Site Maintenance. Table of Contents Site Maintenance Table of Contents Adobe Contribute How to Install... 1 Publisher and Editor Roles... 1 Editing a Page in Contribute... 2 Designing a Page... 4 Publishing a Draft... 7 Common Problems...

More information

Outlook. Getting Started Outlook vs. Outlook Express Setting up a profile Outlook Today screen Navigation Pane

Outlook. Getting Started Outlook vs. Outlook Express Setting up a profile Outlook Today screen Navigation Pane Outlook Getting Started Outlook vs. Outlook Express Setting up a profile Outlook Today screen Navigation Pane Composing & Sending Email Reading & Sending Mail Messages Set message options Organizing Items

More information

Working with Publisher Websites

Working with Publisher Websites Working with Publisher Websites Open your Publisher website file (probably saved in htdocs directory). If you are starting a new one, you will need to open a template which may be revised. Navigating and

More information

Flash MX Image Animation

Flash MX Image Animation Flash MX Image Animation Introduction (Preparing the Stage) Movie Property Definitions: Go to the Properties panel at the bottom of the window to choose the frame rate, width, height, and background color

More information

Beginning Dreamweaver Center for Innovation in Teaching and Research Presenter: Chad Dennis Instructional Technology Systems Manager

Beginning Dreamweaver Center for Innovation in Teaching and Research Presenter: Chad Dennis Instructional Technology Systems Manager Beginning Dreamweaver Center for Innovation in Teaching and Research Presenter: Chad Dennis Instructional Technology Systems Manager ce-dennis@wiu.edu Malpass Library 637 Phone: 309.298.2434 1 Setting

More information

Basic File Management & Navigation

Basic File Management & Navigation Basic File Management & Navigation Windows Explorer 1. Open Windows Explorer. (From the "Start-Programs" menu, or "Quick Launch" shortcut, or keyboard shortcut: "Microsoft flag symbol - E") 2. Within "Explorer",

More information

Excel 2003 Tutorial I

Excel 2003 Tutorial I This tutorial was adapted from a tutorial by see its complete version at http://www.fgcu.edu/support/office2000/excel/index.html Excel 2003 Tutorial I Spreadsheet Basics Screen Layout Title bar Menu bar

More information

SHAREPOINT 2010 FOUNDATION FOR END USERS

SHAREPOINT 2010 FOUNDATION FOR END USERS SHAREPOINT 2010 FOUNDATION FOR END USERS WWP Training Limited Page i SharePoint Foundation 2010 for End Users Fundamentals of SharePoint... 6 Accessing SharePoint Foundation 2010... 6 Logging in to your

More information

Learn how to create web enabled (browser) forms in InfoPath 2013 and publish them in SharePoint 2013. InfoPath 2013 Web Enabled (Browser) forms

Learn how to create web enabled (browser) forms in InfoPath 2013 and publish them in SharePoint 2013. InfoPath 2013 Web Enabled (Browser) forms Learn how to create web enabled (browser) forms in InfoPath 2013 and publish them in SharePoint 2013. InfoPath 2013 Web Enabled (Browser) forms InfoPath 2013 Web Enabled (Browser) forms Creating Web Enabled

More information

Content Management System (CMS) CMS-1

Content Management System (CMS) CMS-1 Content Management System (CMS) CMS-1 Last edited on February 03, 2016 by Haesung Park Welcome! Analyst Programmer Web Tech. Trainer Web Services Office of Information Technology 240.567.3123 haesung.park@montgomerycollege.edu

More information

SharePoint How To s / Team Sites 1of 6

SharePoint How To s / Team Sites 1of 6 SharePoint How To s / Team Sites of 6 SharePoint Server 007 Team Sites are Web sites created from a template and designed for team collaboration. They are hosted on the corporate network. Team Sites are

More information

Web Design. Links and Navigation

Web Design. Links and Navigation Web Design Links and Navigation Web Design Link Terms HTTP, FTP, Hyperlink, Email Links, Anchor HTTP (HyperText Transfer Protocol) - The most common link type and allows the user to connect to any page

More information

Google Docs Basics Website: http://etc.usf.edu/te/

Google Docs Basics Website: http://etc.usf.edu/te/ Website: http://etc.usf.edu/te/ Google Docs is a free web-based office suite that allows you to store documents online so you can access them from any computer with an internet connection. With Google

More information

MS Word 2007 practical notes

MS Word 2007 practical notes MS Word 2007 practical notes Contents Opening Microsoft Word 2007 in the practical room... 4 Screen Layout... 4 The Microsoft Office Button... 4 The Ribbon... 5 Quick Access Toolbar... 5 Moving in the

More information

Microsoft Word 2010 Tutorial

Microsoft Word 2010 Tutorial Microsoft Word 2010 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

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

Dreamweaver CS3 THE MISSING MANUAL. David Sawyer McFarland. POGUE PRESS" O'REILLY 8 Beijing Cambridge Farnham Koln Paris Sebastopol Taipei Tokyo

Dreamweaver CS3 THE MISSING MANUAL. David Sawyer McFarland. POGUE PRESS O'REILLY 8 Beijing Cambridge Farnham Koln Paris Sebastopol Taipei Tokyo Dreamweaver CS3 THE MISSING MANUAL David Sawyer McFarland POGUE PRESS" O'REILLY 8 Beijing Cambridge Farnham Koln Paris Sebastopol Taipei Tokyo Table of Contents The Missing Credits Introduction 1 Part

More information

MICROSOFT OUTLOOK 2010 READ, ORGANIZE, SEND AND RESPONSE E-MAILS

MICROSOFT OUTLOOK 2010 READ, ORGANIZE, SEND AND RESPONSE E-MAILS MICROSOFT OUTLOOK 2010 READ, ORGANIZE, SEND AND RESPONSE E-MAILS Last Edited: 2012-07-09 1 Read Emails... 4 Find the inbox... 4 Change new incoming e-mail notification options... 5 Read email... 6 Change

More information

Colligo Contributor File Manager 4.6. User Guide

Colligo Contributor File Manager 4.6. User Guide Colligo Contributor File Manager 4.6 User Guide Contents Colligo Contributor File Manager Introduction... 2 Benefits... 2 Features... 2 Platforms Supported... 2 Installing and Activating Contributor File

More information

Lesson 5 Inserting Hyperlinks & Action Buttons

Lesson 5 Inserting Hyperlinks & Action Buttons Lesson 5 Inserting Hyperlinks & Action Buttons Introduction A hyperlink is a graphic or piece of text that links to another web page, document, or slide. By clicking on the hyperlink will activate it and

More information

Create a GAME PERFORMANCE Portfolio with Microsoft Word

Create a GAME PERFORMANCE Portfolio with Microsoft Word Create a GAME PERFORMANCE Portfolio with Microsoft Word Planning A good place to start is on paper. Get a sheet of blank paper and just use a pencil to indicate where the content is going to be positioned

More information

Dreamweaver CS5. Module 2: Website Modification

Dreamweaver CS5. Module 2: Website Modification Dreamweaver CS5 Module 2: Website Modification Dreamweaver CS5 Module 2: Website Modification Last revised: October 31, 2010 Copyrights and Trademarks 2010 Nishikai Consulting, Helen Nishikai Oakland,

More information

Macromedia Dreamweaver 8 Developer Certification Examination Specification

Macromedia Dreamweaver 8 Developer Certification Examination Specification Macromedia Dreamweaver 8 Developer Certification Examination Specification Introduction This is an exam specification for Macromedia Dreamweaver 8 Developer. The skills and knowledge certified by this

More information

Adobe CQ5 Authoring Basics Print Manual

Adobe CQ5 Authoring Basics Print Manual Adobe CQ5 Authoring Basics Print Manual SFU s Content Management System SFU IT Services CMS Team ABSTRACT A summary of CQ5 Authoring Basics including: Setup and Login, CQ Interface Tour, Versioning, Uploading

More information

1.5 MONITOR. Schools Accountancy Team INTRODUCTION

1.5 MONITOR. Schools Accountancy Team INTRODUCTION 1.5 MONITOR Schools Accountancy Team INTRODUCTION The Monitor software allows an extract showing the current financial position taken from FMS at any time that the user requires. This extract can be saved

More information

PowerPoint Work Shop Series Intro to Power Point Working with PowerPoint Accessing PowerPoint Presentations

PowerPoint Work Shop Series Intro to Power Point Working with PowerPoint Accessing PowerPoint Presentations PowerPoint Work Shop Series Intro to Power Point Working with PowerPoint Accessing PowerPoint Presentations Session 1: Intro to PowerPoint Objectives- Following the workshop, Intro to PowerPoint, attendees

More information

GOOGLE DOCS APPLICATION WORK WITH GOOGLE DOCUMENTS

GOOGLE DOCS APPLICATION WORK WITH GOOGLE DOCUMENTS GOOGLE DOCS APPLICATION WORK WITH GOOGLE DOCUMENTS Last Edited: 2012-07-09 1 Navigate the document interface... 4 Create and Name a new document... 5 Create a new Google document... 5 Name Google documents...

More information

Using econtentmanager s ewebeditpro Editor

Using econtentmanager s ewebeditpro Editor Using econtentmanager s ewebeditpro Editor econtentmanager comes with its own content editor, called ewebeditpro. With ewebeditpro, you can add and modify your page content with WYSIWYG ease-of-use. The

More information