SeaMonkey Composer: Creating Web Pages

Size: px
Start display at page:

Download "SeaMonkey Composer: Creating Web Pages"

Transcription

1 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 language of Web pages which is HTML, hypertext markup language. The disadvantage of this approach is that you must learn HTML and it is easy to make mistakes. With a Web page editor program like SeaMonkey Composer, you can create and modify Web pages in a manner similar to a word processor like Microsoft Word. You can actually use Word to create Web pages but the HTML that it creates is complicated and you can t do as many things as you can do with many Web page editors. SeaMonkey Composer is easy to use, creates fairly good HTML, and is free, unlike some more professional products like Microsoft FrontPage or Macromedia Dreamweaver. If you wish a copy of SeaMonkey for your own computer, you can download it from Objective 1 Explore the SeaMonkey Composer Window 1.1 Start SeaMonkey. If the SeaMonkey icon is on your desk top you can start SeaMonkey by opening an icon similar to the one shown to the left. You can also start it from the Start button. On the lab computers it is located under Networking Applications or Development Tools. This will start the SeaMonkey Navigator browser and the Navigator window will appear as shown in Figure 1B.1. Click the Composer Icon located on the lower left of the window. The Composer window will open. Composer: Figure 1B.1 SeaMonkey Tutorial Web Page Design 1

2 1.2 Take a moment to study the main parts of the SeaMonkey Composer window as shown in Figure 1B.2. Menu Bar Composition Toolbar Format Toolbar Page Area Edit mode Toolbar Figure 1B.2 Objective 2 Entering Text 2.1 We are ready to build our first page. Type the following into the page area where is the Enter key, substituting your name for FirstName and LastName. Alex s Home Page by Firstname Lastname Welcome to my home page. My name is Alex. As you can see from my picture above, I am a handsome lion. You may not know it by looking at me but I am a movie star. You have been typing into Composer s Normal edit mode. You can see which mode you are using by looking at the tabs at the bottom of the window. The current mode tab will appear to be in the foreground and will not be darkened. 2 Web Page Design SeaMonkey Tutorial

3 2.2 Typed text will word wrap when it gets to the right border of the window. By hitting the Enter key, you insert a break in the text forcing a new line. Click on the Source tab at the bottom of the window. You can now see the HTML, Hyper-Text Markup Language that is actually used to build the page. HTML consists of tags which appear in angle brackets (or less-than and greater-than symbols). Some tags need an end tag so you will see a slash (/) to indicate an end tag. Notice that the HTML starts with <html> and ends with </html>. There is a <head> and a </head> and in between is HTML file header information. There is also a <body> and a </body> and in between you will see most of what makes up the pages you will be creating. You can see the text you typed and the <br> tag where you inserted a break in the text. 2.3 Click on the Normal mode tab. Click the Save button. A Page Title dialog box will appear. Enter Alex s Home Page as shown in Figure 1B.3. Figure 1B.3 Click OK. Composer displays the Save Page As dialog box. Use the displayed folders to navigate to CpSc120L\MyDoc. On the toolbar click New folder, enter SeaMonkey, and press Enter. Click Open to open the SeaMonkey folder. Click in the File name box. If necessary, select or delete the existing text and then type index. Click Save. Your page has been saved in the file index.html. Most Web servers will use index.html or index.htm if you do not specify an actual file when you specify a Web address. SeaMonkey Tutorial Web Page Design 3

4 Objective 3 Formatting and Aligning Text 3.1 We have not yet specified the font face that our Web page is to use which means that it will appear in the default font of the browser, whichever one a visitor to the page might be using. If the visitor is using Window s Internet Explorer that means the Times New Roman font face will be used unless the visitor has changed the browser defaults. Online text looks better in a sans-serif font of which Times New Roman is not. Serif fonts have extra indicators at the end of some of the strokes in the font such as the one at the bottom of this T. Compare that to an Arial T. Press Ctrl+A to select all. On the menu bar, click Format, Font, and then Helvetica, Arial. This means that if the browser finds a font named Helvetica it will use it, otherwise it will use Arial. If it doesn t find either, it will try to use some other sans-serif font, but this set should cover most browsers. 3.2 Click in the first line of text. This line is the header for the page. The header normally appears larger then the rest of the text and is centered. We could change the actual font size but the header is normally done in a different manner. On the left of the formatting tool bar, click on the arrow in the Paragraph Format box. Click on the Heading 1 entry. The first line now appears larger. 3.3 Toward the end of the formatting tool bar are some alignment buttons: Left Center Right Justify (Newspaper paragraph) Click Right, Left, and finally Center to see how they align the heading. Leave the heading centered. 3.4 We need to leave some space for Alex s picture. Click after the word Page at the end of the heading and press Enter twice. 4 Web Page Design SeaMonkey Tutorial

5 3.5 We would like the line with our name to be centered, bold, italicized, and a little larger then normal font size. Triple click in the line with your name. This will select the entire line. On the formatting toolbar, click the Center button, click the Larger Font button, click the Bold button click the Italic button., and then Click after your last name and then hit Enter. This offsets the name line from the rest of the text. 3.6 Another way to separate text is by making it a paragraph. Click and drag from the word Welcome through the period at the end of the text after the word star. On the left of the formatting tool bar, click on the arrow in the Paragraph Format box. Click on the Paragraph entry. 3.7 Sometimes we wish our text to be indented from the left edge of the window. On the formatting toolbar, click on the Indent text button. The text is now moved to the right. Click the Indent text button again. The text is now further to the right. Click the Outdent text button. The text is moved back one indention. Press Ctrl+S or the Save button to save your page. SeaMonkey Tutorial Web Page Design 5

6 Objective 4 Bulleted and Numbered Lists 4.1 Sometimes we wish lists of items either with bullets or numbers preceding each item. Press Ctrl+End so that the insertion point is after the last paragraph. On the formatting toolbar, click the Bulleted List button. Enter the following. I graduated from Clemson University. Not long ago, I stared in the movie Madagascar. After entering the text, click the Bulleted List button again to end the list. You should have a bulleted list with two items. You may notice that the font changed back to the default because we added to the end of the page. We will fix that later. 4.2 This time we will create a numbered list but we will do it by entering the text first. Press Ctrl+End so that the insertion point is after the last paragraph. Enter the following. My favorite pastimes are Acting Partying with my friends Eating Sleeping Click and drag from the word Acting through the word Sleeping to select the text in our list. Click the Numbered List button. You should now have a numbered list with four items. 4.3 We need to clean up a little now. The line starting with My favorite is not indented. Click in the line starting with My favorite. On the formatting toolbar, click on the Indent text button. We need to fix our fonts. Press Ctrl+A to select all. On the menu bar, click Format, Font, and then Helvetica, Arial. Press Ctrl+S or the Save button to save the page. 6 Web Page Design SeaMonkey Tutorial

7 Objective 5 Inserting Images 5.1 We now wish to insert that picture of Alex which we wish to take from our sample page. We must first save the image. On your task bar, make the window containing the sample page active. Right click on the picture of Alex to get the context menu. On the menu, click on Save Picture As or Save Image As. The Save Page As dialog box appears. Use the folders to navigate to CpSc 120 Lab\SeaMonkey. Notice that the file name is alex and the file type is JPEG (*.jpg) so the file will be saved as alex.jpg. (You may need to click the Browse Folders button). Click the Save button. 5.2 On your task bar, make the SeaMonkey Composer window active again. Click on the blank line between the heading and your name. The insertion point will be against the left margin. On the standard toolbar, click on the Image button or on the menu bar click on Insert and then Image. Composer displays the Image Properties dialog box appears as shown in Figure 1B.4. In the Image Location box, enter alex.jpg. Notice as you typed, the URL is relative to page location check box was checked. This means that this image location is relative to where the current page is stored. In the Alternate text box, enter Alex. The alternate text is the text that is to be displayed before the image is displayed or in place of the image if the browser is set not to display the image. If you were not wanting the image text to appear, you would click the Don t use alternate text option button. Figure 1B.4 Click OK. Composer inserts Alex s picture on the page. If the picture of Alex does not appear, Save, close Composer, start Composer from Navigator, click the Open button, and double click the index.html file. SeaMonkey Tutorial Web Page Design 7

8 5.3 We need to center the picture. Click the image to select it. On the formatting tool bar click the Center button. We would like some space between the image and the name. On the name line, click before the word by and press Enter. Press Ctrl+S or the Save button to save the page. Objective 6 Modifying Image Size 6.1 Click on the image of Alex. You will see sizing handle rectangles on each size and on each corner of the image. The sizing handles on the side borders allow you to change one dimension of the image. The sizing handles on the corners allow you to change both dimensions of the image and keep the dimensional proportions. By clicking on a sizing handle, you can make an image larger or smaller. As you drag a sizing handle, Composer will display the new dimensions as WIDTH x HEIGHT in pixels. Click and hold the sizing handle in the middle of the bottom border of the image. Drag it down until the new height is about 250 pixels and release the mouse button. The image is resized but you can see that the proportion is distorted. Press Ctrl+Z (undo) to restore the image back to the original size. Click Alex. 6.2 Click and hold the sizing handle in the middle of the right border of the image. Drag it to the right until the new width is about 400 pixels and release the mouse button. Again the proportion is not correct. Press Ctrl+Z to restore the image back to the original size. Click Alex. 6.3 Click and hold the sizing handle in the bottom right corner. Drag it down and to the right until the new width is 500 pixels and release the mouse button. Composer resizes the image in the correct proportion but now we have another type of distortion. The image does not have the resolution to display at this magnification. Press Ctrl+Z. Click Alex. 8 Web Page Design SeaMonkey Tutorial

9 6.4 We can t resize the image to a much larger size because of the resolution, but we can make it a little larger. Using the last method with the corner sizing handle, resize the image until the new width is about 200 pixels. Press Ctrl+S or the Save button to save your page. Objective 7 Backgrounds 7.1 We can use an image or a color as the background for our page. Let s try some images first. On the menu bar, click Format and then Page Colors and Background. Composer will display the Page Colors and Background dialog box as shown in Figure 1B.5. In the Background Image text box, enter amflag.jpg. In the dialog box, Composer displays the image as well as how different types of text will look. Figure 1B.5 Click OK. The image now shows in the background. Notice that it is tiled or repeated until it fills the page. Also notice how our text appears in the foreground. At times it is hardly visible when over the dark blue of the flag. To get contrast, it is better to use dark text on a light background or light text on a dark background. The pattern of the image is also very busy and distracts from the reading of text. This image would not make a good background. SeaMonkey Tutorial Web Page Design 9

10 7.2 On the menu bar, click Format and then Page Colors and Background. In the Background Image text box, delete the current entry. Click OK. The background has been removed. On the menu bar, click Format and then Page Colors and Background. In the Background Image text box, enter bg58.jpg. Click OK. This image is designed for backgrounds. The edges fit together so that when the image is tiled, you do not notice the edges of the image. The image is designed to give the impression of textured cloth or paper. This image looks OK but is a little dark. Let s just say that we decide that we don t want an image background but would rather just have a color. 7.3 Press Ctrl+Z. The background has been removed. On the menu bar, click Format and then Page Colors and Background. Click the option button for Use Custom Colors. Notice that the custom colors are no longer ghosted. Click the button to the right of Background. Composer displays the Block Background Color dialog box with a palette of colors. Click on the fifth square in the first row, a light yellow. Click OK to select this color. Click OK in the Page Colors and Background dialog box to apply the background. Press Ctrl+S. 10 Web Page Design SeaMonkey Tutorial

11 Objective 8 Linking To Another Page 8.1 We can make text or an image link to another page on the Web. Click and drag to select the words Clemson University. Click the Link button. Composer displays the Link Properties dialog box as shown in figure 1B.6. In the link Location Text box enter Figure 1B.6 Click OK. The text has now been made a link. Press Ctrl+S or the Save button. 8.2 Using Computer or Windows Explorer open the Cp Sc 120 Lab\SeaMonkey folder. Double click the index.html file to open the page in your default browser. Click on the link that you just created. You should be taken to the Clemson University site. If Clemson opened in a new window or tab, close it. Otherwise, click your browsers Back button to redisplay your page. Leave this window open. On the task bar, select your Composer window. 8.3 Double click the word Madagascar. Click the Link button. We want to link this to a page in the current folder that we haven t yet created. In the Link Location text box, enter movie.html. Click OK. Press Ctrl+S or the Save button. SeaMonkey Tutorial Web Page Design 11

12 8.4 Let s test out this link. On the task bar, select your browser with your page open. Notice that Madagascar is not a link even though it was saved. You need to reload the page in your browser. Click the Refresh or Reload button. Madagascar should now be a link. Click on the link. The page cannot be displayed because it has not been created. Click your browsers Back button to redisplay your page. Leave this window open. On the task bar, select your SeaMonkey Composer task. 8.5 We would like to fix our Clemson University link so that when someone clicks it, it definitely opens in a new window. To modify a link we can click anywhere in the link and click the Link button. Click anywhere in the words Clemson University. Click the Link button. Composer displays the Link Properties dialog box with the previously entered link. Click the Advanced Edit button for the Advanced Property Editor. In the Attribute box, select the target. In the Value box type or select _blank. Click OK. You will now be back at the Link window. Click OK. Press Ctrl+S or the Save button. 8.6 Let s view our change. On the task bar, select your browser with your page open. Click the Refresh or Reload button. Click the Clemson University link. Clemson s site should now open in a new window or tab. Close this new window or tab but do not close the window with your page open. 12 Web Page Design SeaMonkey Tutorial

13 Objective 9 Opening Another Page 9.1 In Composer on the menu bar, click File, New, and then the Composer Page or on the standard toolbar just click the Create a new Composer page button. Composer will open a new blank untitled page in a new window. On the menu bar, click Format and then Page Title and Properties. Composer will display the Page Properties dialog box as shown in figure 1B.7. You can use this method to give the page a title property before saving the page the first time or to change the title property of a page. In the Title text box, enter Madagascar Movie. Figure 1B.7 Click OK. Composer will display the title property in the window title bar and on the task bar. 9.2 Type Madagascar and then hit Enter. This is the heading line to be displayed on this page. Triple click the word Madagascar to select the entire line. Click the Center button. Click the Bold button. Use the Paragraph Format box and select Heading Click the Save button. Composer will display the Save Page As dialog box. If necessary, modify the location to Cp Sc 120 Lab\SeaMonkey. The File Name box will already be filled in with a file name using the title property. Select the file name and change it to the word movie. Click Save. Composer will save the page as movie.html. SeaMonkey Tutorial Web Page Design 13

14 9.4 We will now insert an image for this page. Press Ctrl+End to position below the heading line of Madagascar. Click the Image button. Composer will display the Image Properties dialog box. Change the Image Location box to poster.jpg. Change the Alternate Text box to Movie Poster. Click OK. If the picture does not display: Click the Save button. Close this Composer window. Make your other Composer window active. Click the Open button. Double click movie.html. 9.5 Let s center and label our image. Click on the movie poster image. Click the Center button. Press Ctrl+End. You should now be centered under the image or at the image bottom. Type The Movie and then hit Enter three times. 9.6 We now want a link to the movie site that will open in a new window. Triple click The Movie line to select the entire line. Click the Link button. Composer will display the Link Properties dialog box. In the Link Location box type Click the Advanced Edit button. Composer will display the Advanced Property Editor dialog box. In the Attribute box, select target. Replace the contents of the Value box with _blank. Click Ok and then in the Link Properties dialog box, click OK. Press Ctrl+S or the Save button. 14 Web Page Design SeaMonkey Tutorial

15 Objective 10 Inserting a Table 10.1 Tables are used on a page not only to display items in rows and columns but also to help align objects on a page. We would like to insert a table showing the cast of characters. We would like it to be under the poster and be the same width as the poster. Click on the poster and then click the Image button. In the Image Properties dialog box, click on the Dimensions tab. We can see that the image is 350 pixels wide. Click the Cancel button. Press Ctrl-End. You should be at the bottom of the page We would like a caption above our table so type Main Cast of Characters and then hit Enter. Our table needs to list the four main characters and have a heading row so we need 5 rows. We want to list the actor and the character they do the voice for so we need two columns Click the Table button. Composer will display the Insert Table dialog box. Change the Rows box to 5. Change the Columns box to 2. Change the Width box to 350. Change the type from % of window to pixels. For our table we do not want the border to show around the cells which means we want our border to be zero pixels in width. Change the Border box to 0. Click the Advanced Edit button. Notice the different attributes and their values. The attribute cellspacing is the space in pixels between cells in a table. The attribute cellpading is the space in pixels from the border of a cell to the contents of the cell. We will leave these set at 2. Click the down arrow on the Attribute box. This shows you some additional attributes that you can change on a table. Press Esc and then click the Cancel button. In the Insert Table dialog box, click the OK button. SeaMonkey Tutorial Web Page Design 15

16 10.4 We need to align our table in the center of the page. On the menu bar, click Table and then Table Properties. Composer will display the Table Properties dialog box. Change the Table Alignment box to Center. Click the OK button We are now ready to put our information in the cells. Click in the first cell of the first row. Enter the following information. You can use the Tab key to move from cell to cell but do not hit it after you have entered the last cell as Composer will create a new row. Actor Ben Stiller Chris Rock David Schwimmer Jada Pinkett Character Alex the Lion Marty the Zebra Melman the Giraffe Gloria the Hippo 10.6 Let s do a little formatting on our table. First let s bold the column headings. Click and drag the word Actor through the word Character. Notice that this selects the cells in the first row. Click the Bold button Let s center the information in the columns using different methods. Click the word Actor. On the menu bar, click Table, Select, and then Column. Composer selects all the cells in this column. Click the Center button. Click and drag from the cell containing Character down through the cell containing Gloria the Hippo. Composer selects all the cells in this column. Click the Center button. Press Ctrl+S or the Save button. 16 Web Page Design SeaMonkey Tutorial

17 10.8 We have an idea of what our page looks like in the Normal view. However, we can see the borders of our table. Objective 11 Finishing Up Click just above the title of the table. Click the Preview tab at the bottom left of the window. We now have a good idea of what our table looks like. Click the Normal tab to go back to the Normal view Just a few more things to format this page and we will be finished. Press Ctrl-End. You should now be centered below the table. Hit the Enter key. Type the word Home. Double click the word Home to select it. Click the Link button. Under Link Location enter index.html. Click the OK button. We now have a link back to our home or main page Let s fix the fonts. Press Ctrl+A to select all. On the menu bar, click Format, Font, and then Helvetica, Arial. Now for the background. On the menu bar, click Format and then Page Colors and Background. Click the option button for Use Custom Colors. Click the button to the right of Background. Composer displays the Block Background Color dialog box with a palette of colors. Click on the fifth square in the first row, a light yellow. Click OK to select this color. Click OK in the Page Colors and Background dialog box to apply the background. Press Ctrl+S or the Save button. SeaMonkey Tutorial Web Page Design 17

18 11.3 Now to view our completed site. On the task bar, select your browser with your page open. Click on the Madagascar link to open the movie page. Click on The Movie link to open the official movie page. Close the new window or tab. Click on the Home link to return to the home page. Close your browser window. Close the two SeaMonkey Composer windows. End You have completed Project 1B 1/4/ Web Page Design SeaMonkey Tutorial

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

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

Dreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets

Dreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets Dreamweaver Basics Planning your website Organize site structure Plan site design & navigation Gather your assets Creating your website Dreamweaver workspace Define a site Create a web page Linking Manually

More information

Web Page Creation Part I. CS27101 Introduction to Web Interface Design Prof. Angela Guercio

Web Page Creation Part I. CS27101 Introduction to Web Interface Design Prof. Angela Guercio Web Page Creation Part I CS27101 Introduction to Web Interface Design Prof. Angela Guercio Objective In this lecture, you will learn: What HTML is and what XHTML is How to create an (X)HTML file The (X)HTML

More 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

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

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

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

Dreamweaver 8. Project 5. Templates and Style Sheets

Dreamweaver 8. Project 5. Templates and Style Sheets Dreamweaver 8 Project 5 Templates and Style Sheets Starting Dreamweaver and Opening the Colorado Parks Web Site Click the Start button on the Windows taskbar Point to All Programs on the Start menu, point

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

Computer Nashua Public Library Introduction to Microsoft Word 2010

Computer Nashua Public Library Introduction to Microsoft Word 2010 Microsoft Word is a word processing program you can use to write letters, resumes, reports, and more. Anything you can create with a typewriter, you can create with Word. You can make your documents more

More information

TinyMCE Users Guide. This user manual will show you all the basics of the TinyMCE editor.

TinyMCE Users Guide. This user manual will show you all the basics of the TinyMCE editor. Introduction TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor. What this means is that it will let you create html content on your web site. TinyMCE supports a lot of Operation

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

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

How to lay out a web page with CSS

How to lay out a web page with CSS How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS3 to create a simple page layout. However, a more powerful technique is to use Cascading Style Sheets (CSS).

More information

Boise State University. Getting To Know FrontPage 2000: A Tutorial

Boise State University. Getting To Know FrontPage 2000: A Tutorial Boise State University Getting To Know FrontPage 2000: A Tutorial Writers: Kevin Gibb, Megan Laub, and Gayle Sieckert December 19, 2001 Table of Contents Table of Contents...2 Getting To Know FrontPage

More information

Web design and content management from Microsoft FrontPage allows you to create, design, modify, and update your own website without learning any

Web design and content management from Microsoft FrontPage allows you to create, design, modify, and update your own website without learning any Web design and content management from Microsoft FrontPage allows you to create, design, modify, and update your own website without learning any complex languages or codes. www.microsoft.com/frontpage

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 Forms. Starting the Page. another way of applying a template to a page.

Creating Forms. Starting the Page. another way of applying a template to a page. Creating Forms Chapter 9 Forms allow information to be obtained from users of a web site. The ability for someone to purchase items over the internet or receive information from internet users has become

More information

San Pedro Junior College. WORD PROCESSING (Microsoft Word 2016) Week 4-7

San Pedro Junior College. WORD PROCESSING (Microsoft Word 2016) Week 4-7 WORD PROCESSING (Microsoft Word 2016) Week 4-7 Creating a New Document In Word, there are several ways to create new document, open existing documents, and save documents: Click the File menu tab and then

More information

MS Word Basics. Groups within Tabs

MS Word Basics. Groups within Tabs MS Word Basics Instructor: Bev Alderman L e t s G e t S t a r t e d! Open and close MS Word Open Word from the desktop of your computer by Clicking on the Start>All programs>microsoft Office >Word 2010

More information

How to lay out a web page with CSS

How to lay out a web page with CSS Activity 2.6 guide How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS4 to create a simple page layout. However, a more powerful technique is to use Cascading Style

More information

Dreamweaver MX Overview. Maintaining a Web Site

Dreamweaver MX Overview. Maintaining a Web Site Dreamweaver MX Overview Maintaining a Web Site... 1 The Process... 1 Filenames... 1 Starting Dreamweaver... 2 Uploading and Downloading Files... 6 Check In and Check Out Files... 6 Editing Pages in Dreamweaver...

More information

Adding Text and Images. IMCOM Enterprise Web CMS Tutorial 1 Version 2

Adding Text and Images. IMCOM Enterprise Web CMS Tutorial 1 Version 2 Adding Text and Images IMCOM Enterprise Web CMS Tutorial 1 Version 2 Contents and general instructions PAGE: 3. First steps: Open a page and a block to edit 4. Edit text / The menu bar 5. Link to sites,

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

Introduction to Microsoft Word 2010

Introduction to Microsoft Word 2010 Introduction to Microsoft Word 2010 Microsoft Word is a word processing program you can use to write letters, resumes, reports, and more. Anything you can create with a typewriter, you can create with

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

Tutorials. Lesson 3 Work with Text

Tutorials. Lesson 3 Work with Text In this lesson you will learn how to: Add a border and shadow to the title. Add a block of freeform text. Customize freeform text. Tutorials Display dates with symbols. Annotate a symbol using symbol text.

More information

DOING MORE WITH WORD: MICROSOFT OFFICE 2007

DOING MORE WITH WORD: MICROSOFT OFFICE 2007 DOING MORE WITH WORD: MICROSOFT OFFICE 2007 GETTING STARTED PAGE 02 Prerequisites What You Will Learn USING MICROSOFT WORD PAGE 03 Viewing Toolbars Adding and Removing Buttons MORE TASKS IN MICROSOFT WORD

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

ICT IGCSE Practical Revision Presentation Web Authoring

ICT IGCSE Practical Revision Presentation Web Authoring 21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:

More information

Introduction to FrontPage 2002

Introduction to FrontPage 2002 Introduction to FrontPage 2002 Academic Computing Support Information Technology Services Tennessee Technological University August 2003 1. Introduction FrontPage 2002 is a program to help you build a

More information

Introduction to Microsoft Word 2010

Introduction to Microsoft Word 2010 Introduction to Microsoft Word 2010 Microsoft Word is a word processing program you can use to write letters, resumes, reports, and more. Anything you can create with a typewriter, you can create with

More information

Tips and Tricks for Microsoft Word 2010

Tips and Tricks for Microsoft Word 2010 Tips and Tricks for Microsoft Word 2010 TABLE OF CONTENTS Shortcuts for Selecting Text... 1 Create Automatic Borders... 1 Bulleted and Numbered List Shortcuts... 1 Insert Normal Text Within a List... 2

More information

Eng 110, Spring Week 03 Lab02- Dreamwaver Session

Eng 110, Spring Week 03 Lab02- Dreamwaver Session Eng 110, Spring 2008 Week 03 Lab02- Dreamwaver Session Assignment Recreate the 3-page website you did last week by using Dreamweaver. You should use tables to control your layout. You should modify fonts,

More information

DOING MORE WITH WORD: MICROSOFT OFFICE 2010

DOING MORE WITH WORD: MICROSOFT OFFICE 2010 DOING MORE WITH WORD: MICROSOFT OFFICE 2010 GETTING STARTED PAGE 02 Prerequisites What You Will Learn USING MICROSOFT WORD PAGE 03 Viewing Toolbars Adding and Removing Buttons MORE TASKS IN MICROSOFT WORD

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

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

Microsoft Expression Web Quickstart Guide

Microsoft Expression Web Quickstart Guide Microsoft Expression Web Quickstart Guide MS-Expression Web Quickstart Guide Page 1 of 24 Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program,

More information

Contents. Launching Word

Contents. Launching Word Using Microsoft Office 2007 Introduction to Word Handout INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 1.0 Winter 2009 Contents Launching Word 2007... 3 Working with

More information

DOING MORE WITH WORD: MICROSOFT OFFICE 2013

DOING MORE WITH WORD: MICROSOFT OFFICE 2013 DOING MORE WITH WORD: MICROSOFT OFFICE 2013 GETTING STARTED PAGE 02 Prerequisites What You Will Learn USING MICROSOFT WORD PAGE 03 Viewing Toolbars Adding and Removing Buttons MORE TASKS IN MICROSOFT WORD

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

Microsoft Word: Steps To Success (The Bare Essentials)

Microsoft Word: Steps To Success (The Bare Essentials) Microsoft Word: Steps To Success (The Bare Essentials) Workbook by Joyce Kirst 2005 Microsoft Word: Step to Success (The Bare Essentials) Page Contents 1 Starting Word 2 Save 3 Exit 5 Toolbars, Alignment,

More information

How to set up a local root folder and site structure

How to set up a local root folder and site structure Activity 2.1 guide How to set up a local root folder and site structure The first thing to do when creating a new website with Adobe Dreamweaver CS3 is to define a site and identify a root folder where

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

Taking Fireworks Template and Applying it to Dreamweaver

Taking Fireworks Template and Applying it to Dreamweaver Taking Fireworks Template and Applying it to Dreamweaver Part 1: Define a New Site in Dreamweaver The first step to creating a site in Dreamweaver CS4 is to Define a New Site. The object is to recreate

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

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

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

Microsoft Word 2007 on Windows

Microsoft Word 2007 on Windows 1 Microsoft Word 2007 on Windows Word is a very popular text formatting and editing program. It is the standard for writing papers and other documents. This tutorial and quick start guide will help you

More information

MICROSOFT WORD 2010 BASICS

MICROSOFT WORD 2010 BASICS MICROSOFT WORD 2010 BASICS Word 2010 is a word processing program that allows you to create various types of documents such as letters, papers, flyers, and faxes. The Ribbon contains all of the commands

More information

FCKEditor v1.0 Basic Formatting Create Links Insert Tables

FCKEditor v1.0 Basic Formatting Create Links Insert Tables FCKEditor v1.0 This document goes over the functionality and features of FCKEditor. This editor allows you to easily create XHTML compliant code for your web pages in Site Builder Toolkit v2.3 and higher.

More information

Introduction to MS Word XP 2002: An Overview

Introduction to MS Word XP 2002: An Overview Introduction to MS Word XP 2002: An Overview Sources Used: http://www.fgcu.edu/support/office2000/word/files.html Florida Gulf Coast University Technology Skills Orientation Word 2000 Tutorial The Computer

More information

EDITOR GUIDE. Button Functions:...2 Inserting Text...4 Inserting Pictures...4 Inserting Tables...8 Inserting Styles...9

EDITOR GUIDE. Button Functions:...2 Inserting Text...4 Inserting Pictures...4 Inserting Tables...8 Inserting Styles...9 EDITOR GUIDE Button Functions:...2 Inserting Text...4 Inserting Pictures...4 Inserting Tables...8 Inserting Styles...9 1 Button Functions: Button Function Display the page content as HTML. Save Preview

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

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

Microsoft Word 2010 Part 1: Introduction to Word

Microsoft Word 2010 Part 1: Introduction to Word CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Microsoft Word 2010 Part 1: Introduction to Word Summer 2011, Version 1.0 Table of Contents Introduction...3 Starting the Program...3

More information

Inserting Information into PowerPoint

Inserting Information into PowerPoint LESSON 6 6.1 Inserting Information into PowerPoint After completing this lesson, you will be able to: Change the layout of a slide. Insert a clip art image. Scale an image. Insert and format a table. Insert

More information

Using Microsoft Word. Working With Objects

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

More information

Corel Ventura 8 Introduction

Corel Ventura 8 Introduction Corel Ventura 8 Introduction Training Manual A! ANZAI 1998 Anzai! Inc. Corel Ventura 8 Introduction Table of Contents Section 1, Introduction...1 What Is Corel Ventura?...2 Course Objectives...3 How to

More information

ORB Education Quality Teaching Resources

ORB Education Quality Teaching Resources These basic resources aim to keep things simple and avoid HTML and CSS completely, whilst helping familiarise students with what can be a daunting interface. The final websites will not demonstrate best

More information

DREAMWEAVER QUICK START TABLE OF CONTENT

DREAMWEAVER QUICK START TABLE OF CONTENT DREAMWEAVER QUICK START TABLE OF CONTENT Web Design Review 2 Understanding the World Wide Web... 2 Web Browsers... 2 How Browsers Display Web pages... 3 The Web Process at Sacramento State... 4 Web Server

More information

Introduction to Microsoft Word 2007 Quickguide

Introduction to Microsoft Word 2007 Quickguide Introduction to Microsoft Word 2007 Quickguide Opening Word -Click the Start button -Click Programs from the start menu -Select Microsoft Office -Click Microsoft Office Word 2007 -A new blank document

More information

Creating a Website in Schoolwires Technology Integration Center

Creating a Website in Schoolwires Technology Integration Center Creating a Website in Schoolwires Technology Integration Center Overview and Terminology... 2 Logging into Schoolwires... 2 Changing a password... 2 Accessing Site Manager... 2 Section Workspace Overview...

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

WORD XP/2002 USER GUIDE. Task- Formatting a Document in Word 2002

WORD XP/2002 USER GUIDE. Task- Formatting a Document in Word 2002 University of Arizona Information Commons Training Page 1 of 21 WORD XP/2002 USER GUIDE Task- Formatting a Document in Word 2002 OBJECTIVES: At the end of this course students will have a basic understanding

More information

DRAFT. Table of Contents About this manual... ix About CuteSITE Builder... ix. Getting Started... 1

DRAFT. Table of Contents About this manual... ix About CuteSITE Builder... ix. Getting Started... 1 DRAFT Table of Contents About this manual... ix About CuteSITE Builder... ix Getting Started... 1 Setting up... 1 System Requirements... 1 To install CuteSITE Builder... 1 To register CuteSITE Builder...

More information

Netscape Composer Tutorial

Netscape Composer Tutorial Netscape Composer Tutorial This tutorial will show you how to use Netscape Composer to create web pages. Netscape Composer integrates powerful What-You-See-Is-What-You-Get (WYSIWYG) document creation capabilities

More information

Using Microsoft Excel

Using Microsoft Excel Using Microsoft Excel Formatting a spreadsheet means changing the way it looks to make it neater and more attractive. Formatting changes can include modifying number styles, text size and colours. Many

More information

The figure below shows the Dreamweaver Interface.

The figure below shows the Dreamweaver Interface. Dreamweaver Interface Dreamweaver Interface In this section you will learn about the interface of Dreamweaver. You will also learn about the various panels and properties of Dreamweaver. The Macromedia

More information

Word Getting Started The Word Window u vw. Microsoft QUICK Source. Creating a New Blank Document. Creating a New Document from a Template

Word Getting Started The Word Window u vw. Microsoft QUICK Source. Creating a New Blank Document. Creating a New Document from a Template Microsoft QUICK Source Word 2007 Getting Started The Word Window u vw x y z u Quick Access Toolbar contains shortcuts for the most commonly used tools. v Microsoft Office Button contains common file and

More information

A Frontpage Tutorial. Contents Page

A Frontpage Tutorial. Contents Page A Frontpage Tutorial Contents Page Page 1-2 Things to do and know before we start Page 3.How to save your web pages Page 4.Opening an existing web page Page 5..Creating more web pages Page 6-8.Adding tables

More information

CS Multimedia and Communications. Lab 06: Webpage Tables and Image Links (Website Design part 3 of 3)

CS Multimedia and Communications. Lab 06: Webpage Tables and Image Links (Website Design part 3 of 3) CS 1033 Multimedia and Communications Lab 06: Webpage Tables and Image Links (Website Design part 3 of 3) REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB! Table Properties Reference Guide The Property

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

m ac romed ia D r e a mw e av e r Curriculum Guide

m ac romed ia D r e a mw e av e r Curriculum Guide m ac romed ia D r e a mw e av e r Curriculum Guide 1997 1998 Macromedia, Inc. All rights reserved. Macromedia, the Macromedia logo, Dreamweaver, Director, Fireworks, Flash, Fontographer, FreeHand, and

More information

Microsoft Word 2011 Tutorial

Microsoft Word 2011 Tutorial Microsoft Word 2011 Tutorial GETTING STARTED Microsoft Word is one of the most popular word processing programs supported by both Mac and PC platforms. Microsoft Word can be used to create documents, brochures,

More information

ENGL 323: Writing for New Media Building a Blog Reader Using Links, Tables, Images, and Frames

ENGL 323: Writing for New Media Building a Blog Reader Using Links, Tables, Images, and Frames ENGL 323: Writing for New Media Building a Blog Reader Using Links, Tables, Images, and Frames Dr. Michael Little michaellittle@kings.edu Hafey-Marian 418 x5917 Office hours: MW 11-12, 1-2, F 11-12; TTh

More information

FrontPage 2000 Tutorial -- Advanced

FrontPage 2000 Tutorial -- Advanced FrontPage 2000 Tutorial -- Advanced Shared Borders Shared Borders are parts of the web page that share content with the other pages in the web. They are located at the top, bottom, left side, or right

More information

This Tutorial is for Word 2007 but 2003 instructions are included in [brackets] after of each step.

This Tutorial is for Word 2007 but 2003 instructions are included in [brackets] after of each step. This Tutorial is for Word 2007 but 2003 instructions are included in [brackets] after of each step. Table of Contents Just so you know: Things You Can t Do with Word... 1 Get Organized... 1 Create the

More information

Managing Your Schoolwires Web Site

Managing Your Schoolwires Web Site Managing Your Schoolwires Web Site 1. Sign in at the district web site. 2. Select the school where your teacher or organization s web site is located as shown below. 3. Select the Teacher or Departments

More information

MS Word Professional Document Alignment

MS Word Professional Document Alignment MS Word Professional Document Alignment Table of Contents CHARACTER VS. PARAGRAPH FORMATTING...5 Character formatting...5 Paragraph Formatting...5 USING SHOW/HIDE TO REVEAL NON-PRINTING CHARACTERS...5

More information

Word Tutorial 3. Creating a Multiple- Page Report COMPREHENSIVE

Word Tutorial 3. Creating a Multiple- Page Report COMPREHENSIVE Word Tutorial 3 Creating a Multiple- Page Report COMPREHENSIVE Objectives Format headings with Quick Styles Insert a manual page break Create and edit a table Sort rows in a table Modify a table s structure

More information

The Newsletter will contain a Title for the newsletter, a regular border, columns, Page numbers, Header and Footer and two images.

The Newsletter will contain a Title for the newsletter, a regular border, columns, Page numbers, Header and Footer and two images. Creating the Newsletter Overview: You will be creating a cover page and a newsletter. The Cover page will include Your Name, Your Teacher's Name, the Title of the Newsletter, the Date, Period Number, an

More information

Paint Box Tools. Professional Tools

Paint Box Tools. Professional Tools Paint Box Tools Professional Tools 1 1 Welcome and Appendix Welcome Whether you re a newby Mr Site user or a seasoned veteran you may well have noticed we ve updated our Paint Box editor to something a

More information

Dreamweaver CS6. Level 3. Topics Working with Text, List, and tables Working with Images

Dreamweaver CS6. Level 3. Topics Working with Text, List, and tables Working with Images Level 3 Topics Working with Text, List, and tables Working with Images Changing the Copy/ Paste Prefences in Dreamweaver You can set special paste preferences as default options when using Edit > Paste

More information

FirmSite Control. Tutorial

FirmSite Control. Tutorial FirmSite Control Tutorial 1 Last Updated June 26, 2007 by Melinda France Contents A. Logging on to the Administrative Control Center... 3 Using the Editor Overview:... 3 Inserting an Image... 7 Inserting

More information

Reference Services Division Presents WORD Introductory Class

Reference Services Division Presents WORD Introductory Class Reference Services Division Presents WORD 2010 Introductory Class CLASS OBJECTIVES: Navigate comfortably on a Word page Learn how to use the Ribbon tabs and issue commands Format a simple document Edit,

More information

The American University in Cairo. Academic Computing Services. Word prepared by. Soumaia Ahmed Al Ayyat

The American University in Cairo. Academic Computing Services. Word prepared by. Soumaia Ahmed Al Ayyat The American University in Cairo Academic Computing Services Word 2000 prepared by Soumaia Ahmed Al Ayyat Spring 2001 Table of Contents: Opening the Word Program Creating, Opening, and Saving Documents

More information

page 1 OU Campus User Guide

page 1 OU Campus User Guide page 1 OU Campus User Guide Logging Into OU Campus page page 2 1. Navigate to a page on your site that you wish to edit. 2. Scroll down to the footer and click the symbol. 3. Enter your OU Campus username

More information

Web Publishing Basics II

Web Publishing Basics II Web Publishing Basics II Jeff Pankin Information Services and Technology Table of Contents Course Objectives... 2 Create a Site Definition... 3 The Dreamweaver CS4 Interface... 4 Panels are groups of icons

More information

Introduction to web page creation

Introduction to web page creation Introduction to web page creation Step 1: Planning website and page layouts... 2 Step 2: Demonstrating Mediator... 2 Step 3: Linking the pages... 6 Step 4: Exporting your files... 6 MatchWare Page 1 Step

More information

CSS worksheet. JMC 105 Drake University

CSS worksheet. JMC 105 Drake University CSS worksheet JMC 105 Drake University 1. Download the css-site.zip file from the class blog and expand the files. You ll notice that you have an images folder with three images inside and an index.html

More information

CROMWELLSTUDIOS. Content Management System Instruction Manual V1. Content Management System. V1

CROMWELLSTUDIOS. Content Management System Instruction Manual V1.   Content Management System. V1 Content Management System Instruction Manual V1 www.cromwellstudios.co.uk Cromwell Studios Web Services Content Management System Manual Part 1 Content Management is the system by which you can change

More information

Client Interview. Interview Topics. Goals and Target Audience. Activity 3.1 Worksheet. Client Name:

Client Interview. Interview Topics. Goals and Target Audience. Activity 3.1 Worksheet. Client Name: Activity 3.1 Worksheet Client Interview Team Name: Date: Client Name: Interview Topics Goals and target audience Content Design requirements Delivery requirements Goals and Target Audience Identify three

More information

What can Word 2013 do?

What can Word 2013 do? Mary Ann Wallner What can Word 2013 do? Provide the right tool for: Every aspect of document creation Desktop publishing Web publishing 2 Windows 7: Click Start Choose Microsoft Office > Microsoft Word

More information

Draw Guide. Chapter 9 Adding and Formatting Text

Draw Guide. Chapter 9 Adding and Formatting Text Draw Guide Chapter 9 Adding and Formatting Text Copyright This document is Copyright 2010 2012 by its contributors as listed below. You may distribute it and/or modify it under the terms of either the

More information

P3e REPORT WRITER CREATING A BLANK REPORT

P3e REPORT WRITER CREATING A BLANK REPORT P3e REPORT WRITER CREATING A BLANK REPORT 1. On the Reports window, select a report, then click Copy. 2. Click Paste. 3. Click Modify. 4. Click the New Report icon. The report will look like the following

More information

Microsoft FrontPage. An Introduction to. Lecture No.1. Date: April Instructor: Mr. Mustafa Babagil. Prepared By: Nima Hashemian

Microsoft FrontPage. An Introduction to. Lecture No.1. Date: April Instructor: Mr. Mustafa Babagil. Prepared By: Nima Hashemian An Introduction to Microsoft FrontPage Lecture No.1 Date: April 20. 2007 Instructor: Mr. Mustafa Babagil Prepared By: Nima Hashemian 2006 An Introduction to FrontPage Mathematics Department Eastern Mediterranean

More information

Step 5: Figures and Tables

Step 5: Figures and Tables Steps and directions are adapted from the UCF College of Graduate Studies Microsoft Word Formatting Modules. Step 5: Figures and Tables This PDF explains Step 5 of the step-by-step instructions that will

More information

ICT IGCSE Practical Revision Presentation Web Authoring

ICT IGCSE Practical Revision Presentation Web Authoring 21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:

More information