1 Week 4 Expression Web, WinSCP, Introduction to CSS Mini-Project (MP1) & Quiz 1 Advanced Web Development IT225 Fall Term 2016 Marymount University School of Business Administration Professor Suydam

Setting Up Website Frames Pages Work with WinSCP Mini-Project (MP1) Quiz 1

3

4 aaa99999aaa99999 ClientClient ServerServer Save Login Information Caution of buttons: Never use “Move”

5 Create a framespages folder in your working folder. Copy server index.html and images folder to client working folder. Open Expression Web and Set View>Page Size 1024x768 Build a frames home page (colors, font, text – your choice) – in class exercise Create Table in main page (3 rows, 3 columns, 650px wide; Download MU Image into an images folder and insert in main page;MU Image Resize image to eliminate scroll-right. Name pages as: “index.html” (replacing original index.html), and contents, header, main saved in framespages folder.

6 Download contents of your Server directory to your Client working directory Create the following additional directories on the Client side: css finalproject js mp1 mp2 mp3 mp4 On Client side Copy/Paste original index.html and images folder in each directory Create hypertext link to each “Links to Project” entry to index.html page in respective directory (MP1, MP2, MP3, MP4, Final Project). Download nature3 started file, extract, and place in client working folder Upload contents of working folder load to your server directory

7 Your Client working directory should now look like the following:

8 Fix author-provided nature3 pages (17) SSI instructions (started in class – note errors in yellow) Modify all other requirements specified in Mini-Project assignment Load to website, link from frames page, and verify links and display (started in class) Then test pages, fix, reload – do until correct

9 Do before next class