IDCC 370: Web Design I Fall 2009

Check this out:

Keeping in mind that the final assignment is due December 14 (day) or December 16 (eve), you may want to take advantage of the 30-day free trial download of Dreamweaver CS4. Time this carefully so that you will be able to use the free trial through the Assignment Three due date.

As the product marketers at Adobe say about Dreamweaver CS4:

"Design, develop, and maintain standards-based Web sites and applications. Build world-class Web sites and applications with one of the industry's leading Web authoring tools. Adobe® Dreamweaver® CS4 software is ideal for Web designers, Web developers, and visual designers."

You can easily download a free 30-day trial version. When you get to the Adobe download page, mouse over the DW icon (third from the top in the second column), and you will see the graphic above. Note that you can buy, try, or learn more about DW. Click on "Try". You will then be taken to a screen that requires you to create an account if you are new to Adobe; if you already have an account with Adobe, just sign in. Let me know if you have any problems with this procedure.

Happy designing in the comfort of your own home. :)

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: CS4, download, Dreamweaver, free 30-day trial, web design

Check this out:

We'll spend time in class reviewing your template; then we will pour the contents of all your top-tier pages and exercise 1 into the template. After we pour all your top-tier pages into the template, you will need to title all your pages correctly; for example:

• William Buchholz, IDCC 370, Fall ’09, Bentley University, Waltham, MA 02452
• About William Buchholz, IDCC 370, Fall ’09, Bentley University, Waltham, MA 02452
• Biography of William Buchholz, IDCC 370, Fall ’09, Bentley University, Waltham, MA 02452
• Ontology Essay, William Buchholz, IDCC 370, Fall ’09, Bentley University, Waltham, MA 02452

After you supply the correct meta tags to your pages, your Web site shells are ready. Take a deep breath. You've accomplished a great deal so far. But now we are about to embark on the FTP journey.

First, remember that your account has already been created on the IDCC server. Now you need to hook to that server through Dreamweaver. Dreamweaver's FTP utility can be a little confusing the first or second time through, so I hope this advice will help.

Make sure the latest copy of your Web site is on the c:/ drive (most likely a drag and drop from your m:/ drive) to a subdirectory with your last name. Example: C:\Documents and Settings\wbuchholz\My Documents\My Web Sites\370\.

Once you're sure you have the latest version of your Web on the c:\ drive, invoke the site management wizard to edit your specs. I'll walk you through the steps in the wizard, so don't move too quickly. Wait for the whole class to go through this.

The key screen in the wizard is the one where you actually hook to the server and your folder on the server. Here is a screen shot to use as a model (click to enlarge for easier viewing):

If you need some help with this whole process in class, just raise your hand. If you run into trouble at home, just e-mail me at wbuchholz@bentley.edu for more advice — or wait until the next class, and we'll quickly take it from there. Please feel free to comment on this post (nothing dirty, though) and I will respond for all to see.

Labels: Bentley, Dreamweaver, FTP, site setup, Web assets, Web site directory, World Wide Web

Check this out:

With the due date of Assignment One bearing down on us, you will probably want to spend some time with Dreamweaver in the CIS lab, Smith 212. The hours are posted on the CIS Web site, which you can visit by clicking the hours image to the right. You may want to just call ahead to make sure the lab is open during the posted time you wish to work on your material.

When working in the lab, save your material early and often. Make sure occasionally to save it to your M:drive and USB flash drive, especially if you are working after 11:00 p.m., as the computers in the lab will be refreshed near midnight. You usually get a 15-minute warning before the computer shuts down, but there have been accidents in the past.

Let me know if you have any difficulty accessing the lab during the hours posted.

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: Assignment One, CIS Lab Hours, Dreamweaver

Labels: botnavbar, bottom navigation bar, class, Dreamweaver, Garrick Chow, hover state, LoVeHAte, Lynda.com, pseudo class, tutorial

Check this out:

James Williamson reviews how to "use the CSS Property inspector to easily create, edit, and apply cascading style sheets (CSS) to your document."


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: adobe, Adobe Systems, Business, Dreamweaver, Google, Lynda.com, Microsoft, web design, Workspace, YouTube

Check this out:

Now the fun begins: template creation. Exercise 2 is a guided tutorial through the creation of your site template. You will receive a handout in class stipulating all the steps necessary to create a viable template: Exercise 2: Creating Your Site Template,

Be sure that you understand conceptually the design principles depicted in the graphic below regarding the wrapper container that holds three other containing elements for your Web template: header, contents, and footer (click on the graphic to see an enlarged version).

Proper nesting of these containers is critically important in designing the structure of your template. Note that the wrapper div contains the siblings: header, contents, and footer. It may seem strange that the contents div is at the same relational level as the header and footer divs, but think of these containers as all needing to be separate (but not equal) and contained within a parent element.

The commented markup is inserted to clarify the relationships of the divs, identified by their particular unique IDs (click on the graphic at left to see an enlarged version).

Note in the markup itself how the sibling divs (header, contents, and footer) are contained in the parent div (wrapper), which is contained in the ultimate parent, the <body> tag. This containment exhibits proper nesting of the divs, without which your Web template would not function properly.

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: container, contents, CSS, Dreamweaver, Exercise 2, footer, header, sibling, template, wrapper

Check this out:

I know that a good number of you are interested in purchasing Dreamweaver CS4. Here are the instructions for the licensed student purchase through Bentley U. Note the student price is $99, plus shipping and handling. This price cannot be beat. I highly recommend that you take advantage of this if you can.

It's very important that you purchase the correct platform (Windows or Mac), as this software is not returnable and not refundable for any reason.

Windows Platform License
https://owa.bentley.edu/owa/redir.aspx?C=dcc911fc496548bb9cecf2dceca2aecb&URL=http%3a%2f%2fwww.cdwg.com%2fshop%2fproducts%2fdefault.aspx%3fEDC%3d1603103 (add to cart)

You must also add 1603100 to the cart for the media (from the shopping cart use the quick cart function)

Note: If you have trouble accessing this page, copy the entire URL into your Web browser address bar and press enter.

Macintosh Platform License
https://owa.bentley.edu/owa/redir.aspx?C=dcc911fc496548bb9cecf2dceca2aecb&URL=http%3a%2f%2fwww.cdwg.com%2fshop%2fproducts%2fdefault.aspxEDC%3d1603099 (add to cart)

You must also add 1603096 to the cart for the media (from the shopping cart use the quick cart function)

Your order total including media should be $115.69 plus tax and shipping, and your order should arrive within 2-3 weeks.

If you have any problems, email https://owa.bentley.edu/owa/redir.aspx?C=dcc911fc496548bb9cecf2dceca2aecb&URL=mailto%3astudentsales%40cdwg.com or contact Bentley's sales rep, Lisa West-Woodard, at https://owa.bentley.edu/owa/redir.aspx?C=dcc911fc496548bb9cecf2dceca2aecb&URL=mailto%3aLisawes%40cdw.com

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: adobe, Dreamweaver, Windows platform

Check this out:

Making sure that your Web is in a self-contained, portable, folder is critically important when using Dreamweaver. Because the machines in Smith 110 are reimaged every midnight, you will need to import your Web each class period. This Web importing is an easy process, once you understand the reasoning for it and perform the import/export operation a few times.

Here is an Adobe PDF of the tutorial entitled "Defining, Exporting, and Importing Your 370 Site. You may find it useful on occasion to review this document--at least until the entire operation becomes second nature to you.

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: Dreamweaver, export, import, ste file

Check this out:

Dreamweaver CS4 has a complicated workspace that we will explore carefully in the first few clas meetings. You may find this Youtube video from Adobe and Lynda.com very useful if you are new to Dreamweaver CS4 and feel somewhat overwhelmed by the richness of the workspace. James Williamson will help you to "Learn to work in Design view, Code view, Split view, and Vertical split view [and to] switch between workspaces optimized for designers and developers." Enjoy.


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: adobe, Adobe Systems, Business, Dreamweaver, Google, Lynda.com, Microsoft, web design, Workspace, YouTube

Check this out:

As you know, editing your preferences is very important whenever you use Dreamweaver on the workstations in Smith 110. Here is an Adobe PDF of the tutorial entitled "Setting Preferences in Dreamweaver CS4." You may find it useful on occasion to review this document--at least until the entire operation becomes second nature to you.

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: Dreamweaver, PDF, preferences, tutorial

Check this out:

If you would like a preview of the full power of Dreamweaver DS4, this video tutorial with James Williamson is just the thing. Williamson helps you to "become familiar with the workspace and creating new documents. . . . [It also shows] how you can style text using CSS, preview and edit files, and manage files."

I must warn you, however, that this introductory Web design class (IDCC 370) will not be able to do much, if anything, with Spry, Adobe's Ajax component. If you want to pursue that, sign up for IDCC 380, Web Design II.



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: adobe, Adobe Systems, Ajax, Dreamweaver, Lynda.com, Spry, web design, Workspace, YouTube

Check this out:

This handy little state drop-down element and this country drop-down element will save you a great deal of typing. (Warning: These links open in new browser windows.)

After opening a linked file, just copy the markup to the clipboard, and in code view paste it in your document at the desired place. Or if you prefer, save the file to your assign3 folder, then open, and take it from there.

You are free to use these form elements in Dreamweaver, whenever you need to, especially in your final assignment, due NLT 4:30, Friday, May 1, delivered to Gail Wessell, Smith 121. Be sure to sign the roster when handing in Assignments 1, 2, and 3 as a package.

Thinking about how to create a form is half the battle in designing an interactive survey for the Web. The Form Development Cycle tutorial (opens in a new window) will help you to understand the 8-part form development cycle that will make Assignment Three much easier for you as you go about designing your on-line survey. I highly recommend that you step through the tutorial before too much longer.

Note that you can save yourself much time and misery if you plan carefully. This assignment is a perfect example of how to use paper and pen (low fidelity prototyping) literally to sketch your plan and its phased implementation. This approach to form design is iterative. You design, implement, test, redesign, reimplement, and retest. Work slowly, carefully, and in small increments, just as we are working in class on understanding the various form elements.

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: check boxes, Dreamweaver, Form Development Cycle, form elements, Form Elements Accessibility Guide, interactive form, on-line survey, radio buttons

Check this out:

As the product marketers at Adobe say about Dreamweaver CS4:

"Design, develop, and maintain standards-based Web sites and applications. Build world-class Web sites and applications with one of the industry's leading Web authoring tools. Adobe® Dreamweaver® CS4 software is ideal for Web designers, Web developers, and visual designers."

You can easily download a free 30-day trial version. When you get to the Adobe download page, mouse over the DW icon (third from the top in the second column), and you will see the graphic above. Note that you can buy, try, or learn more about DW. Click on "Try". You will then be taken to a screen that requires you to create an account if you are new to Adobe; if you already have an account with Adobe, just sign in. Let me know if you have any problems with this procedure.

Happy designing in the comfort of your own home. :)

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: CS4, download, Dreamweaver, free 30-day trial, web design

Check this out:

We'll spend time in class finishing your bottom navigation class for the template.
After we pour all your top-tier pages into the template, title all your pages correctly; for example:

• William Buchholz, IDCC 370, Spring ’09, Bentley University, Waltham, MA 02452
• About William Buchholz, IDCC 370, Spring ’09, Bentley University, Waltham, MA 02452
  Biography of William Buchholz, IDCC 370, Spring ’09, Bentley University, Waltham, MA 02452
• Ontology Essay, William Buchholz, IDCC 370, Spring ’09, Bentley University, Waltham, MA 02452

After you supply the correct meta tags to your pages, your Web site shells are ready. Take a deep breath. You've accomplished a great deal so far. But now we are about to embark on the FTP journey.

First, remember that your account has already been created on the IDCC server. Now you need to hook to that server through Dreamweaver. Dreamweaver's FTP utility can be a little confusing the first or second time through, so I hope this advice will help.

Make sure the latest copy of your Web site is on the c:/ drive (most likely a drag and drop from your m:/ drive) to a subdirectory with your last name. Example: C:\Documents and Settings\wbuchholz\My Documents\My Web Sites\370\.

Once you're sure you have the latest version of your Web on the c:\ drive, invoke the site management wizard to edit your specs. I'll walk you through the steps in the wizard, so don't move too quickly. Wait for the whole class to go through this.

The key screen in the wizard is the one where you actually hook to the server and your folder on the server. Here is a screen shot to use as a model (click to enlarge for easier viewing):


If you need some help with this whole process in class, just raise your hand. If you run into trouble at home, just e-mail me at wbuchholz@bentley.edu for more advice — or wait until the next class, and we'll quickly take it from there. Please feel free to comment on this post (nothing dirty, though) and I will respond for all to see.

Labels: Bentley, Dreamweaver, FTP, site setup, Web assets, Web site directory, World Wide Web

Check this out:

Next, we will be working with our site templates to visually set the signature and the bottom navigation bar. The three views of the nav bar and signature (at right; click to enlarge) show the progression from unstyled to completely styled (note: the exercises link is in the hover state, bottom graphic).

To create this set of "faux buttons" in css, you will be working with the four css pseudoclasses:

1. a:link
2. a:visited
3. a:hover
4. a:active

Placing these pseudoclasses in the correct order in your css file is critically important. An easy way to remember them is this acronym: LoVeHAte (LinkVistedHoverActive).

To make these buttons work, you will create a style class .botnavbar and attach it to your bottom navigation paragraph tag. I think you will find this whole styling activity to be fun and an instructive introduction to your next challenge: the top navigation button bar:

Garrick Chow, from Lynda.com, has a nice review on Creating pseudo class selectors with Dreamweaver. Feel free to watch this tutorial to reinforce what we will learn in class about css pseudoclasses and 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. Note also that each announcement has a permanent link, available through the announcement title and posting date.

Labels: Dreamweaver, Garrick Chow, Lynda.com, pseudo class, tutorial

Check this out:

In undertaking exercise two, Web site template construction, you will be tackling some rather sophisticated design approaches that combine XHTML and CSS (Cascading Style Sheets). To gain a better understanding of the standards involved, please review the first seven slides in the PowerPoint tutorial on Cascading Style Sheets.

Also remember that when you create content for the Web in Dreamweaver, you must never use the alignment icons on the properties bar, as depicted (and crossed out) here:

These icons insert deprecated HTML attributes into your page markup (align="left"; align="right"; align="center"; align="justify"). Instead of these deprecated attributes, use CSS in creating your Web site according to standards.

When we create our site template, we are establishing the layout and design that will be used ultimately to generate all the pages of the site. Note that in creating this exercise, you supplied paragraphs of text in Latin. In the design business, this text is known as "greeked." (Click on this image to find out Microsoft's explanation of "Lorem ipsum.")

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: alignment icons, attribute, Cascading Style Sheets, CSS, deprecation, Dreamweaver, greeked text, layout, template, tutorial

Check this out:

I know that a good number of you are interested in purchasing Dreamweaver CS4. Here are the instructions for the licensed student purchase through Bentley U. Note the student price is $99, plus shipping and handling. This price cannot be beat. I highly recommend that you take advantage of this if you can.

It's very important that you purchase the correct platform (Windows or Mac), as this software is not returnable and not refundable for any reason.

Windows Platform License
https://owa.bentley.edu/owa/redir.aspx?C=dcc911fc496548bb9cecf2dceca2aecb&URL=http%3a%2f%2fwww.cdwg.com%2fshop%2fproducts%2fdefault.aspx%3fEDC%3d1603103 (add to cart)

You must also add 1603100 to the cart for the media (from the shopping cart use the quick cart function)

Macintosh Platform License
https://owa.bentley.edu/owa/redir.aspx?C=dcc911fc496548bb9cecf2dceca2aecb&URL=http%3a%2f%2fwww.cdwg.com%2fshop%2fproducts%2fdefault.aspxEDC%3d1603099 (add to cart)

You must also add 1603096 to the cart for the media (from the shopping cart use the quick cart function)

Your order total including media should be $115.69 plus tax and shipping, and your order should arrive within 2-3 weeks. If you have any problems, email https://owa.bentley.edu/owa/redir.aspx?C=dcc911fc496548bb9cecf2dceca2aecb&URL=mailto%3astudentsales%40cdwg.com or contact Bentley's sales rep, Lisa West-Woodard, at https://owa.bentley.edu/owa/redir.aspx?C=dcc911fc496548bb9cecf2dceca2aecb&URL=mailto%3aLisawes%40cdw.com

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: adobe, Dreamweaver, Windows platform

Check this out:

Be sure that you understand conceptually the design principles depicted to the right regarding the wrapper container that holds three other containing elements for your Web template: header, contents, and footer (click on the graphic to see an enlarged version).

Proper nesting of these containers is critically important in designing the structure of your template. Note that the wrapper div contains the siblings: header, contents, and footer. It may seem strange that the contents div is at the same relational level as the header and footer divs, but think of these containers as all needing to be separate (but not equal) and contained within a parent element.

The commented markup is inserted to clarify the relationships of the divs, identified by their particular unique IDs (click on the graphic at left to see an enlarged version).

Note in the markup itself how the sibling divs (header, contents, and footer) are contained in the parent div (wrapper), which is contained in the ultimate parent, the <body> tag. This containment exhibits proper nesting of the divs, without which your Web template would not function properly.

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: container, CSS, Dreamweaver, sibling, template, wrapper

Check this out:

This handy little state drop-down element and this country drop-down element will save you a great deal of typing. (Warning: These links open in new browser windows.)


After opening a linked file, just copy the markup to the clipboard, and in code view paste it in your document at the desired place. Or if you prefer, save the file to your assign3 folder, then open, and take it from there.

You are free to use these form elements in Dreamweaver, whenever you need to, especially in your final assignment, due NLT 4:30, Friday, December 12, delivered to Gail Wessell, Smith 121. Be sure to sign the roster when handing in Assignments 1, 2, and 3 as a package.

Thinking about how to create a form is half the battle in designing an interactive survey for the Web. The Form Development Cycle tutorial (opens in a new window) will help you to understand the 8-part form development cycle that will make Assignment Three much easier for you as you go about designing your on-line survey. I highly recommend that you step through the tutorial before too much longer.

Note that you can save yourself much time and misery if you plan carefully. This assignment is a perfect example of how to use paper and pen (low fidelity prototyping) literally to sketch your plan and its phased implementation. This approach to form design is iterative. You design, implement, test, redesign, reimplement, and retest. Work slowly, carefully, and in small increments, just as we are working in class on understanding the various form elements.

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: check boxes, Dreamweaver, Form Development Cycle, form elements, Form Elements Accessibility Guide, interactive form, on-line survey, radio buttons, survey

Check this out:

We'll spend time in class finishing your bottom navigation class for the template. When your Web site shells are ready, take a deep breath. You've accomplished a great deal so far. But now we are about to embark on the FTP journey.

First, remember that your account has already been created on the IDCC server. Now you need to hook to that server through Dreamweaver. Dreamweaver's FTP utility can be a little confusing the first or second time through, so I hope this advice will help.

Make sure the latest copy of your Web site is on the c:/ drive (most likely a drag and drop from your m:/ drive) to a subdirectory with your last name. Example: C:\Documents and Settings\wbuchholz\My Documents\My Web Sites\370\.

Once you're sure you have the latest version of your Web on the c:\ drive, invoke the site management wizard to edit your specs. I'll walk you through the steps in the wizard, so don't move too quickly. Wait for the whole class to go through this.

The key screen in the wizard is the one where you actually hook to the server and your folder on the server. Here is a screen shot to use as a model (click to enlarge for easier viewing):

If you need some help with this whole process in class, just raise your hand. If you run into trouble at home, just e-mail me at wbuchholz@bentley.edu for more advice — or wait until the next class, and we'll quickly take it from there. Please feel free to comment on this post (nothing dirty, though) and I will respond for all to see.

Labels: Bentley, Dreamweaver, FTP, site setup, Web assets, Web site directory, World Wide Web

Check this out:

Next, we will be working with our site templates to visually set the signature and the bottom navigation bar. The three views of the nav bar and signature (at right; click to enlarge) show the progression from unstyled to completely styled (note: the exercises link is in the hover state, bottom graphic).

To create this set of "faux buttons" in css, you will be working with the four css pseudoclasses:

1. a:link
2. a:visited
3. a:hover
4. a:active

Placing these pseudoclasses in the correct order in your css file is critically important. An easy way to remember them is this acronym: LoVeHAte (LinkVistedHoverActive).

To make these buttons work, you will create a style class .botnavbar and attach it to your bottom navigation paragraph tag. I think you will find this whole styling activity to be fun and an instructive introduction to your next challenge: the top navigation button bar:

Garrick Chow, from Lynda.com, has a nice review on Creating pseudo class selectors with Dreamweaver. Feel free to watch this tutorial to reinforce what we will learn in class about css pseudoclasses and 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. Note also that each announcement has a permanent link, available through the announcement title and posting date.

Labels: Dreamweaver, Garrick Chow, Lynda.com, pseudo class, tutorial

Check this out:

Be sure that you understand conceptually the design principles depicted to the right regarding the wrapper container that holds three other containing elements for your Web template: header, contents, and footer (click on the graphic to see an enlarged version).

Proper nesting of these containers is critically important in designing the structure of your template. Note that the wrapper div contains the siblings: header, contents, and footer. It may seem strange that the contents div is at the same relational level as the header and footer divs, but think of these containers as all needing to be separate (but not equal) and contained within a parent element.

The commented markup is inserted to clarify the relationships of the divs, identified by their particular unique IDs (click on the graphic at left to see an enlarged version).

Note in the markup itself how the sibling divs (header, contents, and footer) are contained in the parent div (wrapper), which is contained in the ultimate parent, the <body> tag. This containment exhibits proper nesting of the divs, without which your Web template would not function properly.

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: container, CSS, Dreamweaver, sibling, template, wrapper

Check this out:

Here are the instructions for Dreamweaver software purchases.

***** It's very important that you purchase the correct platform (Windows or Mac), as this software is not returnable and not refundable for any reason. *******

Windows Platform License
http://www.cdwg.com/shop/products/default.aspx?EDC=1347980 (add to cart)

You must also add 1349166 to the cart for the media (from the shopping cart use the quick cart function)

Macintosh Platform License
http://www.cdwg.com/shop/products/default.aspx?EDC=1347977 (add to cart)

You must also add 1349164 to the cart for the media (from the shopping cart use the quick cart function)

Your order total including media should be $115.69 plus tax and shipping, and your order should arrive within 2-3 weeks.

If you have any problems, email studentsales@cdwg.com or contact Bentley's sales rep, Lisa West-Woodard, at Lisawes@cdw.com

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: Academic Technology Center, Dreamweaver