Difference between revisions of "Week One Exercises (MGDP2060)"
Karl Jones (Talk | contribs) |
Karl Jones (Talk | contribs) (→Browse your web site) |
||
Line 9: | Line 9: | ||
== Browse your web site == | == Browse your web site == | ||
− | Browse the URL for your web hosting account using a [[web browser]] of your choice, to confirm that the URL exists. | + | Browse the URL for your web hosting account using a [[web browser]] of your choice, to confirm that the URL exists. Instructor's example: |
+ | |||
+ | http://mgdp2060.x10host.com | ||
== Install WordPress == | == Install WordPress == |
Revision as of 08:49, 21 August 2016
This article contains exercises for Week One of Web Design and Development III (MGDP2060).
Contents
- 1 Create a web hosting account with x10hosting
- 2 Browse your web site
- 3 Install WordPress
- 4 Create local folders and subfolders for exercises
- 5 Create a simple home page named index.php
- 6 Use FTP to upload index.php
- 7 View your work in a browser
- 8 Validate your markup
- 9 Send URL to instructor
- 10 Reading for next week
Create a web hosting account with x10hosting
Create a free web hosting account with x10hosting for your class exercises.
See x10hosting account example.
Browse your web site
Browse the URL for your web hosting account using a web browser of your choice, to confirm that the URL exists. Instructor's example:
Install WordPress
Install WordPress on your web hosting account using the automated installer in cPanel.
See x10hosting WordPress installation.
Create local folders and subfolders for exercises
By "local folders", we mean folders on your computer (or flash drive), where you store your work.
Create a set of folders and subfolders like this:
- YOUR-DOMAIN
- public_ftp
- public_html
Replace YOUR-DOMAIN with the short form of your URL, similar to: mgdp.x10hosting.com
Save all of your web page files in the public_html folder.
Create a simple home page named index.php
Create a text document named index.php.
Enter the HTML5 for a simple home page.
You do not need to imitate the above page; you are free to to create any design you like. The important principles:
- Identify your site
- Use the title element appropriately.
- Validate the HTML.
Note that this page, like all PHP pages, must be served by a web server.
You cannot browse a PHP page using the file:// protocol (for example, by dragging the icon for index.php onto the icon for a web browser).
Use FTP to upload index.php
Using an FTP client of your choice, connect to your web hosting account.
Popular FTP clients include FileZilla and Fetch (FTP client).
You will need the FTP credentials for your account.
Upload index.php to the web server.
See Home page example (MGDP2060).
View your work in a browser
Browse your home page using a web browser of your choice.
Your URL will be similar to the classroom example:
Validate your markup
Use the HTML validator to validate your markup:
Send URL to instructor
Send an email to the instructor - karl.jones@hennepintech.edu - with the URL for your website.
Reading for next week
Study the first three chapters of WordPress: The Missing Manual for next week.