Microsoft Frontpage 2003 (Zambak) (Low Quality)

✍ Scribed by Mesut AYAN, Hüseyin TAÞDEMÝR

• Publisher: Zambak Publishing
• Year: 2006
• Tongue: English
• Leaves: 168
• Category: Library

✦ Table of Contents

1. BASICS OF WEB DESIGN
   Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . .8
   What is FrontPage? . . . . . . . . . . . . . . . . . .8
   What is HTML? . . . . . . . . . . . . . . . . . . . . .8
   HTML Coding . . . . . . . . . . . . . . . . . . . . . . . . . .10
   Basic Tags . . . . . . . . . . . . . . . . . . . . . . . . .10
   Text Formatting . . . . . . . . . . . . . . . . . . . . .11
   Horizontal Line . . . . . . . . . . . . . . . . . . . . .13
   Background . . . . . . . . . . . . . . . . . . . . . . . .14
   Images . . . . . . . . . . . . . . . . . . . . . . . . . . . .15
   Links . . . . . . . . . . . . . . . . . . . . . . . . . . . . .16
   Changing Hyperlink Colors . . . . . . . .17
   Tables . . . . . . . . . . . . . . . . . . . . . . . . . . . .17
   Project (Good Words) . . . . . . . . . . . . . . . . . . .20
   Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . .21
   Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . .22
2. FRONTPAGE FUNDAMENTALS
   General Overview . . . . . . . . . . . . . . . . . . . . . . .24
   Some New Features in FrontPage 2003 . .24
   FrontPage at First Glance . . . . . . . . . . . . .25
   Creating a Web Page . . . . . . . . . . . . . . . . . . . .27
   Adding and Formatting Text . . . . . . . . . . . . . . .28
   Inserting a Horizontal Line . . . . . . . . . . . . . . . .29
   Inserting a Picture . . . . . . . . . . . . . . . . . . . . . .30
   Creating a List . . . . . . . . . . . . . . . . . . . . . . . . .31
   Modifying Page Background . . . . . . . . . . . . . .32
   Changing Background Color and
   Text Color . . . . . . . . . . . . . . . . . . . . . . . . .32
   Inserting a Background Picture . . . . . . . .32
   Working with Files . . . . . . . . . . . . . . . . . . . . . .33
   Saving a Web Page . . . . . . . . . . . . . . . . . .33
   Viewing a Web Page . . . . . . . . . . . . . . . . .35
   Printing a Web Page . . . . . . . . . . . . . . . . .36
   Closing and Opening a Web Page . . . . . .36
   Project . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .37
   Summary (Amazing Facts) . . . . . . . . . . . . . . . .38
   Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . .39
   Complete the Missing Code . . . . . . . . . . . . . .40
3. YOUR FIRST WEB SITE
   Create a Web Site using Web Templates and
   Wizards . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .42
   Modifying the Navigation . . . . . . . . . . . . .44
   Page Banner . . . . . . . . . . . . . . . . . . . . . . .46
   Link Bar . . . . . . . . . . . . . . . . . . . . . . . . . . .46
   Web Site Content . . . . . . . . . . . . . . . . . . .47
   Modifying Pictures . . . . . . . . . . . . . . . . . . . . . .48
   Resizing a Picture . . . . . . . . . . . . . . . . . . .48
   Modifying Photo Gallery . . . . . . . . . . . . . .49
   Themes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .50
   Applying Theme . . . . . . . . . . . . . . . . . . . .50
   Closing and Opening a Web site . . . . . . . . . . .52
   Publishing a Web Site . . . . . . . . . . . . . . . . . . .52
   What to do before Publishing . . . . . . . . . .53
   Transferring Web Pages to the
   Web Server . . . . . . . . . . . . . . . . . . . . . . . .54
   Project (Poem or Prose Writers) . . . . . . . . . . .56
   Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . .57
   Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . .58
4. BUILDING YOUR WEB SITE FROM
   SCRATCH
   Creating an Empty Web Site . . . . . . . . . . . . . .60
   Building Web Site Structure . . . . . . . . . . . . . . .62
   Creating Links . . . . . . . . . . . . . . . . . . . . . . . . . .63
   Creating a Link to another Page
   in the Web Site . . . . . . . . . . . . . . . . . . . . .63
   Creating a Link to a Web Address . . . . . .64
   Creating Hyperlinks on Different Parts
   of the Picture Creating an Image Map . . .65
   Creating an E-mail Link . . . . . . . . . . . . . . .66
   Creating a Link to a File . . . . . . . . . . . . . .67
   Turning a Picture into a Hyperlink . . . . . .68
   Creating a Link within a
   Web Page - Bookmark . . . . . . . . . . . . . . .70
   Creating a Bookmark . . . . . . . . . . . . .71
   Linking to a Bookmark . . . . . . . . . . . .71
   Modifyin Hyperlinks . . . . . . . . . . . . . . . . . . . . .72
   Editing Hyperlinks . . . . . . . . . . . . . . . . . . .72
   Changing Hyperlink Colors . . . . . . . . . . .73
   Project (New Seven Wonders) . . . . . . . . . . . . .74
   Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . .75
   Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . .76
5. LAYING OUT WEB PAGES WITH TABLES
   Table Uses . . . . . . . . . . . . . . . . . . . . . . . . . . . .78
   Laying Out a Web Page with Tables . . . . . . . .78
   Improving Your Site Appearance . . . . . . . . . . .80
   Applying a Theme . . . . . . . . . . . . . . . . . . .80
   Inserting a Navigation Link Bar . . . . . . . . .80
   Inserting a Page Banner . . . . . . . . . . . . . .81
   Creating a Table . . . . . . . . . . . . . . . . . . . . . . . .82
   Adding text to cells . . . . . . . . . . . . . . . . . .83
   Formatting a Table . . . . . . . . . . . . . . . . . . . . . .84
   Changing Table Size and Alignment . . . .84
   Adding Rows or Columns . . . . . . . . . . . . .84
   Deleting Rows or Columns . . . . . . . . . . . .85
   Defining Borders . . . . . . . . . . . . . . . . . . . .85
   Adding Background Color or Picture . . . .86
   Defining cell padding and cell spacing . .86
   AutoFit to Contents . . . . . . . . . . . . . . . . . .86
   Formatting a Cell . . . . . . . . . . . . . . . . . . . . . . .87
   Aligning Objects in a Cell . . . . . . . . . . . .87
   Merging Cells . . . . . . . . . . . . . . . . . . . . . .87
   Splitting Cells . . . . . . . . . . . . . . . . . . . . . .88
   A Table within a Table - Nested Tables . . . . . .88
   Table AutoFormat . . . . . . . . . . . . . . . . . . . . . . .89
   Modifying a Picture . . . . . . . . . . . . . . . . . . . . . .90
   Checking Image Size and Speed . . . . . .90
   Cropping a picture . . . . . . . . . . . . . . . . . .91
   Including a Text Alternative . . . . . . . . . . .92
   Saving an Attached Image . . . . . . . . . . .92
   Project (Your Country) . . . . . . . . . . . . . . . . . . .94
   Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . .95
   Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . .96
6. ENHANCING YOUR WEB SITE
   Shared Borders . . . . . . . . . . . . . . . . . . . . . . . . 98
   Modifying Pictures . . . . . . . . . . . . . . . . . . . . . . 99
   Making a Transparent Image . . . . . . . . . . 99
   Making an Interlaced Image . . . . . . . . . . .100
   Inserting Multimedia Objects . . . . . . . . . . . . . .100
   Inserting Background Sound . . . . . . . . . .100
   Inserting a Video . . . . . . . . . . . . . . . . . . . .101
   Inserting a Flash Object . . . . . . . . . . . . . .102
   Page Transition . . . . . . . . . . . . . . . . . . . . . . . . .103
   Dynamic HTML . . . . . . . . . . . . . . . . . . . . . . . . .104
   Creating a Rollover Image
   (Image Swap) . . . . . . . . . . . . . . . . . . . . . .104
   Animating a Text . . . . . . . . . . . . . . . . . . . .105
   Inserting Web Components . . . . . . . . . . . . . . .105
   Interactive Buttons . . . . . . . . . . . . . . . . . .105
   Marquee . . . . . . . . . . . . . . . . . . . . . . . . . .107
   Hit Counter . . . . . . . . . . . . . . . . . . . . . . . .108
   Banner Ad Manager . . . . . . . . . . . . . . . . .109
   Included Content . . . . . . . . . . . . . . . . . . . .110
   Including a Substitution . . . . . . . . . . .110
   Including a Scheduled Picture . . . . .111
   Table of Contents . . . . . . . . . . . . . . . . . . .112
   Project (No Bad Habits) . . . . . . . . . . . . . . . . . .114
   Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . .115
   Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . .116
7. IMPROVING INTERACTIVITY
   Dynamic Web Templates . . . . . . . . . . . . . . . . .118
   Creating a Dynamic Web Template . . . . .118
   Adding an Editable Region . . . . . . . . . . . .119
   Attaching a Dynamic Web
   Template to the Pages . . . . . . . . . . . . . . .120
   Detaching Files from a
   Dynamic Web Template . . . . . . . . . . . . . .121
   Layers and Behaviors . . . . . . . . . . . . . . . . . . . .122
   Adding a Layer . . . . . . . . . . . . . . . . . . . . .122
   Applying a Behavior to a Layer . . . . . . . .124
   Some Actions Examples . . . . . . . . . . . . . .125
   Play Sound . . . . . . . . . . . . . . . . . . . . .125
   Open Browser Window . . . . . . . . . . .126
   Jump Menu . . . . . . . . . . . . . . . . . . . .127
   Cascading Style Sheets . . . . . . . . . . . . . . . . . .128
   CSS Types . . . . . . . . . . . . . . . . . . . . . . . . .128
   External Style Sheet . . . . . . . . . . . . . .128
   Embedded Style Sheet . . . . . . . . . . .128
   Inline Styles . . . . . . . . . . . . . . . . . . . .129
   Creating an External Style Sheet . . . . . . .129
   Adding styles . . . . . . . . . . . . . . . . . . . . . . .130
   Modifying Headings . . . . . . . . . . . . . .130
   Modifying Hyperlinks . . . . . . . . . . . . .132
   Changing Scrollbar Colors . . . . . . . .133
   Linking Pages to an External
   Style Sheet . . . . . . . . . . . . . . . . . . . . . . . .133
   Using Java Script Codes in FrontPage . . . . . .134
   Greetings . . . . . . . . . . . . . . . . . . . . . . . . . .134
   Flashing Status Bar . . . . . . . . . . . . . . . . . .135
   Pop-up Window . . . . . . . . . . . . . . . . . . . . .135
   Page Password Protection . . . . . . . . . . . .136
   Project (Your Favorite Animals) . . . . . . . . . . . .138
   Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . .139
   Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . .140
8. COMMUNICATING WITH YOUR VISITORS
   Internet Information Services . . . . . . . . . . . . . .142
   Installing IIS . . . . . . . . . . . . . . . . . . . . . . . .142
   Testing the IIS Installation . . . . . . . . . . . . .143
   Creating a Web Site on the Web server . . . . .144
   Using Frames . . . . . . . . . . . . . . . . . . . . . . . . . .144
   Searching on the Web Site . . . . . . . . . . . . . . .148
   Working with Forms and Databases . . . . . . . .149
   Creating a Form . . . . . . . . . . . . . . . . . . . .149
   Creating a Database . . . . . . . . . . . . . . . . .150
   Displaying Database Results . . . . . . . . . .153
   Searching in the Database . . . . . . . . . . . .156
   Project (Your Favorite Flower) . . . . . . . . . . . . .158
   Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . .159
   Questions . . . . . . . . . . . . . . . . . . . . . . . . . . . . .160
   ANSWER KEY
   APPENDIX
   Web Design Tips & Tricks . . . . . . . . . . . . . . . .163
   HTML Color Reference . . . . . . . . . . . . . . . . . . .164
   INDEX