Introduction to Web Programming

Teacher: Aaron McBride
Student: Sheri Lines
Duration: 12 weeks

Description: This course will teach the basics of dynamic web programming. Technologies include: HTML, PHP, and JavaScript (possibly some CSS). It will serve as an introduction to programming covering the following topics: history of programming languages, variables, arrays, string manipulation, math, flow control, data structures, recursion, writing (English), and more.

Syllabus (subject to change):

Jump to the Current Assignment

Week 1 - April 5:

Assignment 1 Due Wed. April 7
  1. HTML Goodies Primers 1 and 2
  2. PHP Manual Section 1 (Preface through Runtime Configuration). Don't worry if you don't understand it all.
  3. View the source of this page by right clicking on the page and selecting "View Page Source".
  4. Send me a list of the names of all of the tags that are used in this page.
Assignment 2 Due Sat. April 10
  1. Download and install Turbo Pad
  2. Use Turbo Pad, create an html page on any topic that you like that when printed will take up about 1 page of paper (take your time, try to make it as nice as you can)
  3. Download and install FileZilla
  4. Use FileZilla to upload the page you create to your website (see email for login information)
  5. Read:

Week 2 - April 12:

Assignment 3 Due Wed. April 14
  1. Aaron's rules of style:
    • Indent blocks of code that logically exist within a surrounding block. (view source for an example)
    • Use tags in the correct order (first started, last ended). <b><i>text</b></i> is bad, <b><i>text</i></b> is good
    • Every start should have an end. Even though HTML doesn't require it, it's always best to have an end tag for every start (or start and end within one tag).
    • Alawys quote your attributes. Even though HTML allows unquoted attributes in some cases, (ie <img height=10 width=30>) it's better to quote all attributes (ie <img height="10" width="30">)
  2. Create a html page that uses anchor tags (<a>) and image tags (<img>) if you haven't already
  3. Read about HTML Special Characters; this is how you show "<" and stuff on an html page.
  4. Create and upload an html page that lists all of the html tags that you know about, including a description, sample code, and demonstration of what that sample code will look like on a page. For example: The bold tag: <b> makes text bold. <b>sample</b> will look like this: sample. Of course, you might want to format it a little nicer.
  5. Create and upload a simple php page that prints "hello world" in the body of a page.
  6. Read PHP Language Reference Chapters 5, 6, and 7
  7. Create and upload a php page that has a form in it where the visitor can type in their name. Once they submit the form, it should print on the page "hello [their name]"
Assignment 4 Due Sat. April 17
  1. Read about html tables here, and here.
  2. Look around the W3Schools website. It's a great resource, and a great place to get some deeper knowledge.
  3. Create and upload an html page using tables to create a calendar showing this month. The table should have seven columns (one for each day), the top row should have the names of the days of the week. The cells for the days should all be the same size, and contain the day of the month in the top left corner. The table's width should be at least 80% of the whole page (<table width="80%">). Additional things you might try to do: change the background color or the weekends (<td bgcolor="gray">), make the height of the day cells about the same as the width, put notes in specific dates like you would on a real calendar, etc...

Week 3 - April 19:

Assignment 5 Due Sat. April 24
  1. Catch up on any incomplete assignments.
  2. Read the HTML 4 specification here.
  3. Create and upload a page that uses nested tables (<table>...</table> within a <td>...</td>)
  4. Using the attributes colspan, rowspan, and bgcolor, recreate and upload the HTML table seen here. Hints:
    • Use &nbsp; (non-breaking space) for the content of your cells (<td>&nbsp;</td>).
    • Draw it out on paper first, and add dotted lines showing where the cells would be if it wasn't for the row/colspans.
    • It's a 5x5 table.
    • Practice by making simpler tables first.
    • Use named colors: bgcolor="red", etc...
    • Don't forget Aaron's rules of style.
  5. Start thinking about a web site project that will use all of your HTML skills.

Week 4 - April 26:

Assignment 6 Due Wed. April 28
  1. Read about HTML Frames.
  2. Create and upload a page that demonstrates html frames where you have at least one nesting of the frameset tag.
  3. Using a search engine, learn about html hex color codes.
  4. Create and upload a page that draws a rainbow of colors using hex color codes.
  5. Start working on your web site project.
  6. Create and upload a site map for your project site.

Week 5 - May 3:

Week 6 - May 10:

Week 7 - May 17:

Week 8 - May 24:

Week 9 - May 31:

Week 10 - June 7:

Week 11 - June 14:

Week 12 - June 21: