SeaMonkey for PC. Getting Started Adding Links Adding Colors, Images, and Style Loading into D2L

Size: px
Start display at page:

Download "SeaMonkey for PC. Getting Started Adding Links Adding Colors, Images, and Style Loading into D2L"

Transcription

1 1 SeaMonkey for PC Getting Started Adding Links Adding Colors, Images, and Style Loading into D2L Getting Started 1. Click the Start Menu icon in the lower left corner of your screen and search SeaMonkey. Then click the SeaMonkey icon. 2. If you get a window asking if you want to use SeaMonkey for any defaults, click Cancel. You can change this next time if you want. 3. You will now see what should look like any other browser page. To start a new file, click File, then New, then Composer Page.

2 2 4. To preserve your sanity, click Edit, then Preferences. In the window that comes up, click Composer, then make sure the screen looks like the one in the picture below. By unchecking the box shown, you will be preventing SeaMonkey from creating confusing ghost-files that will mess your webpage up. Click OK when done. 5. The window opened is called a composer page. In SeaMonkey html editor, here is where you will create your index page. An index is like the Home page on any website. It is the first thing they see, and usually where they go for direction. Important: The KSU web server automatically links to your index page, with a small i at the beginning, so if you plan to put your page on the KSU server, it s important to create this index page. It is helpful to note that some web design rules state that viewers should not have to scroll on the index page.

3 3 6. Web pages are a series of pages connected by hyperlinks. Web pages have unique needs. Let s think about it like this: you have a small child whom you keep in a playpen. In the playpen is a tiny toy box with a ball, a block, and a fire truck. You play a game where you tell her to show you the ball, and she points to the ball. You tell her to show you the block, and she points to the block. You tell her to point to the fire truck, and she points to the fire truck. This game works very well. But then you take her into another room and put her in another playpen, and there s a pillow and a rattle and a dolly. You tell her to point to the fire truck, and she looks around and shrugs her shoulders. Her mind is not advanced enough to understand that you wish her to point through the wall into the other playpen. And she does not have the physical ability to get out of the playpen, walk to the other room, and retrieve your fire truck for you. This game will not work. You then try again. You put her back in the original playpen, but you take the small box of toys and scatter them around the house. You put the ball under the couch. You put the block in the bathtub. And you put the fire truck in the trunk of your car. You return to the playpen and ask the child to show you the fire truck. Again, she shrugs her shoulders. This game will not work. Why does the first game work, but the other two do not? What if you change the game by taking the child, playpen, toy box, and all into the next room and again ask the child for the block? Unless something distracts the child, the game will work! The child knows the block is in the box, and all functions as normal. Your webpage is the child, and its name is index. You are going to create a playpen for it, called web. And you will create a toy box for it, called images.

4 4 7. Right click on your desktop and click New, then Folder. Click, then click again on the name of the new folder to name it web. Double click on the folder to open it. Right click inside it and choose New, then Folder again. Rename this folder images. 8. Put some toys in the toy box. To add images to your folder, you can right click on the image you wish to save, choose Save Image As and save the image with a title with no spaces that will let you know what it is. Save it in the image folder we just created. You can save any image with this method. Make sure any images or backgrounds are copyright free. Some request that you link back to the source of the graphic in order to use it. If that request is made, you should honor it. However, do not assume that always linking back gives you permission to take a graphic it does not and may land you with a fine for copyright violation. Here are some copyright free images to play with:

5 5 9. In creating web pages for classes, many instructors find it helpful to first create a folder titled web and then create a folder for each class. These folders should be created on your computer where you want to store you website information such as in My Documents or on the Desktop. Label each folder with a one-word title that lets you know which class it is for. It is important to remember that all titles of folders, images, and pages must be limited to one word or words joined with an underscore (English_1101). If later your links do not work or do not work consistently, it may be because anchors, files, and folders contain spaces in the titles. Inside each folder create a separate folder and title it images. You will keep pictures and backgrounds here. 10. If you were to map your folders for two classes, the map might look like this:

6 11. Now that you are organized and ready to create your web pages, return to the composer page. Note that there are several areas in the page: the MENU BAR, the COMPOSITION TOOLBAR, the FORMAT TOOLBAR, the EDITING AREA, the EDIT MODE TOOLBAR, and the STATUS BAR. On the index page add your name, title, institution, and contact information. The SeaMonkey html editor works just like a word processor for this function. Back to Top 6

7 7 Adding Links Hyperlinks Internal Links Named Anchors Links How to make a Hyperlink (AKA external link) 12. Hyperlinks link to existing web pages. Highlight the institution name with your mouse button (not the highlighter function). Choose the Link icon in the COMPOSITION TOOLBAR across the top (this icon has the image of chain links on it). In the box that appears, type the web address of your institution ( Click OK. The linked text should be underlined to show it is a link. You can also link images to web pages by selecting the image and clicking link and following the same steps. A linked image will not be underlined.

8 8 How to link other files (AKA internal links) 13. First, save your index page as index. To do this, click on File in the MENU BAR and then Save as. It will ask you to name the page, name it index, then click OK. Then save it in your web folder as index (no capitals).

9 9 14. Click New to create a new page. 15. Save this page as your class home page, for example Comp1Home or 1101_Home. Save it in the folder you created for that particular page. You don t have to put anything on the page just yet. Follow step 13 to save the new page. 16. Go back to the index page and type in the name of the course that you want to link to. For example, type in English Then, highlight English 1101 and choose link at the top. You are creating what is called an internal link. Select Choose File. This will open up a window. Double-click the file you just created.

10 10 SeaMonkey will show you the link you just created, and ask you to click OK. Now your index page links to your class home page. Creating Named Anchors 17. Some webmasters choose to put named anchors inside pages so viewers can quickly and easily find information within a page. For example, on your classroom home page, you might create a table, referred to as a navigation bar, across the top consisting of one row and five columns. To do this, click the Table icon, and then set the Rows to 1 and the Columns to 5, then click OK. In these columns you might create links to your index page (call this your home page), Desire2Learn, your syllabus for this course, course policies, and/or the grade breakdown. Click Save. The link to your index page is a link to a file in your folder (see number 20). The link to D2L is an external link (see number 16). You probably want to create a separate page for the syllabus so that students can print it out without printing all your other course information. That would make this a link to a file, as well. However, if you put your course policies (required textbooks, attendance policies, plagiarism penalties, required formats, etc.) and grade breakdown on the course home page, you will link them to what SeaMonkey html editor calls Named Anchors (Microsoft calls them bookmarks ).

11 To create a named anchor, click the mouse to the spot on the page where you want the link to jump to. For example, if you want your item Course Policies in the navigation bar to jump to the Course Policies section of your document, click the mouse by the Course Policies section of your document and then under Insert choose Named Anchor. Type in policies. Again, use no spaces in the link or anchor name. Click OK. This action will create a tiny anchor at the point you want to link to.

12 Go up to Course Policies in the navigation bar, and highlight it with your mouse. Then click Link. Click the drop-down menu, and then click #policies. Then click OK. Adding an Link 20. You want students to be able to contact you. You can add a column to your navigation bar by placing the mouse in the last column of your navigation bar. Choose Table, Insert, and Column After. In the new box, add an option to you.

13 A basic html command is the mailto command. This type of link allows the viewer to send an . Highlight the text with your mouse. Click link, and in the blank space type mailto: and the address that you want the viewer to send an to, for example: mailto:treardo2@students.kennesaw.edu. There are no spaces in this command. Click OK. Back to Top

14 14 Adding Colors, Media, and Style Background Colors Background Images Adding Pictures Centering Pictures Resizing Pictures Adding Video 22. To set a professional tone to all of your pages, go to Format, and Page Title and Properties. Fill in the title and author boxes. You can use spaces in these items. Viewers will see this information when they pull your page up.

15 To make your tables/navigation bars look more professional, highlight the entire nav bar, right click in it, and choose Table or Cell Background color. 24. You can choose the color for the entire table or individual cells Click on a color and click OK. If you would like a wider range of colors, you can google a hex chart or visit Type any of these codes into the empty box above and the okay button (as shown above) to get the color.

16 Right click the table again, and choose Table Cell Properties. You will get the menu below. Make sure you are on the table tab, and reset the borders and spacing options as shown below. Click OK. Now your nav bar looks more like buttons rather than a table.

17 17 Page Background Color 26. You want your page background to set an appropriate tone and be light enough to read through easily. You can set the background color by going to Format and Page Colors and Background. Under Page Colors click the radio button by Use Custom Colors. Click the box to the right of Background. A color palette will come up. Choose a color to serve as the background of your web page. Remember, you want it to be light enough to read text through. You can also choose a hex code, like you did with the table cell colors above. Click OK twice.

18 18 Page Background Image 27. A background image is any color or image that you use that is not included in the SeaMonkey html editor color palette. First, you need to put some images in your image folder. Here are some images you can download and save: You can also lighten images to make them better backgrounds using the free software at To apply the background image, again go to format, and choose page colors and background. Again click on use custom colors, and under background image, click on choose file. 29. You may have to look for your web folder and your image files. Click on the image you wish to use as a background, and click on the open button. Choose OK, and you have selected your background.

19 19 Adding a Picture 30. Choose the Image icon at the top of the page. Under Image Location, click Choose File. Find your image file and the image you want to insert (as a picture, not as a background). Under Alternate Text you will want to type in a short description of the picture such as Kennesaw State University logo. Alternate text alerts viewers with slower browsers or blind viewers that a picture is there on the page. Do not neglect this step. Click OK. Centering a Picture 31. Click on the picture and choose the center justification icon on the top of the page.

20 20 Resizing a Picture 32. Click on the picture. You will see small squares around the sides of the picture. These are called handles. Put your mouse over one of the handles. You will see it change to an arrow. Handles on the sides adjust the width of an image. Handles on the top and bottom adjust the height. Handles on the corners will shrink or enlarge an image proportionally. When you resize the picture with handles, you are not actually changing the size of the picture. If your pictures load too slowly, they are likely too large. For web use, pictures should be less than 300 kb. Also, remember that bitmap (bmp) images will not show up on the web. Only jpgs, pngs, tifs, and gifs will show up on your webpage. To learn how to shrink image sizes and change image formats, view the editing images tutorial at _Aviary.html.

21 21 Adding a Video 33. Open a new browser window and go to YouTube ( In the search bar, type a topic. I would be happy to suggest Wikis in Plain English for faculty who might use wikis in their courses and want to introduce the concept to students. If you type in Wikis in Plain English, and hit the search button, your first result will be the Wikis in Plain English video. 34. Click on the title of the video, and the video will start. However, what you are looking for is the URL and embed codes. You can find those by clicking Share under the video and then either clicking Share this video (for a URL) or Embed.

22 The easiest way to insert a video is to simply highlight the URL and copy it (ctrl + c), and then return to your webpage and click where you want the link. Then paste the link there (ctrl + v). Highlight the link, and hit the link icon at the top. Your link should link automatically, but if not, you can paste the URL in again. 36. To put your videos directly in your webpage file, you will want to embed it. In YouTube, click Embed, uncheck the box that says Show suggested videos when the video finishes (this is a good idea because you can t control what suggestions come up at the end of the video), then highlight and copy (ctrl + c) the html text in the box.

23 23 Go back into SeaMonkey, and click the <HTML> Source button at the bottom of the screen. Your page will turn to gobbledygook, better known as html code. Find the spot where you want to paste the video. To switch back to normal view, click Normal at the bottom of the screen. It will not show anything in the composer, but when you open it in a browser it will look like a picture with a play button in the middle. Back to Top

24 24 Loading your Page into D2L Want to add pictures, links, and pizzazz to your syllabus and course policies on D2L? Want to include a YouTube video? Make your documents into webpages. There is one caveat to make your page look like the one you created, you must load the entire site you ve created into D2L. And to edit your page after you have loaded it, you must remove the entire site from D2L, make your change, and reload the entire site. 37. Save your web page, then on the Desktop right click your web folder, and click Send to, then Compressed (zipped) folder You will now have a zipped web file on your desktop (or wherever you saved your web folder. 38. Go into your course, and click Edit Course. Under Site Resources, click Manage Files.

25 Create a folder for your zip file by clicking New Folder. Give it a name, then click save. 40. Click on the folder you just created, then click Upload. From here, you can drag and drop your ZIPPED file into the box or click upload and find it that way. Either way, you should see your zip file inside the box when finished, then click save. 41. In D2L, hover over the file you just uploaded, and click the down arrow that appears. Then click unzip.

26 Now that you ve uploaded the webpage, click Content. Choose the module you want your webpage in, then click New, then Add from Manage Files. Find the index file in your D2L files, and then click the check box next to it. Click Add at the bottom of the window. 43. To change the name of the file, click the down arrow next to it, then Edit Properties. Then click the word index and simply type in a new one and press Enter on your keyboard. You should now see a link to the file. If you click on it, you will see your webpage. Then you are done! Instructions Created By: Tiffani Reardon, May 2014 Back to Top

NVU Web Authoring System

NVU Web Authoring System NVU Web Authoring System http://www.nvu.com/index.php Table of Contents Using Nvu as Your Web Page Authoring System: Getting Started Opening a page, saving, and previewing your work...3 Formatting the

More information

SoftChalk 10. Level 1. University Information Technology Services. Learning Technologies, Training, Audiovisual, and Outreach

SoftChalk 10. Level 1. University Information Technology Services. Learning Technologies, Training, Audiovisual, and Outreach SoftChalk 10 Level 1 University Information Technology Services Learning Technologies, Training, Audiovisual, and Outreach Copyright 2018 KSU Division of University Information Technology Services This

More information

Rich Text Editor Quick Reference

Rich Text Editor Quick Reference Rich Text Editor Quick Reference Introduction Using the rich text editor is similar to using a word processing application such as Microsoft Word. After data is typed into the editing area it can be formatted

More information

D2L Brightspace. The Content Tool. University Information Technology Services. Learning Technologies, Training, & Audiovisual Outreach

D2L Brightspace. The Content Tool. University Information Technology Services. Learning Technologies, Training, & Audiovisual Outreach D2L Brightspace The Content Tool University Information Technology Services Learning Technologies, Training, & Audiovisual Outreach Copyright 2016 KSU Division of University Information Technology Services

More information

FrontPage. Directions & Reference

FrontPage. Directions & Reference FrontPage Directions & Reference August 2006 Table of Contents Page No. Open, Create, Save WebPages Open Webpage... 1 Create and Save a New Page... 1-2 Change the Background Color of Your Web Page...

More information

Uploading a File in the Desire2Learn Content Area

Uploading a File in the Desire2Learn Content Area Uploading a File in the Desire2Learn Content Area Login to D2L and open one of your courses. Click the Content button in the course toolbar to access the Content area. Locate the Table of Contents on the

More information

Useful Google Apps for Teaching and Learning

Useful Google Apps for Teaching and Learning Useful Google Apps for Teaching and Learning Centre for Development of Teaching and Learning (CDTL) National University of Singapore email: edtech@groups.nus.edu.sg Table of Contents About the Workshop...

More information

Beginners Guide to Snippet Master PRO

Beginners Guide to Snippet Master PRO Beginners Guide to Snippet Master PRO This document assumes that Snippet Master has been installed on your site. If not please contact the Bakas IT web team at webreg@bakasit.com.au. Initial Login Screen...

More information

In this tutorial, you will learn how to perform basic tasks for setting up a course site in Moodle.

In this tutorial, you will learn how to perform basic tasks for setting up a course site in Moodle. Curriculum and Instructional Materials Center 1-800-654-4502 www.okcimc.com 1: INTRO TO MOODLE WELCOME TO THE INTRO TO MOODLE TRAINING ACTIVITY! In this tutorial, you will learn how to perform basic tasks

More information

Nauticom NetEditor: A How-to Guide

Nauticom NetEditor: A How-to Guide Nauticom NetEditor: A How-to Guide Table of Contents 1. Getting Started 2. The Editor Full Screen Preview Search Check Spelling Clipboard: Cut, Copy, and Paste Undo / Redo Foreground Color Background Color

More information

GoLive will first ask you if your new site will be for one individual or a work group; select for a Single User, and click Next.

GoLive will first ask you if your new site will be for one individual or a work group; select for a Single User, and click Next. Getting Started From the Start menu, located the Adobe folder which should contain the Adobe GoLive 6.0 folder. Inside this folder, click Adobe GoLive 6.0. GoLive will open to its initial project selection

More information

Electronic Portfolios in the Classroom

Electronic Portfolios in the Classroom Electronic Portfolios in the Classroom What are portfolios? Electronic Portfolios are a creative means of organizing, summarizing, and sharing artifacts, information, and ideas about teaching and/or learning,

More information

Piktochart 101 Create your first infographic in 15 minutes

Piktochart 101 Create your first infographic in 15 minutes Piktochart 101 Create your first infographic in 15 minutes TABLE OF CONTENTS 01 Getting Started 5 Steps to Creating Your First Infographic in 15 Minutes 1.1 Pick a Template 1.2 Click Create and Start Adding

More information

Website Creating Content

Website Creating Content CREATING WEBSITE CONTENT As an administrator, you will need to know how to create content pages within your website. This document will help you learn how to: Create Custom Pages Edit Content Areas Creating

More information

PBWORKS - Student User Guide

PBWORKS - Student User Guide PBWORKS - Student User Guide Fall 2009 PBworks - Student Users Guide This guide provides the basic information you need to get started with PBworks. If you don t find the help you need in this guide, please

More information

Dazzle the Web with Dynamic Dreamweaver, Part II

Dazzle the Web with Dynamic Dreamweaver, Part II Dazzle the Web with Dynamic Dreamweaver, Part II In the second Dreamweaver workshop we will learn the following skills: 1. Adding hyperlinks to our home page 2. Adding images to our home page 3. Creating

More information

Creating a Presentation

Creating a Presentation Creating a Presentation You will need to create a basic presentation before you can work with the advanced features of PowerPoint. 1 Exercise #1 Creating the Basic Presentation (1) Open Microsoft PowerPoint

More information

PBwiki Basics Website:

PBwiki Basics Website: Website: http://etc.usf.edu/te/ A wiki is a website that allows visitors to edit or add their own content to the pages on the site. The word wiki is Hawaiian for fast and this refers to how easy it is

More information

Introduction to the MODx Manager

Introduction to the MODx Manager Introduction to the MODx Manager To login to your site's Manager: Go to your school s website, then add /manager/ ex. http://alamosa.k12.co.us/school/manager/ Enter your username and password, then click

More information

Using Adobe Contribute 4 A guide for new website authors

Using Adobe Contribute 4 A guide for new website authors Using Adobe Contribute 4 A guide for new website authors Adobe Contribute allows you to easily update websites without any knowledge of HTML. This handout will provide an introduction to Adobe Contribute

More information

Centricity 2.0 Section Editor Help Card

Centricity 2.0 Section Editor Help Card Centricity 2.0 Section Editor Help Card Accessing Section Workspace In order to edit your section, you must first be assigned Section Editor privileges. This is done by the Director of your Site, Subsite,

More information

< building websites with dreamweaver mx >

< building websites with dreamweaver mx > < building websites with dreamweaver mx > < plano isd instructional technology department > < copyright = 2002 > < building websites with dreamweaver mx > Dreamweaver MX is a powerful Web authoring tool.

More information

Step 1 Download and Install KompoZer Step by step instructions to build your first web page using KompoZer web editor.

Step 1 Download and Install KompoZer Step by step instructions to build your first web page using KompoZer web editor. All Creative Designs HTML Web Tutorial for PC Using KompoZer New version 2012 now available at: http://www.allcreativedesigns.com.au/pages/tutorials.html Step 1 Download and Install KompoZer Step by step

More information

FrontPage 98 Quick Guide. Copyright 2000 Peter Pappas. edteck press All rights reserved.

FrontPage 98 Quick Guide. Copyright 2000 Peter Pappas. edteck press All rights reserved. Master web design skills with Microsoft FrontPage 98. This step-by-step guide uses over 40 full color close-up screen shots to clearly explain the fast and easy way to design a web site. Use edteck s QuickGuide

More information

OU Campus VERSION 10

OU Campus VERSION 10 OU Campus VERSION 10 End User Manual Last Update: 9/8/2015 Contact Tish Sailer with comments or questions regarding this Manual. Contents INTRODUCTION...3 HELP DOCUMENTS AND SUPPORT... 3 ACCESSING PAGES

More information

There are six main steps in creating web pages in FrontPage98:

There are six main steps in creating web pages in FrontPage98: This guide will show you how to create a basic web page using FrontPage98 software. These instructions are written for IBM (Windows) computers only. However, FrontPage is available for Macintosh users

More information

The Text scrap sheet is also needed for copying image and webpage URLs for easy access. Additionally you will use it to look at HTML when needed.

The Text scrap sheet is also needed for copying image and webpage URLs for easy access. Additionally you will use it to look at HTML when needed. epro 2 Hints Always have open Word and Text scrap sheets so you can write your text, spell check etc. in Word. You MUST copy and paste your writings onto Text to remove formatting. The Text scrap sheet

More information

BHM Website Teacher User Guide

BHM Website Teacher User Guide BHM Website Teacher User Guide How to Login 1. Go to HUhttp://bhmschools.org/userUH 2. Enter your username and password and click Log in How to Change Your Password 1. Go to My Account in your Nav bar

More information

Creating a Website with Publisher 2016

Creating a Website with Publisher 2016 Creating a Website with Publisher 2016 Getting Started University Information Technology Services Learning Technologies, Training & Audiovisual Outreach Copyright 2017 KSU Division of University Information

More information

Creating Classroom Websites Using Contribute By Macromedia

Creating Classroom Websites Using Contribute By Macromedia Creating Classroom Websites Using Contribute By Macromedia Revised: 10/7/05 Creating Classroom Websites Page 1 of 22 Table of Contents Getting Started Creating a Connection to your Server Space.. Page

More information

ACADEMIC TECHNOLOGY SUPPORT

ACADEMIC TECHNOLOGY SUPPORT ACADEMIC TECHNOLOGY SUPPORT D2L : Introduction A Guide for Instructors ats@etsu.edu 439-8611 www.etsu.edu/ats Table of Contents Introduction...1 Objectives... 1 Logging In to D2L...1 My Home... 2 The Minibar...

More information

The Dreamweaver Interface

The Dreamweaver Interface The Dreamweaver Interface Let s take a moment to discuss the different areas of the Dreamweaver screen. The Document Window The Document Window shows you the current document. This is where you are going

More information

Basic CMS User Guide

Basic CMS User Guide "We create exceptional business solutions for cash-pay healthcare professionals that enable them to realize their full potential." Basic CMS User Guide Version 1.2 3/28/2012 1 Table of Contents Table of

More information

EKTRON 101: THE BASICS

EKTRON 101: THE BASICS EKTRON 101: THE BASICS Table of Contents INTRODUCTION... 2 TERMINOLOGY... 2 WHY DO SOME PAGES LOOK DIFFERENT THAN OTHERS?... 5 LOGGING IN... 8 Choosing an edit mode... 10 Edit in context mode (easy editing)...

More information

AGENT123. Full Q&A and Tutorials Table of Contents. Website IDX Agent Gallery Step-by-Step Tutorials

AGENT123. Full Q&A and Tutorials Table of Contents. Website IDX Agent Gallery Step-by-Step Tutorials AGENT123 Full Q&A and Tutorials Table of Contents Website IDX Agent Gallery Step-by-Step Tutorials WEBSITE General 1. How do I log into my website? 2. How do I change the Meta Tags on my website? 3. How

More information

UTAS CMS. Easy Edit Suite Workshop V3 UNIVERSITY OF TASMANIA. Web Services Service Delivery & Support

UTAS CMS. Easy Edit Suite Workshop V3 UNIVERSITY OF TASMANIA. Web Services Service Delivery & Support Web Services Service Delivery & Support UNIVERSITY OF TASMANIA UTAS CMS Easy Edit Suite Workshop V3 Web Service, Service Delivery & Support UWCMS Easy Edit Suite Workshop: v3 Contents What is Easy Edit

More information

OU EDUCATE TRAINING MANUAL

OU EDUCATE TRAINING MANUAL OU EDUCATE TRAINING MANUAL OmniUpdate Web Content Management System El Camino College Staff Development 310-660-3868 Course Topics: Section 1: OU Educate Overview and Login Section 2: The OmniUpdate Interface

More information

About Freeway. Freeway s Tools and Palettes

About Freeway. Freeway s Tools and Palettes About Freeway The most important thing to appreciate before you start a site in Freeway is how the process works, especially if you have tried other Web publishing software before. Freeway is not an HTML

More information

D2L Brightspace Daylight Experience

D2L Brightspace Daylight Experience D2L Brightspace Daylight Experience The Content Tool University Information Technology Services Learning Technology, Training, Audiovisual, and Outreach Copyright 2018 Kennesaw State University Division

More information

Microsoft FrontPage Practical Session

Microsoft FrontPage Practical Session Ministry of manpower Higher college of technology Department of Information Technology QA Umbrella Workshop 30 th August- 3 rd September 2008 IT Skills Microsoft FrontPage Practical Session Copyright of

More information

Lava New Media s CMS. Documentation Page 1

Lava New Media s CMS. Documentation Page 1 Lava New Media s CMS Documentation 5.12.2010 Page 1 Table of Contents Logging On to the Content Management System 3 Introduction to the CMS 3 What is the page tree? 4 Editing Web Pages 5 How to use the

More information

Creating a Website Using Weebly.com (July 2012 Update)

Creating a Website Using Weebly.com (July 2012 Update) Creating a Website Using Weebly.com (July 2012 Update) Weebly.com is a website where anyone with basic word processing skills can create a website at no cost. No special software is required and there

More information

Joomla! 2.5.x Training Manual

Joomla! 2.5.x Training Manual Joomla! 2.5.x Training Manual 1 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

More information

Creating Web Pages with SeaMonkey Composer

Creating Web Pages with SeaMonkey Composer 1 of 26 6/13/2011 11:26 PM Creating Web Pages with SeaMonkey Composer SeaMonkey Composer lets you create your own web pages and publish them on the web. You don't have to know HTML to use Composer; it

More information

Unit 8. Lesson 8.1. Microsoft FrontPage. Introduction. Microsoft FrontPage-1. Microsoft FrontPage

Unit 8. Lesson 8.1. Microsoft FrontPage. Introduction. Microsoft FrontPage-1. Microsoft FrontPage Microsoft FrontPage Unit 8 Microsoft FrontPage Introduction Lesson 8.1 Microsoft FrontPage-1 A number of Software Packages are available in market for creating a website. Among popular software s are Dreamweaver,

More information

USER GUIDE PowerPhoto CRM

USER GUIDE PowerPhoto CRM USER GUIDE PowerPhoto CRM 2013 2015 Contents CONFIGURING POWERPHOTO Add, Remove, Set Default, Set Record Image, Thumbnail & View Text Display Original File Save Original File Resize Photo Resize Height

More information

Blackboard QuickStart Guide for Students

Blackboard QuickStart Guide for Students Blackboard QuickStart Guide for Students This QuickStart guide will walk you through the process of logging in to Blackboard and submitting your work. If you do not know your login information for Blackboard,

More information

QuickStart Guide for Students

QuickStart Guide for Students Once you have registered your Chalk & Wire account or received your User ID and Password, go to the Chalk & Wire login web page for your institution. If you do not know the correct URL, please visit ep.chalkandwire.com

More information

Classroom Blogging. Training wiki:

Classroom Blogging. Training wiki: Classroom Blogging Training wiki: http://technologyintegrationshthornt.pbworks.com/create-a-blog 1. Create a Google Account Navigate to http://www.google.com and sign up for a Google account. o Use your

More information

Handout created by Cheryl Tice, Instructional Support for Technology, GST BOCES

Handout created by Cheryl Tice, Instructional Support for Technology, GST BOCES Handout created by Cheryl Tice, Instructional Support for Technology, GST BOCES Intro to FrontPage OVERVIEW: This handout provides a general overview of Microsoft FrontPage. AUDIENCE: All Instructional

More information

Photoshop tutorial: Final Product in Photoshop:

Photoshop tutorial: Final Product in Photoshop: Disclaimer: There are many, many ways to approach web design. This tutorial is neither the most cutting-edge nor most efficient. Instead, this tutorial is set-up to show you as many functions in Photoshop

More information

EXCEL BASICS: MICROSOFT OFFICE 2007

EXCEL BASICS: MICROSOFT OFFICE 2007 EXCEL BASICS: MICROSOFT OFFICE 2007 GETTING STARTED PAGE 02 Prerequisites What You Will Learn USING MICROSOFT EXCEL PAGE 03 Opening Microsoft Excel Microsoft Excel Features Keyboard Review Pointer Shapes

More information

The SBCC Web Publishing Process The process of creating new web pages or editing existing pages within the OmniUpdate system is straightforward.

The SBCC Web Publishing Process The process of creating new web pages or editing existing pages within the OmniUpdate system is straightforward. Table of Contents Introduction 2 The SBCC Web Publishing Process 2 Staging Server vs. Production Server 2 Roles, Permissions, Levels and Authority 2 Logging In 3 Workflow 3 Dashboard Tab, Content Tab,

More information

Dreamweaver CS 5.5. University Information Technology Services. Training, Outreach, Learning Technologies, and Video Production

Dreamweaver CS 5.5. University Information Technology Services. Training, Outreach, Learning Technologies, and Video Production Dreamweaver CS 5.5 Creating Web Pages with a Template University Information Technology Services Training, Outreach, Learning Technologies, and Video Production Copyright 2012 KSU Department of Information

More information

STUDENT WORKBOOK. Teach Yourself: Computer Basics Expert. In 24 Hours or less

STUDENT WORKBOOK. Teach Yourself: Computer Basics Expert. In 24 Hours or less STUDENT WORKBOOK Teach Yourself: Computer Basics Expert In 24 Hours or less Student Workbook Table of Contents Section 1: Understanding Applications... 1 Lesson 1.1: Application Basics... 2 Step-By-Step...

More information

Dreamweaver Basics Outline

Dreamweaver Basics Outline Dreamweaver Basics Outline The Interface Toolbar Status Bar Property Inspector Insert Toolbar Right Palette Modify Page Properties File Structure Define Site Building Our Webpage Working with Tables Working

More information

Vetstreet Web Builder Editor Tool User Guide v2.1. Web Builder. User Guide v2.1

Vetstreet Web Builder Editor Tool User Guide v2.1. Web Builder. User Guide v2.1 Web Builder User Guide v2.1 Contact your Account Manager at (888) 799-8387 or email support@vetstreet.com with questions. Page 1 Index... 1 The Editor Tool... 7 Forgot Your Username or Password?... 7 How

More information

Dreamweaver Handout. University of Connecticut Prof. Kent Golden

Dreamweaver Handout. University of Connecticut Prof. Kent Golden Dreamweaver Handout University of Connecticut Prof. Kent Golden Kent@GoldenMultimedia.com www.goldenmultimedia.com Main goal of this handout: To give you the steps needed to create a basic personal website

More information

FRONTPAGE STEP BY STEP GUIDE

FRONTPAGE STEP BY STEP GUIDE IGCSE ICT SECTION 15 WEB AUTHORING FRONTPAGE STEP BY STEP GUIDE Mark Nicholls ICT lounge P a g e 1 Contents Introduction to this unit.... Page 4 How to open FrontPage..... Page 4 The FrontPage Menu Bar...Page

More information

WYSIWYG Editor: Users Manual

WYSIWYG Editor: Users Manual WYSIWYG Editor: Users Manual Table of Contents WYSIWYG Editor Overview.... 3 Adding Text... 4 Inserting an Image.... 7 Inserting a File.... 15 Embedding Media.... 21 Inserting an Email Link.... 25 Captiva

More information

Lucid CMS User Guide

Lucid CMS User Guide "We create exceptional business solutions for cash-pay healthcare professionals that enable them to realize their full potential." Lucid CMS User Guide Version 1.2 3/13/2012 1 Table of Contents Table of

More information

1.0 Overview For content management, Joomla divides into some basic components: the Article

1.0 Overview For content management, Joomla divides into some basic components: the Article Joomla! 3.4.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

CMS (Content Management System) for Beginners A Step by Step Approach

CMS (Content Management System) for Beginners A Step by Step Approach CMS (Content Management System) for Beginners A Step by Step Approach Table of Contents List of Topics Page No. Section 1: Getting Started....2 Section 2: Adding an Event to the Chapter Web Page. 4 Section

More information

EXCEL BASICS: MICROSOFT OFFICE 2010

EXCEL BASICS: MICROSOFT OFFICE 2010 EXCEL BASICS: MICROSOFT OFFICE 2010 GETTING STARTED PAGE 02 Prerequisites What You Will Learn USING MICROSOFT EXCEL PAGE 03 Opening Microsoft Excel Microsoft Excel Features Keyboard Review Pointer Shapes

More information

Creating an with Constant Contact. A step-by-step guide

Creating an  with Constant Contact. A step-by-step guide Creating an Email with Constant Contact A step-by-step guide About this Manual Once your Constant Contact account is established, use this manual as a guide to help you create your email campaign Here

More information

Kodiak Quick Guide: Content

Kodiak Quick Guide: Content Kodiak Quick Guide: Content Overview The Content tool is the core of a Kodiak classroom. Use the Content tool to post and organize course content so that information about course expectations, course syllabus,

More information

ADOBE DREAMWEAVER CS4 BASICS

ADOBE DREAMWEAVER CS4 BASICS ADOBE DREAMWEAVER CS4 BASICS Dreamweaver CS4 2 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 layout,

More information

SeaMonkey Composer: Creating Web Pages

SeaMonkey Composer: Creating Web Pages SeaMonkey Composer: Creating Web Pages v.1101 There are many ways to create and modify Web pages to be published on the Web. You can use any text editor such as Notepad to directly enter or modify the

More information

DOING MORE WITH EXCEL: MICROSOFT OFFICE 2013

DOING MORE WITH EXCEL: MICROSOFT OFFICE 2013 DOING MORE WITH EXCEL: MICROSOFT OFFICE 2013 GETTING STARTED PAGE 02 Prerequisites What You Will Learn MORE TASKS IN MICROSOFT EXCEL PAGE 03 Cutting, Copying, and Pasting Data Basic Formulas Filling Data

More information

Creating Buttons and Pop-up Menus

Creating Buttons and Pop-up Menus Using Fireworks CHAPTER 12 Creating Buttons and Pop-up Menus 12 In Macromedia Fireworks 8 you can create a variety of JavaScript buttons and CSS or JavaScript pop-up menus, even if you know nothing about

More information

Using Dreamweaver. 4 Creating a Template. Logo. Page Heading. Home About Us Gallery Ordering Contact Us Links. Page content in this area

Using Dreamweaver. 4 Creating a Template. Logo. Page Heading. Home About Us Gallery Ordering Contact Us Links. Page content in this area 4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan that is shown below. Logo Page Heading

More information

Cascade V8.4 Website Content Management for the Site Manager UMSL

Cascade V8.4 Website Content Management for the Site Manager UMSL Cascade V8.4 Website Content Management for the Site Manager UMSL Contents Purpose & How to Use This Guide... 5 Getting Started and Logging In... 5 Login... 5 Dashboard... 5 Notifications... 5 Setting

More information

Introduction to Cascade Server (web content management system) Logging in to Cascade Server Remember me Messages Dashboard Home

Introduction to Cascade Server (web content management system) Logging in to Cascade Server Remember me Messages Dashboard Home Introduction to Cascade Server (web content management system) Last Updated on Jul 14th, 2010 The College of Charleston's web site is being produced using a Content Management System (CMS) called Cascade

More information

Creating an with Constant Contact. A step-by-step guide

Creating an  with Constant Contact. A step-by-step guide Creating an Email with Constant Contact A step-by-step guide About this Manual Once your Constant Contact account is established, use this manual as a guide to help you create your email campaign Here

More information

Transitioning Teacher Websites

Transitioning Teacher Websites Transitioning Teacher Websites Google sites is an online web building tool that can be accessed and updated from anywhere there is an internet connection. Here is a brief video introduction of Google sites.

More information

Do It Yourself Website Editing Training Guide

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

More information

How to Edit Your Website

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

How To Capture Screen Shots

How To Capture Screen Shots What Is FastStone Capture? FastStone Capture is a program that can be used to capture screen images that you want to place in a document, a brochure, an e-mail message, a slide show and for lots of other

More information

Table of Contents. Overview... 4 Advanced Content Items... 4 Accessibility... 4 iframe Textpoppers Math Characters and Equations...

Table of Contents. Overview... 4 Advanced Content Items... 4 Accessibility... 4 iframe Textpoppers Math Characters and Equations... Dallas County Community College District Table of Contents Overview... 4 Advanced Content Items... 4 Accessibility... 4 iframe... 4 Insert a Web Page... 4 Insert a PDF... 6 Textpoppers... 8 Insert a Text

More information

Developing a Home Page

Developing a Home Page FrontPage Developing a Home Page Opening Front Page Select Start on the bottom menu and then Programs, Microsoft Office, and Microsoft FrontPage. When FrontPage opens you will see a menu and toolbars similar

More information

DOING MORE WITH EXCEL: MICROSOFT OFFICE 2010

DOING MORE WITH EXCEL: MICROSOFT OFFICE 2010 DOING MORE WITH EXCEL: MICROSOFT OFFICE 2010 GETTING STARTED PAGE 02 Prerequisites What You Will Learn MORE TASKS IN MICROSOFT EXCEL PAGE 03 Cutting, Copying, and Pasting Data Filling Data Across Columns

More information

PowerPoint Slide Basics. Introduction

PowerPoint Slide Basics. Introduction PowerPoint 2016 Slide Basics Introduction Every PowerPoint presentation is composed of a series of slides. To begin creating a slide show, you'll need to know the basics of working with slides. You'll

More information

PBWORKS - Student User Guide

PBWORKS - Student User Guide PBWORKS - Student User Guide Spring and Fall 2011 PBworks - Student Users Guide This guide provides the basic information you need to get started with PBworks. If you don t find the help you need in this

More information

Beginner s Guide to Microsoft Excel 2002

Beginner s Guide to Microsoft Excel 2002 Beginner s Guide to Microsoft Excel 2002 Microsoft Excel lets you create spreadsheets, which allow you to make budgets, track inventories, calculate profits, and design charts and graphs. 1. Open Start

More information

Using Mapmaker s Toolkit. In this tutorial, you will learn the following basic elements of Mapmaker s Toolkit:

Using Mapmaker s Toolkit. In this tutorial, you will learn the following basic elements of Mapmaker s Toolkit: Using Mapmaker s Toolkit Mapmaker s Toolkit is a useful piece of software that allows you and your students to create customized physical, cultural and historical maps of hundreds of countries, states

More information

1 of 24 5/6/2011 2:14 PM

1 of 24 5/6/2011 2:14 PM 1 of 24 5/6/2011 2:14 PM This tutorial explains how to add links, files, zipped files, pages, and MOODLE Media. ADDING LINKS 1. Let s start with adding a link. Here is a link to a practice Prezi. Highlight

More information

Section 6: Dreamweaver

Section 6: Dreamweaver Section 6: Dreamweaver 1 Building TPS Web Pages with Dreamweaver Title Pages 1. Dreamweaver Storyboard Pages 3 2. Folder Management 4 3. Defining Your Site 5-8 4. Overview of Design Features 9-19 5. Working

More information

Dreamweaver MX Technical Support Services. Office of Information Technology, West Virginia University. OIT Help Desk ext.

Dreamweaver MX Technical Support Services. Office of Information Technology, West Virginia University. OIT Help Desk ext. Dreamweaver MX 2004 Technical Support Services Office of Information Technology, West Virginia University OIT Help Desk - 293.4444 ext.1 http://oit.wvu.edu/support/training/classmat/ Instructors: Rick

More information

Google Sites 101. Mrs. Wilson

Google Sites 101. Mrs. Wilson Google Sites 101 Mrs. Wilson Google Sites 101 Create a site 1. Go to http://sites.google.com/ 2. Login with your Google Account [or Google Apps account] email address and password You can create a Google

More information

Admissions & Intro to Report Editing Participants Guide

Admissions & Intro to Report Editing Participants Guide IBM Cognos Analytics Admissions & Intro to Report Editing Participants Guide Welcome to Cognos - Admissions and Introduction to Report Editing! Today s objectives include: Gain a Basic Understanding of

More information

Lions Australia Oz Clubhouse Instructions Revised 14 Feb 2014

Lions Australia Oz Clubhouse Instructions Revised 14 Feb 2014 Introduction: Authorisation and Access: 1 Your Browser 2. Layout 3. Start Editing 4. Edit the Banner Title 5. Insert a Main Photo Lions Australia Oz Clubhouse Instructions Revised 14 Feb 2014 6. Using

More information

OmniUpdate. Web Contributors Guide. University Information Technology Services. Training, Outreach, Learning Technologies, & Video Production

OmniUpdate. Web Contributors Guide. University Information Technology Services. Training, Outreach, Learning Technologies, & Video Production OmniUpdate Web Contributors Guide University Information Technology Services Training, Outreach, Learning Technologies, & Video Production Copyright 2015 University Information Technology Services Kennesaw

More information

Website Management with the CMS

Website Management with the CMS Website Management with the CMS In Class Step-by-Step Guidebook Updated 12/22/2010 Quick Reference Links CMS Login http://staging.montgomerycollege.edu/cmslogin.aspx Sample Department Site URLs (staging

More information

Introduction to Microsoft FrontPage

Introduction to Microsoft FrontPage Platform Windows PC Ref no: ins069 Date: 2006 Version: 1 Authors: S. Coates Introduction to Microsoft FrontPage What is Microsoft FrontPage? Microsoft FrontPage is an web authoring tool that can be used

More information

File Cabinet Manager

File Cabinet Manager Tool Box File Cabinet Manager Java File Cabinet Manager Password Protection Website Statistics Image Tool Image Tool - Resize Image Tool - Crop Image Tool - Transparent Form Processor Manager Form Processor

More information

SharePoint 2010 Site Owner s Manual by Yvonne M. Harryman

SharePoint 2010 Site Owner s Manual by Yvonne M. Harryman SharePoint 2010 Site Owner s Manual by Yvonne M. Harryman Chapter 9 Copyright 2012 Manning Publications Brief contents PART 1 GETTING STARTED WITH SHAREPOINT 1 1 Leveraging the power of SharePoint 3 2

More information

User Guide. Chapter 6. Teacher Pages

User Guide. Chapter 6. Teacher Pages User Guide Chapter 6 s Table of Contents Introduction... 5 Tips for s... 6 Pitfalls... 7 Key Information... 8 I. How to add a... 8 II. How to Edit... 10 SharpSchool s WYSIWYG Editor... 11 Publish a...

More information

Building TPS Web Pages with Dreamweaver

Building TPS Web Pages with Dreamweaver Building TPS Web Pages with Dreamweaver Title Pages 1. Folder Management 7 2. Defining Your Site 8-11 3. Overview of Design Features 12-22 4. Working with Templates 23-25 5. Publishing Your Site to the

More information

HOW TO USE THE CONTENT MANAGEMENT SYSTEM (CMS) TABLE OF CONTENTS

HOW TO USE THE CONTENT MANAGEMENT SYSTEM (CMS) TABLE OF CONTENTS HOW TO USE THE CONTENT MANAGEMENT SYSTEM (CMS) TABLE OF CONTENTS GETTING STARTED (LOGIN) 2 SITE MAP (ORGANIZE WEBPAGES) 2 CREATE NEW PAGE 3 REMOVE PAGE 6 SORT PAGES IN CHANNEL 7 MOVE PAGE 8 PAGE PROPERTIES

More information

Barchard Introduction to SPSS Marks

Barchard Introduction to SPSS Marks Barchard Introduction to SPSS 21.0 3 Marks Purpose The purpose of this assignment is to introduce you to SPSS, the most commonly used statistical package in the social sciences. You will create a new data

More information