Difference between revisions of "Week One Exercises (MGDP2060)"
Karl Jones (Talk | contribs) (→Browse your web site) |
Karl Jones (Talk | contribs) |
||
Line 1: | Line 1: | ||
This article contains '''exercises''' for '''[[Week One (MGDP2060)|Week One]]''' of [[Web Design and Development III (MGDP2060)]]. | This article contains '''exercises''' for '''[[Week One (MGDP2060)|Week One]]''' of [[Web Design and Development III (MGDP2060)]]. | ||
− | + | == Create a web hosting account with x10hosting == | |
− | + | ||
− | + | ||
Create a free web hosting account with [[x10hosting]] for your class exercises. | Create a free web hosting account with [[x10hosting]] for your class exercises. | ||
Line 9: | Line 7: | ||
See [[x10hosting account example]]. | 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. | Browse the URL for your web hosting account using a [[web browser]] of your choice, to confirm that the URL exists. | ||
− | + | == Install WordPress == | |
Install [[WordPress]] on your web hosting account using the automated installer in [[cPanel]]. | Install [[WordPress]] on your web hosting account using the automated installer in [[cPanel]]. | ||
Line 19: | Line 17: | ||
See [[x10hosting WordPress installation]]. | 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. | By "local folders", we mean folders on your computer (or flash drive), where you store your work. | ||
Line 33: | Line 31: | ||
Save all of your web page files in the '''public_html''' folder. | 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'''. | Create a text document named '''index.php'''. | ||
Line 49: | Line 47: | ||
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). | 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. | Using an [[FTP client]] of your choice, connect to your web hosting account. | ||
Line 61: | Line 59: | ||
See [[Home page example (MGDP2060)]]. | See [[Home page example (MGDP2060)]]. | ||
− | + | == View your work in a browser == | |
Browse your home page using a [[web browser]] of your choice. | Browse your home page using a [[web browser]] of your choice. | ||
Line 69: | Line 67: | ||
http://mgdp2060.x10host.com | http://mgdp2060.x10host.com | ||
− | + | == Validate your markup == | |
Use the HTML validator to validate your markup: | Use the HTML validator to validate your markup: | ||
Line 75: | Line 73: | ||
https://validator.w3.org | https://validator.w3.org | ||
− | + | == Send URL to instructor == | |
Send an email to the instructor - karl.jones@hennepintech.edu - with the URL for your website. | Send an email to the instructor - karl.jones@hennepintech.edu - with the URL for your website. |
Revision as of 22:41, 20 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.
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.