-
Lab #0 Class Web Page
Posted on April 6th, 2009 No commentsTo assist the TA in grading, all students should create a web page portfolio that will contain links to their homework and labs. The portfolio will be password protected such that only the student and the TA know the passwords to access the portfolio.
- Create a web-accessible directory for CS360 in your public_html directory, ie. public_html/CS360
- Create your personal page (index.html) in your public_html/CS360 directory containing at least the following information.
- Your name
- Your Route-Y id
- Your email address (the one you use and check frequently)
- You should make the page look good. Include a space for labs and homework. You should use CSS to create a consistent look and feel.
Resources
- HTML/XHTML Reference
- CSS Reference
- CSS Tutorial
- A List Apart
- An example of one page displayed using several different style sheets
In Class Example
- 5% Extra Credit: Make your CSS and HTML/XHTML standards-compliant.
- Every version of HTML and CSS have been precisely specified by the W3C. Writing your HTML and CSS in compliance with these specifications helps browsers correctly render your webpages, and has other benefits as well. The W3C supplies automatic validators for CSS and HTML. You will want to perform this step before adding authentication to your webpage so that the W3C validators can access your page online.
Resources and Steps
- Add a doctype declaration to the top of your HTML page (as the first line in your index.html file). You may choose to do HTML 4.01 Transitional, HTML 4.01 Strict, XHTML 1.0 Transitional, XHTML 1.0 Strict, or HTML5. However, if you choose XHTML 1.0 Strict or HTML5 you will get an additional 1% extra credit on top of the normal 5%. The doctype declaration aids the client’s browser in choosing how to render your page. If you are doing HTML5, you should simply use “<!DOCTYPE html>” as your doctype declaration.
- Take some time to learn what types of tags are allowed by your chosen specification and where those tags are allowed. Make your webpage compliant with the specification.
- Take some time to learn about a CSS specification. Make sure that your CSS is compliant with the specification.
- Validate your HTML/XHTML using the W3C Markup validation Service. It will inform you of any warnings and errors and the lines on which they were encountered. If you are unsure how to deal with a particular warning or error, Google it and you will find plenty of information. The TA will also be available to help if you have trouble isolating a
particular problem (Mark O’Neill, mto – at – byu – dot – edu). The service will display a green bar with the text “This document was successfully checked as [doctype]” (where doctype is the HTML/XHTML version you added to your page in step 1) when your markup passes validation.
- Validate your CSS file using the The W3C CSS Validation Service. The service will display a green bar with the text “Congratulations! No Error Found.” when your CSS passes validation.
- Keep this practice up for the rest of your web career and be proud to be a standards-compliant developer!
- Every version of HTML and CSS have been precisely specified by the W3C. Writing your HTML and CSS in compliance with these specifications helps browsers correctly render your webpages, and has other benefits as well. The W3C supplies automatic validators for CSS and HTML. You will want to perform this step before adding authentication to your webpage so that the W3C validators can access your page online.
- Protect your CS360 directory using basic apache authentication
- Change directory so you are in your public_html/CS360 directory
- Create a .htaccess file containing the following lines
AuthType Basic AuthName "Password Required" AuthUserFile "/fullpath/to/your/homedirectory/.htpasswd" Require valid-user
- Edit the .htaccess file to reflect your home directory path
- Create a .htpasswd file
in your home directory using the command htpasswd. For help doing this see the man page for htpasswd (man htpasswd) ( /usr/bin/htpasswd -c /fullpath/to/your/homedirectory/.htpasswd homedirectory).
- Add the following line to your .htpasswd file
cs360ta:dS67n6TzX04.A
- Test the authentication to make sure it works
Resources
Passoff
Complete the following form and submit it with the URL to your web page.
