Difference between revisions of "Week Three Exercises (MGDP2060)"

Revision as of 17:46, 12 September 2015

This article contains exercises for week three of Web Design and Development III (MGDP2060).

MAMP

Run MAMP, confirm that it works with your files.

Upload all your work to the web server

Login credentials

Get username and password from instructor.

Warning - the entire class is sharing a single username and password

• Be mindful when copying or deleting files: don't overwrite or delete other students' work

File Transfer Protocol (FTP)

Configure your FTP client:

Host: htcwebcreative.com

Username

Password

Remote subfolder structure

The remote website root folder is named:

mgdp2060.htcwebcreative.com

Inside this folder, create a subfolder for your work

• Do all your work in your subfolder
• Do not rely upon this as a backup copy of your work -- it is vulnerable
• Take care not to overwrite or delete the subfolders of other students

Close your FTP client

Close your FTP client when not in use, in order to free up the connection.

Browsing your work on the web

Example: the instructor's subfolder is located here:

• http://mgdp2060.htcwebcreative.com/instructor

Substitute your subfolder name for instructor

Form exercise (for next week)

In your local root folder, create a new folder named form-cross-domain.

In this folder, create a new document named index.html.

Make the document an HTML5 page. Use standard styles, layout, etc. -- see Web page conventions (MGDP2060).

Create a form which submits to a different domain on the Internet.

• Any site of your choice
• For example: Wikipedia, Google, IMDB

You can use View Source or Inspect Element to copy-and-paste the <form> element, and its contents, which can then paste into your own page.

• You will (probably, depending on the site) need to change the form's action property to specify a fully qualified URL.

Upload to server. Test, confirm it works.

See also

• Web Design and Development III (MGDP2060)