Week One Exercises (MGDP2060)

From Wiki @ Karl Jones dot com
Revision as of 22:41, 20 August 2016 by Karl Jones (Talk | contribs)

Jump to: navigation, search

This article contains exercises for 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.

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:

http://mgdp2060.x10host.com

Validate your markup

Use the HTML validator to validate your markup:

https://validator.w3.org

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.