web site design and editing manual for concordia seminary graduate school

25
Web Site Design and Editing Manual for Concordia Seminary Graduate School

Upload: ross-blake

Post on 31-Dec-2015

220 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Web Site Design and Editing Manual for Concordia Seminary Graduate School

Web Site Design and Editing

Manual for Concordia Seminary Graduate School

Page 2: Web Site Design and Editing Manual for Concordia Seminary Graduate School

Table of Contents

Create or edit a document to post on the web site…… 3

Adding a hyperlink for a document on the web site….. 8

Add a new section to the web site……………………… 19

Page 3: Web Site Design and Editing Manual for Concordia Seminary Graduate School

This is the icon for Microsoft Word. Double click this icon to edit or create a document for the web site.

Page 4: Web Site Design and Editing Manual for Concordia Seminary Graduate School

Create or edit your document then save it to the gradschoolforms$ on “john” drive. To do this, first click File (highlighted in red), then click Save As (highlighted in purple).

Page 5: Web Site Design and Editing Manual for Concordia Seminary Graduate School

The next step is to create an Adobe PDF document from the MS Word document. To do this, click the Convert to Adobe PDF button (highlighted in red)

Page 6: Web Site Design and Editing Manual for Concordia Seminary Graduate School

Click the arrow next to the Save in: box (highlighted in red). Scroll down the list of drives and select gradschoolforms$ on “john” (highlighted in green). If the file already exists, just click Save (highlighted in purple. If it does not yet exist, type a name in the File name: box (highlighted in orange), then save it.

Page 7: Web Site Design and Editing Manual for Concordia Seminary Graduate School

This is the icon for Microsoft Office Front Page. Double click this icon to edit or create a website.

Page 8: Web Site Design and Editing Manual for Concordia Seminary Graduate School

After you double-click the Microsoft Front Page icon, you will see this screen.

Click the open folder icon (circled in red above).

Page 9: Web Site Design and Editing Manual for Concordia Seminary Graduate School

The Open File Menu will pop up. Click the arrow (highlighted in red) to open the Grad Web drive.Scroll down the list of drives and select gradschoolforms$ on “john” (highlighted in purple). Click the arrow next to Files of type (highlighted in orange). Scroll down and select Web Pages (highlighted in green).

Page 10: Web Site Design and Editing Manual for Concordia Seminary Graduate School

Double-click the web site that you would like to edit from the grad school files listed in the directory (highlighted in red).

Page 11: Web Site Design and Editing Manual for Concordia Seminary Graduate School

The web site will then open for editing.

These are hyperlinks to jump to different sections within the web site

This is a section title. The name of the subtitle should show up here and also as a bookmark on the left

These are hyperlinks to documents.

Page 12: Web Site Design and Editing Manual for Concordia Seminary Graduate School

To add a new document link, type the name of the link in the appropriate spot (see New Document Link example highlighted in red below). To add a new document to a list, put your cursor to the left of the document that is in the position in which you want your new document (shown in green). Click once then type the name of the new document, then return.

Note: The New Document must already have been created, converted to an Adobe PDF document (in most cases), and saved to the gradschoolforms$ on “john” shared drive.

Page 13: Web Site Design and Editing Manual for Concordia Seminary Graduate School

To create a hyperlink to the document, starting to the left of the text, hold down the mouse button and drag over the text to highlight it, then right mouse click on the highlighted word(s). A menu will pop up (highlighted in red). Select Hyperlink (highlighted in blue)

Page 14: Web Site Design and Editing Manual for Concordia Seminary Graduate School

The Insert Hyperlink menu will pop up. Click the arrow to the right of the Look in: box (highlighted in red). Scroll down the list of drives and select gradschoolforms$ on “john” (highlighted in purple).

Page 15: Web Site Design and Editing Manual for Concordia Seminary Graduate School

Scroll down and double-click the document in which you would like to create a hyperlink (highlighted in red). The text then will turn blue and will be underlined like these (highlighted in purple) and the hyperlink will have been established.

Page 16: Web Site Design and Editing Manual for Concordia Seminary Graduate School

This is the icon for Microsoft Office Front Page. Double click this icon to edit or create a website.

Page 17: Web Site Design and Editing Manual for Concordia Seminary Graduate School

After you double-click the Microsoft Front Page icon, you will see this screen.

Click the open folder icon (circled in red above).

Page 18: Web Site Design and Editing Manual for Concordia Seminary Graduate School

The Open File Menu will pop up. Click the arrow to the right of the Look in: box (highlighted in red).

Scroll down the list of drives and select gradschoolforms$ on “john” (highlighted in purple).

Click the arrow next to Files of type (highlighted in orange). Scroll down and select Web Pages (highlighted in green).

Page 19: Web Site Design and Editing Manual for Concordia Seminary Graduate School

Double-click the web site that you would like to edit from the grad school files listed in the directory (highlighted in red).

Page 20: Web Site Design and Editing Manual for Concordia Seminary Graduate School

The web site will then open for editing.

These are hyperlinks to jump to different sections within the web site

This is a section title. The name of the subtitle should show up here and also as a bookmark on the left

These are hyperlinks to documents.

Page 21: Web Site Design and Editing Manual for Concordia Seminary Graduate School

To add a new section, place the cursor in the position in which you would like to type the title of the section (example in green) and click. Type the name of the new section and return.

Page 22: Web Site Design and Editing Manual for Concordia Seminary Graduate School

After you have typed the name of the new section, highlight it by placing your cursor to the left of the title, holding down your mouse, and dragging over the title. To create a bookmark for the new section, click Insert (highlighted in red), then Bookmark (highlighted in purple).

Page 23: Web Site Design and Editing Manual for Concordia Seminary Graduate School

The Bookmark menu will pop up. In the box under Bookmark name: (highlighted in red) type the name of the new section just as it appears on the web site. Then click OK (highlighted in purple). The section title should be written in an 18 pt., Times New Roman, Italicized font.

Page 24: Web Site Design and Editing Manual for Concordia Seminary Graduate School

The next step is to create a hyperlink to the new section. To do this, place your cursor in the spot in which you would like to place the hyperlink text (the order of the hyperlink texts should follow the order of the sections within the web site) and type the name of the new section (highlighted in red). After you have typed the name of the new section, highlight the text by placing your cursor to the left of the text and dragging over it with your mouse. Next, right click on the highlighted text. A menu will pop up. Click Hyperlink (highlighted in purple).

Page 25: Web Site Design and Editing Manual for Concordia Seminary Graduate School

The Insert Hyperlink menu will pop up. Click the arrow to the right of the Look in: box (highlighted in red).

Click on Place in this Document (highlighted in red), then click on the title of the new section that you have just added (highlighted in purple). Click OK (highlighted in orange). Your hyperlink has now been established.