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

From Wiki @ Karl Jones dot com
Jump to: navigation, search
(Create local folders and subfolders for exercises)
(Use FTP to upload index.php)
Line 48: Line 48:
  
 
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.
 
 
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 ==
 
== View your work in a browser ==

Revision as of 08:52, 21 August 2016

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.

Instructor's example:

http://mgdp2060.x10host.com

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

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

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.