Lecture Summaries class 11
Prepared by: Anthony Larrain
These notes serve as an outline to the lecture, they are not intended to
be complete. Attend class to get more details.
Announcements
Don't forget to check your homework scores at COL. If you handed something in and it wasn't graded you need
to send me an email reminder. Also check my comments
Quiz1 due next Tuesday. No Late, No excuses. The link at COL is available. Submit the link to your index page today.
Then as you finish questions update your index page. If in the event you do not finish at least you will still get some credit.
Don't forget to change the name and picture at your index page.
Document Layout
- Using Tables. Currently an area of debate. Go ahead and use tables for layout.
table8.html
- Using CSS. We already seen a few examples, like floating an image. More complex layouts using CSS are beyond the scope of this course. If you plan to continue to build web sites after this class you should get a few CSS books.
float2.html
- Using Front page Layers. Straight forward. Messy code. Keep in mind, do users of your web site really care about your code ?
Project 1
- Details posted later in the week.
- Due, Thursday Nov 3, 11:59pm.
- Worth 15% of your grade.
- A personal and or hobby web site.
- At least 6 webpages(That includes the homepage).
- Must follow design guidelines.
- Start thinking about your topic.
- Once you have the topic start thinking about content.
- Spend allot of time surfing the web and look at similar sites. Save the links, write down ideas.
Allot of time 5,10,15 hrs. Don't worry about other sites layout, fancy graphics, you are looking for ideas pertaining to content.
- Talk to friends, classmates, teachers etc.. about content.
- You can develop from scratch or use one of my templates
- Put some time into this and enjoy.
Website
- According to Webster, A set of interconnected web pages,
usually including a homepage, generally located on the same server, and prepared and maintained as a collection of information by a person, group, or organization
- The web pages of a web site should obey the 4 basic design principles
- Each web page should look like it belongs to the same web site.
- The template we will look at today will take a nice and simple structured approach.
- Each web page associated with the "template" site will be broken down into 4 simple divisions
- A header, this is were the site logo and introduction will go. Domain name often appears here.
- Navigation Link. Links that take you to other pages of your web site. They must be easily located
and precise.
- The content area. This will contain the content of that page. Use HTML and CSS to structure and present
your content. Use headings, paragraphs, lists, tables etc.
- The Footer area. Copyright info and contact information.
Project Templates
I strongly suggest using one of the templates. This way you can focus
on the structure and presentation of the content.
Don't forget to change the data in the template to reflect your site. Also, you should play with the styles and come up with your own colors, fonts etc..
Project 1 template1
I will go through the HTML code in class. In lab you will add the styles.
Here is an example of content being added to the homepage
homepage with some content
Prepare for Lab