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

Revision as of 17:41, 12 September 2015

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

MAMP

Run MAMP, confirm it works with your files.

Upload all your work to the web server

Login credentials

Get login credentials from instructor.

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

File Transfer Protocol (FTP)

Configure your FTP client:

Host: htcwebcreative.com Username Password

Remote subfolder structure

The remote website root folder is named:

http://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.

• http://mgdp2060.htcwebcreative.com

Browsing your work on the web

Example: the instructor's subfolder is located here:

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

Subsitute 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)