Difference between revisions of "Week Three Exercises (MGDP2060)"
Karl Jones (Talk | contribs) (→Remote subfolder structure) |
Karl Jones (Talk | contribs) (→Login credentials) |
||
Line 11: | Line 11: | ||
Get login credentials from instructor. | Get login credentials from instructor. | ||
− | '''''Warning''''' - the entire class is sharing a single username and password | + | '''''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) == | == File Transfer Protocol (FTP) == |
Revision as of 17:44, 12 September 2015
This article contains exercises for week three of Web Design and Development III (MGDP2060).
Contents
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
- 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:
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.