MKTG 476 FRONTPAGE II Lars Perner, Instructor 1 FrontPage II File structure and references File...

MKTG 476 FRONTPAGE II Lars Perner, Instructor 1

FrontPage IIFrontPage II

File structure and referencesFile structure and references Editing standard HTML filesEditing standard HTML files Automatic navigation structureAutomatic navigation structure FormsForms


File Naming ConventionsFile Naming Conventions

Lower case onlyLower case only NoNo

Spaces in file names (use underscore instead—e.g., Spaces in file names (use underscore instead—e.g., “Online_Profiteers”“Online_Profiteers”

““Special” characters (e.g., ampersand, period, Special” characters (e.g., ampersand, period, comma) (other than for extensions--.htm is OK)comma) (other than for extensions--.htm is OK)

Appropriate extensionAppropriate extension Short file namesShort file names


File ReferencesFile References LevelsLevels

Absolute address (e.g., Absolute address (e.g., http://www.LarsPerner.com/mhttp://www.LarsPerner.com/mktg476/index.htmktg476/index.htm))

Address within file structure Address within file structure (e.g., /mktg476/index.htm)(e.g., /mktg476/index.htm)

Address within current Address within current directory (e.g., index.htm)directory (e.g., index.htm)

Objects not in the current Objects not in the current directory must have more directory must have more explicit address—eitherexplicit address—either Absolute addressAbsolute address Address where the file is Address where the file is

hosted on the current sitehosted on the current site

Beware of links to addresses Beware of links to addresses on the creator’s hard drive!on the creator’s hard drive!

The following are especially The following are especially vulnerable to hard drive vulnerable to hard drive addresses:addresses: Graphics Graphics

PhotosPhotos LogosLogos ArtArt

PDF filesPDF files Be sure that all components Be sure that all components

from templates are stored from templates are stored properlyproperly


Creating subdirectoriesCreating subdirectories

Select “Folders” view on the Select “Folders” view on the left hand menuleft hand menu If creating a first level If creating a first level

directory, select directory, select FFile ile newnew.. If creating a subdirectory:If creating a subdirectory:

Click on the directory under Click on the directory under which you want the new which you want the new subdirectory to exist.subdirectory to exist.

select select FFile ile newnew..

Enter the desired name of the Enter the desired name of the directory.directory.


Example Web Site StructureExample Web Site Structure

INDEX

CUSTOMERSERVICE

PRODUCTS IMAGESINVESTORRELATIONS

JOBOPENINGS

COMPUTERS SOFTWAREPRINTERS

INDEX INDEXINDEXINDEX

File

Directories

Files

Directories


HTML and OrganizationHTML and Organization

HTMLHTML Use “line feed”--<CONTROL>+<ENTER> to go Use “line feed”--<CONTROL>+<ENTER> to go

to next line without double spaceto next line without double space File organizationFile organization

““Root” directoryRoot” directory Subdirectories forSubdirectories for

Special area contentSpecial area content GraphicsGraphics


To Edit a File (Add Content)To Edit a File (Add Content)

In “Folder” or In “Folder” or “Navigation” “Navigation” mode, double-mode, double-click on the file click on the file you want to edit:you want to edit:


Page ViewsPage Views

““Normal”—”WhNormal”—”What you see is at you see is [almost] what [almost] what you getyou get

““HTML”—only HTML”—only HTML code is HTML code is displayeddisplayed


““Normal” vs. HTML ScreensNormal” vs. HTML Screens


Creating a TableCreating a Table

From the “Insert” menu, select “Table”From the “Insert” menu, select “Table” Specify number of rows and columnsSpecify number of rows and columns For no lines as borders, select border thickness For no lines as borders, select border thickness

of zeroof zero


Example—Text and company logoExample—Text and company logo

Create table with one row, two columnsCreate table with one row, two columns In the left cell, enter company name and In the left cell, enter company name and

informationinformation In the right cellIn the right cell

Save image in “Images directory”Save image in “Images directory” Use “Insert image” to use an image from diskUse “Insert image” to use an image from disk Use “paste” to paste an image “copied elsewhere”Use “paste” to paste an image “copied elsewhere”


Fonts and font substitutionsFonts and font substitutions

““Default” font will vary between Default” font will vary between “templates”—often Times Roman“templates”—often Times Roman

User selection of fontsUser selection of fonts Font substitutionFont substitution


HyperlinksHyperlinks

Links will bring the user to:Links will bring the user to: Another pageAnother page

Within present siteWithin present site At other siteAt other site

““Bookmark” on current or other pageBookmark” on current or other page User’s e-mail program with an e-mail address User’s e-mail program with an e-mail address

entered (often used with names)entered (often used with names) Object (e.g., larger image)Object (e.g., larger image)


To Insert a HyperlinkTo Insert a Hyperlink

Highlight text or image Highlight text or image to be linkedto be linked

Select Select IInsert nsert HyperlinkHyperlink or <CONTROL>+Kor <CONTROL>+K

Either spell out the Either spell out the hyperlink or “point” to hyperlink or “point” to itit


Hyperlink Entry MethodsHyperlink Entry MethodsNavigate to file

Point to a “bookmark” orspecial location in file

Link to an e-mail address


Creating Automatic Hyperlinks Creating Automatic Hyperlinks Between PagesBetween Pages

Go to “Navigation” viewGo to “Navigation” view Highlight your “top” or index fileHighlight your “top” or index file Select Select FFormat, “Shared borders”ormat, “Shared borders” Click the following:Click the following:

““Top”Top” ““Include navigation…”Include navigation…”

““Left”Left” ““Include navigation…”Include navigation…”

Select application for all pagesSelect application for all pages Click “OK”Click “OK”


FormsForms

Structure for the user to enter and send Structure for the user to enter and send information—e.g.,information—e.g., Sign-upSign-up Order placementOrder placement Survey responseSurvey response Information requestInformation request

Results can be sent by e-mail or be added to Results can be sent by e-mail or be added to online databaseonline database


To Create a FormTo Create a Form

Create and enter a web pageCreate and enter a web page Select Select IInsert nsert FormForm Select Select FormForm For each “field” (part to be filled out):For each “field” (part to be filled out):

Select Select IInsert nsert FormForm Select the type of form component desired and Select the type of form component desired and

specify characteristicsspecify characteristics


Form ComponentsForm Components

Textbox (one line of Textbox (one line of text)text)

Text areaText area Checkbox (check yes or Checkbox (check yes or

no)no) Drop down boxDrop down box Push buttonPush button File upload (user File upload (user

uploads a file)uploads a file)


Entering Form Submission InfoEntering Form Submission Info

Right click on the Right click on the “submit” button in the “submit” button in the formform

Select “Form Select “Form properties”properties”

Enter desired e-mail Enter desired e-mail addressaddress

Date post:	29-Dec-2015
Category:	Documents
Upload:	angelica-skinner
View:	220 times
Download:	1 times

MKTG 476 FRONTPAGE II Lars Perner, Instructor 1 FrontPage II File structure and references File...

Documents