IDCC 370: Web Design I Fall 2009

Check this out:

Lee Underwood's article on the HTML Hierarchy will help you to understand the container model and XHTML hierarchy, both essential to working effectively with Cascading Style Sheets CSS).

Underwood notes in part two of his article: "As we look at the structure of the page we will see that each element is related to another element. This is called a parent-child-sibling relationship [tree structure]. An element that is directly above another element in the hierarchy is called the parent of the element below it. The element below the parent is called the child. When two elements are equal in the hierarchy, they are known as siblings."

The PowerPoint tutorial on "Getting Started with XHTML" reviews this nesting/container structure at the tag level. We will examine this tutorial carefully in class. If you are thoroughly comfortable with the concepts of hierarchy and containment, you will be better able to master all areas of Web design.

If you have questions, just e-mail me at wbuchholz@bentley.edu. Feel free to comment on this announcement, or if you want to e-mail it, click on the little mail icon directly below.

Labels: Cascading Style Sheets, child, CSS, CSS box model, hierarchy, Lee Underwood, parent-child relationship, parent-child-sibling, relationship, sibling, sibling relationship, tree structure, XHTML

Check this out:

With any luck, today we will finish Exercise 1, creating the shell of your world class IDCC 370 professional portfolio Web site. This final part of the exercise will involve creating the actual Exercise 1 page for your exercises portion of the Web site. You will place two graphics on the page: the Web Directory Model from Assignment 1 and the Web site hierarchy graphic displayed in this announcement. Finally, you will document this whole procedure, being very careful to cite your sources correctly. Here is an Adobe PDF of the in-class exercise entitled "Exercise 1c: Creating Your Prototype Site."

An element of the documentation of Exercise 1 involves discussing the hierarchy of your IDCC 370 Web site. Here is the graphic representation of the top-tier gateway pages to your site:
In class you will download this file and insert it in the appropriate place in your documentation for Exercise 1.

If you have questions, just e-mail me at wbuchholz@bentley.edu. Feel free to comment on this announcement, or if you want to e-mail it, click on the little mail icon directly below. Note also that each announcement has a permanent link, available through the announcement title and posting date.

Labels: documentation, graphic, hierarchy, model, Web

Check this out:
The graphic below illustrates the order (hierarchy) of your CSS rules in 370.css:

Remember that your 370.css must not only be in the correct hierarchy but also thoroughly and intelligently commented.

If you have questions, just e-mail me at wbuchholz@bentley.edu. Feel free to comment on this announcement, or if you want to e-mail it, click on the little mail icon directly below. Note also that each announcement has a permanent link, available through the announcement title and posting date.

Labels: 370.css, CSS, hierarchy

Check this out:

Lee Underwood's article on the HTML Hierarchy will help you to understand the container model and XHTML hierarchy, both essential to working effectively with Cascading Style Sheets (CSS).

Underwood notes in part two of his article: "As we look at the structure of the page we will see that each element is related to another element. This is called a parent-child-sibling relationship [tree structure]. An element that is directly above another element in the hierarchy is called the parent of the element below it. The element below the parent is called the child. When two elements are equal in the hierarchy, they are known as siblings."

The PowerPoint tutorial on "Getting Started with XHTML" reviews this nesting/container structure at the tag level. We will examine this tutorial carefully in class. If you are thoroughly comfortable with the concepts of hierarchy and containment, you will be better able to master all areas of Web design.

If you have questions, just e-mail me at wbuchholz@bentley.edu. Feel free to comment on this announcement, or if you want to e-mail it, click on the little mail icon directly below.

Labels: Cascading Style Sheets, child, CSS, CSS box model, form elements, hierarchy, Lee Underwood, parent-child relationship, parent-child-sibling, relationship, sibling, sibling relationship, XHTML

Check this out:

Lee Underwood's article on the HTML Hierarchy will help you to understand the container model and XHTML hierarchy, both essential to working effectively with Cascading Style Sheets (CSS).

Underwood notes in part two of his article: "As we look at the structure of the page we will see that each element is related to another element. This is called a parent-child-sibling relationship [tree structure]. An element that is directly above another element in the hierarchy is called the parent of the element below it. The element below the parent is called the child. When two elements are equal in the hierarchy, they are known as siblings."

The PowerPoint tutorial on "Getting Started with XHTML" reviews this nesting/container structure at the tag level. We will examine this tutorial carefully in class. If you are thoroughly comfortable with the concepts of hierarchy and containment, you will be better able to master all areas of Web design.

If you have questions, just e-mail me at wbuchholz@bentley.edu. Feel free to comment on this announcement, or if you want to e-mail it, click on the little mail icon directly below.

Labels: Cascading Style Sheets, child, CSS, CSS box model, form elements, hierarchy, Lee Underwood, parent-child relationship, parent-child-sibling, relationship, sibling, sibling relationship, XHTML