Difference between revisions of "Week One (MGDP2060)"
From Wiki @ Karl Jones dot com
Karl Jones (Talk | contribs) (etc) |
Karl Jones (Talk | contribs) (etc) |
||
Line 17: | Line 17: | ||
* [[PHP]] | * [[PHP]] | ||
* [[Getting started with PHP]] | * [[Getting started with PHP]] | ||
+ | |||
+ | == Week one exercises == | ||
+ | |||
+ | * Run XAMPP | ||
+ | * Browse http://localhost | ||
+ | * Observe that there are no files in the web server root folder | ||
+ | |||
+ | * Download the Bootstrap files | ||
+ | ** Put the folder containing the Bootstrap files into your [[htdocs folder]] | ||
+ | * In your root folder, create a new document named index.html | ||
+ | * Add HTML based on the [[Bootstrap template example]] | ||
+ | ** Edit the HTML to reference your local Bootstrap files | ||
+ | ** Enter your name, "Home page", and other text content of your choice | ||
+ | ** Be creative, your choice of font, colors, etc. | ||
+ | * Browse the http://localhost | ||
+ | ** Confirm that your Bootstrap page displays correctly | ||
+ | |||
+ | * Change the name of your home page file from index.html to index.php | ||
+ | * Refresh the browser, observe that the page looks the same | ||
+ | |||
+ | * Somewhere in the body section of index.php, enter this code: | ||
+ | |||
+ | <code> | ||
+ | <?php | ||
+ | |||
+ | ?> | ||
+ | </code> | ||
+ | |||
+ | * Update the PHP to look like this: | ||
+ | |||
+ | <code> | ||
+ | <?php | ||
+ | |||
+ | ?> | ||
+ | </code> | ||
+ | |||
+ | === Finishing up == | ||
+ | |||
+ | * At the end of your session at the workstation, copy the "MGDP2060" folder to your jump drive, or other external storage device | ||
+ | ** Workstation files are wiped overnight | ||
+ | ** Next week, copy files from your jump drive to the workstation | ||
== See also == | == See also == | ||
* [[Web Design and Development III (MGDP2060)]] | * [[Web Design and Development III (MGDP2060)]] |
Revision as of 15:40, 27 August 2015
This article lists topics for week one of Web Design and Development III (MGDP2060).
Topics
Review:
New topics:
- XAMPP
- Getting started with XAMPP
- Bootstrap (framework)
- Getting started with Bootstrap
- PHP
- Getting started with PHP
Week one exercises
- Run XAMPP
- Browse http://localhost
- Observe that there are no files in the web server root folder
- Download the Bootstrap files
- Put the folder containing the Bootstrap files into your htdocs folder
- In your root folder, create a new document named index.html
- Add HTML based on the Bootstrap template example
- Edit the HTML to reference your local Bootstrap files
- Enter your name, "Home page", and other text content of your choice
- Be creative, your choice of font, colors, etc.
- Browse the http://localhost
- Confirm that your Bootstrap page displays correctly
- Change the name of your home page file from index.html to index.php
- Refresh the browser, observe that the page looks the same
- Somewhere in the body section of index.php, enter this code:
<?php
?>
- Update the PHP to look like this:
<?php
?>
= Finishing up
- At the end of your session at the workstation, copy the "MGDP2060" folder to your jump drive, or other external storage device
- Workstation files are wiped overnight
- Next week, copy files from your jump drive to the workstation