CITY UNIVERSITY / Vysoká Škola Manažmentu.:IS Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 4 1. Create a folder on L/BSBA/IS330/website (Folder will contain – index page and 5 specific pages - myself.htm, town.htm, studies.htm, hobbies.htm, other.htm ) 2. Open a new document and save it in your folder as Index 3. Change background color, adjust title tag (Your name: Personal Web Site) and add Keywords tag. 4. Type heading (your name) on the top of page, change its style and color 5. Below heading, insert an illustrative image from file.

CITY UNIVERSITY / Vysoká Škola Manažmentu.:IS Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 4 1.Below image insert a table – 1 row, 5 columns (centered, 80%, padding spacing = 2); format the table 2.Fill in the menu options: Myself, My Town, Studies, Hobbies, Other (do not format the text) 3.Insert external hyperlinks: Myself – myself.htm My Town – mytown.htm Studies – studies.htm Hobbies – hobbies.htm Other – other.htm 4.Below the menu table, insert 1 row/ 2columns table (centered, 80%, padding spacing = 2, border = 0); in the left cell type: Last Updated: Date – left aligned; and in the right cell insert your active hyperlink – aligned to right.

CITY UNIVERSITY / Vysoká Škola Manažmentu.:IS Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 4 1.Insert scrollbar CSS in your Index.htm - Change color of scrollbar - Open CSS codes from Downloads page, copy the 3 rd code and paste it in HEAD BODY { scrollbar-face-color: #804040; scrollbar-shadow-color: #804040; scrollbar-highlight-color: #804040; scrollbar-3dlight-color: #804040; scrollbar-darkshadow-color: #FFF8DC; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFF8DC } - Change the hexadecimal color codes in the CSS code (change at least track, face, and arrow color)

CITY UNIVERSITY / Vysoká Škola Manažmentu.:IS Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Insert a hyperlink effect CSS. 2.Open CSS code to copy page, copy the 1 st or the 2 nd code (1 st is “underline” and 2 nd “background” rollover effect) 3.Open your page in HTML mode, and paste the CSS code above the closing head tag 4.Change the hexadecimal color codes in the CSS code

CITY UNIVERSITY / Vysoká Škola Manažmentu.:IS Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 4 1.Open a blank document, save it in your folder as Myself.htm 2.Change background color (preferably same as on Index) 3.Change Title tag to Myself 4.Insert scrollbar and hyperlink effect CSS 5.On top of page insert a table – 1 row, 5 columns, 80%, centered. Table cells will contain menu options: Myself, My Town, Studies, Hobbies, Other. 6.Insert hyperlinks

CITY UNIVERSITY / Vysoká Škola Manažmentu.:IS 330 – Information Systems:. © Martina Cesalova, 2005 MS FRONTPAGE 4 1.Insert another table – 1 row, 2 columns, centered, 80%, change background color. 2.Insert another table – 1 row, 3 columns, centered, 90%, border=0. Left cell will contain Last update info, middle cell hyperlink to the Index page and right cell back to top link. 3.Save 4.Open Windows Explorer, go to your folder, copy myself.htm, paste it 4 times. Rename the documents so that we have mytown.htm, studies.htm, hobbies.htm, and other.htm 5.Open all documents in MS FrontPage, add content and illustrative image, and remove links (that would take us to the active page) from menu table