Building Web Pages With Microsoft Office Introduction This tutorial is for the beginning web builder. It utilizes software that you already have, Microsoft Office, to show what you can do with a simple webpage template. Cypress Template • You will use the Cypress web template to build your site. Mac • Word:Mac2000 and Word:Mac v.X have the Cypress template you need installed. • Open Word • In the Project Gallery under categories choose Web Page>Cypress PC • PC and other • It will open a Word applications, document using the download the template. templatehere – If it says Read Only Save in the templates folder or as a document to get a working document Save Your Work • Mac – Save as a Web Page, check the button save only • PC display information – Save as .html into html. This will allow more browsers to see your page. Title • Select Main Title Goes Here and put in your own title. • You can change the size, color, and placement of the title with the formatting menu, just like a Word Document. • Save (as a web page or .html) Subheadings – Look at the frame on the left of the page. Put in your subheadings here. – Select Subheading 1 and type your own subheading. – Repeat for #2 and #3. – Save Add Text • Go to the right side of the page. Put the same headings under Subheadings 1,2,and 3. • Add your text under the appropriate subheading. Remember, you can change the font, size, and color just like you would in a word document. • Save Graphics • Insert a picture. Click on the picture in the template to select it. Choose Insert > Picture >Clip Art (or From File). Select the picture you want and click Insert. • Add a caption by selecting Caption Goes Here and typing your own text. • Save More Graphics • If you want to add additional pictures, place the cursor where you want them, and repeat the Insert > Picture >Clip Art (or From File) process. • Save You Are Done! • You have web site ready to upload to a server. • If you want to see what you just created, go to View>HTML Source. This is what html code looks like. You just created this! Close it by choosing View>Exit HTML Source. • Exit the tutorial now or go on to learn about uploading and FTP. FTP tutorial How to Upload your Web Page File Transfer Protocol (FTP) The final task in web building is to upload the website to a server. • Your school may have a server that you can use. • Your Internet Service Provider (ISP) may offer a small server space with your Internet account. • There are also commercial sites that offer web hosting for a fee. • “Free” web hosting is usually supported by advertising and may have inappropriate ads. The information you need from your website host will look something like this: • host name • may also have: • user id directory path or default path • password (sends it to your specific folder) • Open application (Fetch for Mac or WS_FTP for PC) • Select New Connection • Enter the hosting information • Click OK and/or Connect. • You should now see the server. MAC • Find the folder for your website. • Find your files on your hard drive and Drag them into your folder or select Remote > Put Folders and Files>your file names here in the menu bar. – You need to upload all files atteched to your site. HTML pages, .GIF or .JPG images, any other linked files PC • The left window shows your computer hard drive. The one on the right is the remote server. • Navigate to the folder on your hard drive that holds the new website files • Select all the web site files (HTML pages, .GIF or .JPG images, any other linked files). • Make sure the "remote" side of the FTP software is open to your personal web server folder. • Click the "Put" or "Upload" arrow to move the files from the local directory to their remote directory. You are finished! • Check the • Use your web address of your browser to find new website. your new website! • The upload is complete! Close your FTP application.