Engin 103
Tomas Materdey
Please read and follow these instructions
carefully. This is all you need to create and maintain a web site. There are
two short video clips that show you some of the steps, which you can find on
the e-syllabus. These instructions refer to MS Word 2000 or later to create
html files, no html knowledge is assumed.
1.- Each team should designate a Webmaster for each project.
The Webmaster will keep a floppy/zip/CD disk with ALL html files and will
upload updated files to the web server whose URL address will be ftp://www.students.umb.edu (copy and
paste this into the browser address box, clicking on it may not work). It is
VERY IMPORTANT that the Webmaster keeps a copy of ALL related html files in a
same disk that will be made available to the next Webmaster. To request a
username and password, each Webmaster should email the instructor with subject
“requesting password” and including in the
message the following statement: “I, your full name, have read the university web standards at http://www.umb.edu/web/policies/students.html and will follow
them while accessing and/or uploading files to this server. I understand my
access to this server is limited to the Fall 2005
semester and that the username and password are non-transferable and
non-compliance with these rules will be subject to disciplinary actions. “
2.-The first thing the Webmaster has to do is to create and upload an index.html file that will serve as the team’s homepage. It could be that this file was created and uploaded (when you are not the first Webmaster in your team), in which case the team’s homepage would show up at http://www.students.umb.edu/e103tX where X is your team number. If this is the case then you can jump to step 3 below.
2.1.- Open a New-file in Word. Write something about your team: team#, member names, then create links to projects, e.g. 0,1, 2, or 3 with a Webmaster name for each (for how to create a link, see 3.4 below)
2.2.- Click on File –Save As;
in the Save-in dialogue box click and find Floppy (A:) or Zip drive or CD;
in the Save-as-type dialogue box, click and find Webpage, then in the
File-name box write index.html (include this exact extension!); then
click on Save
2.3.- Open a browser window and enter this URL ftp://www.students.umb.edu (note that the usual http is replaced by ftp, type or copy and paste it into your browser address box, clicking on it may not work), then Login with the user name and password provided. Using My Computer, in a separate window, open the folder containing the index.html file you have just created. To upload this file onto the server, simply drag and drop it into the ftp window
2.4.- To check whether you have gone on-line with this index.html file, go back to the Engin103 web page http://www.faculty.umb.edu/tomas_materdey/103F05 , click on teams homepage, click on Team X,where X is your team number, make sure you see what you have just uploaded.
3.- To create and upload a Project file and to update your index.html file with a link to this Project file:
3.1.-Create a new file in Word with information regarding your Project Y (Y could be 0, 1, 2, 3). Save it as a webpage with the name: projectY.html (include this exact extension!).
3.2.-Access the Engin 103 web server at ftp://www.students.umb.edu (copy and paste this into the browser address box, clicking on it may not work). Log in with the username and password provided. Check if a folder files was created, if not, click on File in the upper left corner of the browser window, then select New, type in files.
3.3.-Double click on files. Using My Computer, in a separate window open the folder containing the projectY.html file you have just created. To upload this file onto the server, simply drag and drop it into the ftp window (where the files folder is open).
3.4.- To update your index.html
file with a link to the projectY.html,
open the first file, at the selected location, click on Insert/Hyperlink. In the File/Address
box type the URL of your Project Y page uploaded at http://www.students.umb.edu/e103tX/files/projectY.html
. In the Text to Display box type
“Project Y”. Then click on O.K.,
save your updated index.html file,
and upload it to the server following 2.3 as before.
4.- If your filename.html file (where filename can be index or projectY) contains an image, the image will be automatically stored in your disk in a folder called filename_files after you save your file as a webpage into your disk. For the image to appear online you will need to upload this folder to the Engin 103 server. To upload the filename_files folder, drag and drop it into the ftp window with the folder containing the filename.html file open., i.e. you need to upload the image folder called filename_files into the ftp folder that also contains the associated filename.html you uploaded.
5.- Please ask questions if this is
not clear.