Study Outline for Practical Final Exam




Lab Goals: Give a base knowledge of HTML by illustrating HTML programming using the pico text editor in Unix, and introducing the Dreamweaver program to help produce HTML code.

UNIX - Permissions.

There are 3 types of permission read - r, write - w, execute -x. Given to 3 different levels, User - U, Group - G, O-other (outside world). You can give permissions to everyone User, Group, Other at the same time by giving permission to All - A.

To change a permission in unix you can use the chmod command (Historical note: This stands for change mode - a permission is considered the mode)

EX: chmod a+rx dog.txt

(The above example changes the permission for level A - (all) and gives (+) them r-Read and x-Execute permissions to the file named dog.txt. Instead of a filename as always we can substitute a * to refer to all files within the current directory. This is the standard permission needed for web pages to be read by the outside world. (It is also the default on Microsoft systems, the default for Unix is only read write and execute permissions for the user.)

HTML in Pico

  1. Generic Structure <html>, <head>, <body> tags
  2. <title> tag - sets the title window bar on the web browser.
  3. <p> paragraph and <br> line break tags - differences between them
  4. Formatting text Headers <h1>, <h2> Text format<b> <u> <i>
  5. Alignment tags <center> <right>
  6. Lists - ordered - unordered <ul> unordered list, <ol> ordered list, <li> for each list item.
  7. Tables <table>, <th> - table header, <tr> - table row, <td> - table data
  8. Anchors - web links, relative links, email links <a href = "http://www.boston.com"> - a full link to an outside world <a hre = "dir1/webpage2.html"> - a relative link into subdirectory dir1 to page named webpag2.html
  9. Mail Links <a href = "mailto:ben@cs.bu.edu">
DREAMWEAVER LAB

Basic Web Page

Remember that Dreamweaver simply writes HTML code for you- flip between views to show them code.

  1. Add title - using title box
  2. Headers, Bold, Underline (using properties toolbar and text menu)
  3. Fonts - size, type (using properties toolbar and text menu)
  4. Lists - text menu
  5. Tables (Different kinds, border, no borders, wide borders etc.) - Insert table
  6. Links - Email, relative link, outside web links (properties toolbar)
  7. Images - how to manipulate - Insert image
Frames
  1. Insert Frames - different kinds left, right center, top, bottom, left and top.
  2. Save the frames: Remember when you do a webpage with frames that 3 html files are created. Naming is important for future references to the webpage. An example would be left.html, right.html, and hw5.html where left and right are the frames and hw5.html is the frameset. Remember that when the outside world wishes to see your page they will look for the frames set page in this case hw5.html. Using save all frames is a good idea only after you have saved them individually first.
  3. Know how title works and how to modify the frameset of the webpage (why the frameset is the address of the webpage)
  4. How to link to different frames on the web page
  5. Create a home link which is simply a link to the right frame (referencing the frames set bad you get webpage on webpage)
Forms

1. Insert Form - Know what action and method mean on toolbar.

2. Insert Form Objects - Know how to place form objects on the form and how each work.

PHP - Echo Command

Download/copy code from Echo Command html lesson. Try to link it to the form. Maybe create a button that just calls the php file and displays the text from echo.

Open Echo file and modify it in pico

PHP - Variables

Know the different types of variables.

Know how to do strings and the echo command. We can maybe add a variable to store students name, age, etc. so we can use string and integers.

Know how to use radio buttons to send message to if else statements. (Quiz on HW5)

.