Building a Personal Website (Adapted from the Building a Town Website Student Guide 2003 Macromedia, Inc.)
|
|
- Garey Burke
- 8 years ago
- Views:
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 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 informationIntroduction 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 informationAdobe Dreamweaver CC 14 Tutorial
Adobe Dreamweaver CC 14 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site
More informationUsing Adobe Dreamweaver CS4 (10.0)
Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called
More informationCreating 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 informationAdobe 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 informationMicrosoft 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 informationADOBE DREAMWEAVER CS3 TUTORIAL
ADOBE DREAMWEAVER CS3 TUTORIAL 1 TABLE OF CONTENTS I. GETTING S TARTED... 2 II. CREATING A WEBPAGE... 2 III. DESIGN AND LAYOUT... 3 IV. INSERTING AND USING TABLES... 4 A. WHY USE TABLES... 4 B. HOW TO
More informationDreamweaver 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 informationHow To Use Dreamweaver With Your Computer Or Your Computer (Or Your Computer) Or Your Phone Or Tablet (Or A Computer)
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 informationMaking 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 informationModule 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 informationCreating 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 informationDreamweaver 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 informationIAS 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 informationJoomla! 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 informationITP 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 informationDreamweaver. 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 informationCreating 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 informationContents. Launching FrontPage... 3. Working with the FrontPage Interface... 3 View Options... 4 The Folders List... 5 The Page View Frame...
Using Microsoft Office 2003 Introduction to FrontPage Handout INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 1.0 Fall 2005 Contents Launching FrontPage... 3 Working with
More information(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 informationOne 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 informationSiteBuilder 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 informationDreamweaver 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 informationGetting 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 informationCreating Personal Web Sites Using SharePoint Designer 2007
Creating Personal Web Sites Using SharePoint Designer 2007 Faculty Workshop May 12 th & 13 th, 2009 Overview Create Pictures Home Page: INDEX.htm Other Pages Links from Home Page to Other Pages Prepare
More informationTUTORIAL 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 informationDeveloping 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 informationUsing 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 informationBasic 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 informationDecision 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 informationPersonal 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 informationOutlook 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 informationPowerPoint 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 informationChapter 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 informationMicrosoft 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 informationCreating 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 informationMicrosoft FrontPage 2003
Information Technology Services Kennesaw State University Microsoft FrontPage 2003 Information Technology Services Microsoft FrontPage Table of Contents Information Technology Services...1 Kennesaw State
More informationLotus 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 informationBasic 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 informationAdobe 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 information1. 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 informationDreamweaver 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 informationSite 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 informationCreating 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 informationGoogle 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 informationUsing 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 informationWORDPRESS 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 informationAlfresco 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 informationFlash 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 informationMicrosoft 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 informationUNPAN 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 informationWorking 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 informationVirtual 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 informationHypercosm. 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 informationJOOMLA 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 informationMastering 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 informationExcel 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 informationContent 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 informationMacromedia 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 informationARCONICS 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 informationNJCU 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 informationRecreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade. Exercise: Creating two types of Story Layouts
Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade Exercise: Creating two types of Story Layouts 1. Creating a basic story layout (with title and content)
More informationDreamweaver 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 informationOutlook. 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 informationMS 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 informationCMS 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 informationMicrosoft 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 informationCREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions)
CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions) Step 1 - DEFINE A NEW WEB SITE - 5 POINTS 1. From the welcome window that opens select the Dreamweaver Site... or from the main
More informationCreating a Website with MS Publisher
Creating a Website with MS Publisher Getting Started with the Wizard...1 Editing the Home Page...3 Editing Text...3 Editing and Inserting Graphics...4 Inserting Pictures...6 Inserting a Table...6 Inserting
More informationMicrosoft 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 informationGoogle 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 informationGOOGLE 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 informationBasic 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 informationSHAREPOINT 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 informationHow to Edit Your Website
How to Edit Your Website A guide to using your Content Management System Overview 2 Accessing the CMS 2 Choosing Your Language 2 Resetting Your Password 3 Sites 4 Favorites 4 Pages 5 Creating Pages 5 Managing
More informationMicrosoft Word 2013 Tutorial
Microsoft Word 2013 Tutorial GETTING STARTED Microsoft Word is one of the most popular word processing programs supported by both Mac and PC platforms. Microsoft Word can be used to create documents, brochures,
More informationLearn 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 informationEBOX 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 informationIntroduction to Word 2007
Introduction to Word 2007 You will notice some obvious changes immediately after starting Word 2007. For starters, the top bar has a completely new look, consisting of new features, buttons and naming
More informationEmail Marketing. User Guide. July 2012. Welcome to AT&T Website Solutions SM
July 2012 Email Marketing User Guide Welcome to AT&T Website Solutions SM We are focused on providing you the very best web hosting service including all the tools necessary to establish and maintain a
More informationCreate 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 informationHow To Write A Cq5 Authoring Manual On An Ubuntu Cq 5.2.2 (Windows) (Windows 5) (Mac) (Apple) (Amd) (Powerbook) (Html) (Web) (Font
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 informationMICROSOFT WORD TUTORIAL
MICROSOFT WORD TUTORIAL G E T T I N G S T A R T E D 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,
More informationMICROSOFT 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 informationIntroduction 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 information1.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 informationSite 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 informationDreamweaver 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 informationWeb 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 informationDecision Support AITS University Administration. Web Intelligence Rich Client 4.1 User Guide
Decision Support AITS University Administration Web Intelligence Rich Client 4.1 User Guide 2 P age Web Intelligence 4.1 User Guide Web Intelligence 4.1 User Guide Contents Getting Started in Web Intelligence
More informationPE Content and Methods Create a Website Portfolio using MS Word
PE Content and Methods Create a Website Portfolio using MS Word Contents Here s what you will be creating:... 2 Before you start, do this first:... 2 Creating a Home Page... 3 Adding a Background Color
More informationWord 2007: Basics Learning Guide
Word 2007: Basics Learning Guide Exploring Word At first glance, the new Word 2007 interface may seem a bit unsettling, with fat bands called Ribbons replacing cascading text menus and task bars. This
More informationHow to Build a SharePoint Website
How to Build a SharePoint Website Beginners Guide to SharePoint Overview: 1. Introduction 2. Access your SharePoint Site 3. Edit Your Home Page 4. Working With Text 5. Inserting Pictures 6. Making Tables
More informationMicrosoft Publisher 2010: Web Site Publication
Microsoft Publisher 2010: Web Site Publication Application Note Team 6 Darci Koenigsknecht November 14, 2011 Table of Contents ABSTRACT... 3 INTRODUCTION... 3 KEYWORDS... 3 PROCEDURE... 4 I. DESIGN SETUP...
More informationUF Health SharePoint 2010 Introduction to Content Administration
UF Health SharePoint 2010 Introduction to Content Administration Email: training@health.ufl.edu Web Page: http://training.health.ufl.edu Last Updated 2/7/2014 Introduction to SharePoint 2010 2.0 Hours
More informationPLANNING FOR A SECURE RETIREMENT
PLANNING FOR A SECURE RETIREMENT ADMINISTRATIVE VIEW User Guide: D2.6.39 Agriculture Information Technology Released: August, 2005 Revised: January, 2006 Version: 1.0 PLANNING FOR A SECURE RETIREMENT ADMINISTRATIVE
More informationMura CMS. (Content Management System) Content Manager Guide
Mura CMS (Content Management System) Content Manager Guide Table of Contents Table of Contents 1. LOGGING IN...1 2. SITE MANAGER...2 3. ADDING CONTENT (Pages, Folders, etc.)...6 4. WORKING WITH IMAGES...15
More informationcollab.virginia.edu UVACOLLAB ECLPS: BUILDING COURSE PORTALS UVaCollab User Guide Series collab-support@virginia.edu
UVACOLLAB ECLPS: BUILDING COURSE PORTALS UVaCollab User Guide Series collab-support@virginia.edu Revised 4/28/2014 CONTENTS The eclps Overview... 3 Objectives... 3 Adding the Syllabus or Lessons Tool to
More informationColligo 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