Building and Posting Course Work Page

Building & Posting Course Work Page
Student account must be activated (to activate go to http://stu.wccnet.org)

Create on desktop
Test on desktop with browser
Upload to server
Test on Web with browser

Upload your files to your Web site often (keep your Web space current - use it as your back up)

Test Page (fpj103)

Create public_html folder (if not already in server space)
Create index.html page
Save in folder
Open browser
Test on desktop
Post in your Web space
Test on Web

Create Your Course Work Page (using html and a Web editor)
See finished product. (student example: Rose Anderson)

Open Dreamweaver
Open browser
Build first section ( title, name, mailto, hr, link, image) with HTML coding. (See code below. Preview in browser as you work.)
Save as index.html into your folder called public_html copying over the other index.html page created earlier. (Copy this folder to your disk before you leave)
Open Photoshop
Create logo ("initials.gif"). Put in web folder. (use browser safe colors, 155 x 155 pixels)
Copy table and footer from finished product on Web (using browser) and paste to HTML window in Dreamweaver.
Adjust location of image using Dreamweaver if necessary.
Select own text and bgcolor for table cells (see hexidecimal color chart)
Post in your Web space
Test page (mailto, image, bottom menu links).
Demo: Link first assignment to a new empty page in Dreamweaver and post.
- Note requirements for each Web page

Working From Home
Finding free FTP program: Tucows.com or use the FTP tool in Dreamweaver (Site > Define Sites > Edit > Web Server Info)
Other Web editors -how to edit HTML in and import Dreamweaver pages

<html>
<head><title> Page Title</title>
</head>

<body bgcolor="#ffffff">
<h1 align = center> Your Name</h1>
<Hr>
<p align = center><a href="mailto:email@where_ever.com">email@where_ever.com</a>
Here is my text and all kinds of stuff including a link to my <a href="secondpage.html">second page</a>.<p>
<img src="initials.jpg" width="155" height="155" alt="my image">
</body>
</html>