diff --git a/3524.pdf b/3524.pdf new file mode 100644 index 0000000..20de186 Binary files /dev/null and b/3524.pdf differ diff --git a/3525.pdf b/3525.pdf new file mode 100644 index 0000000..d05d4ce Binary files /dev/null and b/3525.pdf differ diff --git a/9781590598054.jpg b/9781590598054.jpg new file mode 100644 index 0000000..8512ac2 Binary files /dev/null and b/9781590598054.jpg differ diff --git a/LICENSE.txt b/LICENSE.txt new file mode 100644 index 0000000..acd822f --- /dev/null +++ b/LICENSE.txt @@ -0,0 +1,27 @@ +Freeware License, some rights reserved + +Copyright (c) 2007 Cheryl D. Wise + +Permission is hereby granted, free of charge, to anyone obtaining a copy +of this software and associated documentation files (the "Software"), +to work with the Software within the limits of freeware distribution and fair use. +This includes the rights to use, copy, and modify the Software for personal use. +Users are also allowed and encouraged to submit corrections and modifications +to the Software for the benefit of other users. + +It is not allowed to reuse, modify, or redistribute the Software for +commercial use in any way, or for a user’s educational materials such as books +or blog articles without prior permission from the copyright holder. + +The above copyright notice and this permission notice need to be included +in all copies or substantial portions of the software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS OR APRESS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + diff --git a/README.md b/README.md new file mode 100644 index 0000000..d48b9b5 --- /dev/null +++ b/README.md @@ -0,0 +1,15 @@ +#Apress Source Code + +This repository accompanies [*Foundations of Microsoft Expression Web*](http://www.apress.com/9781590598054) by Cheryl D. Wise (Apress, 2007). + +![Cover image](9781590598054.jpg) + +Download the files as a zip using the green button, or clone the repository to your machine using Git. + +##Releases + +Release v1.0 corresponds to the code in the published book, without corrections or updates. + +##Contributions + +See the file Contributing.md for more information on how you can contribute to this repository. diff --git a/__MACOSX/fewd/._.DS_Store b/__MACOSX/fewd/._.DS_Store new file mode 100644 index 0000000..c9474ea Binary files /dev/null and b/__MACOSX/fewd/._.DS_Store differ diff --git a/contributing.md b/contributing.md new file mode 100644 index 0000000..f6005ad --- /dev/null +++ b/contributing.md @@ -0,0 +1,14 @@ +# Contributing to Apress Source Code + +Copyright for Apress source code belongs to the author(s). However, under fair use you are encouraged to fork and contribute minor corrections and updates for the benefit of the author(s) and other readers. + +## How to Contribute + +1. Make sure you have a GitHub account. +2. Fork the repository for the relevant book. +3. Create a new branch on which to make your change, e.g. +`git checkout -b my_code_contribution` +4. Commit your change. Include a commit message describing the correction. Please note that if your commit message is not clear, the correction will not be accepted. +5. Submit a pull request. + +Thank you for your contribution! \ No newline at end of file diff --git a/fewd/.DS_Store b/fewd/.DS_Store new file mode 100644 index 0000000..87c10ee Binary files /dev/null and b/fewd/.DS_Store differ diff --git a/fewd/Chapter04/feud-chapter-04.txt b/fewd/Chapter04/feud-chapter-04.txt new file mode 100644 index 0000000..7e2d734 --- /dev/null +++ b/fewd/Chapter04/feud-chapter-04.txt @@ -0,0 +1,10 @@ +Chapter 4 files are: + +Text Files + +structural.txt + +Completed Exercises + + +structural.html \ No newline at end of file diff --git a/fewd/Chapter04/structural.html b/fewd/Chapter04/structural.html new file mode 100644 index 0000000..c7e906b --- /dev/null +++ b/fewd/Chapter04/structural.html @@ -0,0 +1,82 @@ + + + + + +Structuring Your Page Exercise + + + + + + +

Structuring Your Page Exercise

+

In this exercise we will be adding page structure. On real page +most of the text would be in paragraph elements with a list or two +and possibly a data table. In this exercise we will be using the different +ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, +logos, and menus or exercise page will not be using design elements, +sticking with the basics.

+

Lists as Menus

+

Most standards based web design uses an unordered list as the +mark-up for navigational elements since semantically your site navigation +is basically a list of pages within your site.

+ +

Tables

+

Should be limited to tabular data such as event information or +a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+ + diff --git a/fewd/Chapter04/structural.txt b/fewd/Chapter04/structural.txt new file mode 100644 index 0000000..8099ab7 --- /dev/null +++ b/fewd/Chapter04/structural.txt @@ -0,0 +1,37 @@ + + + + +Structuring Your Page Exercise + + +

Structuring Your Page Exercise

+

In this exercise we will be adding page structure. On real page +most of the text would be in paragraph elements with a list or two +and possibly a data table. In this exercise we will be using the different +ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, +logos, and menus or exercise page will not be using design elements, +sticking with the basics.

+

Lists as Menus

+

Most standards based web design uses an unordered list as the +mark-up for navigational elements since semantically your site navigation +is basically a list of pages within your site.

+

page 1

+

page 2

+

page 3

+

page 4

+

page 5

+

Tables

+

Should be limited to tabular data such as event information or +a price list.

+

item no., description, price each, per dozen

+

1,red balloon, $0.25,$2.25

+

2,blue balloon,$0.25,$2.25

+

3,white balloon,$0.25,$2.25

+

4,silver mylar balloon,$1.75,$19.00

+

5,gold mylar balloon,$1.75, $19.00

+ + diff --git a/fewd/chapter01.txt b/fewd/chapter01.txt new file mode 100644 index 0000000..1a9d7d2 --- /dev/null +++ b/fewd/chapter01.txt @@ -0,0 +1,3 @@ +Chapter 1 + +There are no exercise files for this chapter. Visit http://foundationsofexpressionweb.com/exercises/chapter01 for additional resources on site planning and domains. diff --git a/fewd/chapter02.txt b/fewd/chapter02.txt new file mode 100644 index 0000000..8bcd828 --- /dev/null +++ b/fewd/chapter02.txt @@ -0,0 +1,8 @@ +Chapter 2 + +As with Chapter 1 there are no resource files for this chapter. They will start in Chapter 3. + +I would like to take this opportunity to let you know that we have support forums for Expression Web at http://forum.by-expression.com. On the main http://by-expression.com website we have video tutorials related about some of the configuration options discussed in the book as well as sample templates and tutorials on other issues that are posted in our forum or on the Microsoft Public group. + +Microsoft has a newsgroup you can access with your favorite newsreader, Outlook Express or Windows Mail. If you are using Outlook Express or Windows Mail turn the the following into alink to subscribe: +news://msnews.microsoft.com/microsoft.public.expression.webdesigner diff --git a/fewd/chapter03/ch3example1.txt b/fewd/chapter03/ch3example1.txt new file mode 100644 index 0000000..f2558a7 --- /dev/null +++ b/fewd/chapter03/ch3example1.txt @@ -0,0 +1,41 @@ + + + + + + CSS Test + + +
+

CSS Test Page

+
+
+

Menu Section

+ +
+
+

Content

+

+ We will be using this basic page for many of our exercises so you should + archive a copy of this file to use for your exercises in exactly this + format. +

+

+ If you wish you can add more paragraphs to the content section and be + prepared to bring in some images from your computer. While I could + provide you using images and more content but using ones of your choice + will make it a bit more realistic. +

+

Next Bit

+

+ Some more paragraphs and maybe even breaking up content into more lists + will appear in this section. +

+
+
Footer, copyright and stuff
+ diff --git a/fewd/chapter03/example.html b/fewd/chapter03/example.html new file mode 100644 index 0000000..ec46aed --- /dev/null +++ b/fewd/chapter03/example.html @@ -0,0 +1,41 @@ + + + + + + CSS Test + + +
+

CSS Test Page

+
+
+

Menu Section

+ +
+
+

Content

+

+ We will be using this basic page for many of our exercises so you should + archive a copy of this file to use for your exercises in exactly this + format. +

+

+ If you wish you can add more paragraphs to the content section and be + prepared to bring in some images from your computer. While I could + provide you using images and more content but using ones of your choice + will make it a bit more realistic. +

+

Next Bit

+

+ Some more paragraphs and maybe even breaking up content into more lists + will appear in this section. +

+
+
Footer, copyright and stuff
+ diff --git a/fewd/chapter03/exercise1.html b/fewd/chapter03/exercise1.html new file mode 100644 index 0000000..b9142b9 --- /dev/null +++ b/fewd/chapter03/exercise1.html @@ -0,0 +1,61 @@ + + + + + + CSS Test + + + + +
+

CSS Test Page

+
+
+

Menu Section

+ +
+
+

Content

+

+ We will be using this basic page for many of our exercises so you should + archive a copy of this file to use for your exercises in exactly this + format. +

+

+ If you wish you can add more paragraphs to the content section and be + prepared to bring in some images from your computer. While I could + provide you using images and more content but using ones of your choice + will make it a bit more realistic. +

+

Next Bit

+

+ Some more paragraphs and maybe even breaking up content into more lists + will appear in this section. +

+
+
Footer, copyright and stuff
+ diff --git a/fewd/chapter03/exercise1b.html b/fewd/chapter03/exercise1b.html new file mode 100644 index 0000000..50dca83 --- /dev/null +++ b/fewd/chapter03/exercise1b.html @@ -0,0 +1,35 @@ + + + + + + CSS Test + + +

CSS Test Page

+

Menu Section

+ +

Content

+

+ We will be using this basic page for many of our exercises so you should + archive a copy of this file to use for your exercises in exactly this + format. +

+

+ If you wish you can add more paragraphs to the content section and be + prepared to bring in some images from your computer. While I could + provide you using images and more content but using ones of your choice + will make it a bit more realistic. +

+

Next Bit

+

+ Some more paragraphs and maybe even breaking up content into more lists + will appear in this section. +

+

Footer, copyright and stuff

+ diff --git a/fewd/chapter03/exercise2.html b/fewd/chapter03/exercise2.html new file mode 100644 index 0000000..ec46aed --- /dev/null +++ b/fewd/chapter03/exercise2.html @@ -0,0 +1,41 @@ + + + + + + CSS Test + + +
+

CSS Test Page

+
+
+

Menu Section

+ +
+
+

Content

+

+ We will be using this basic page for many of our exercises so you should + archive a copy of this file to use for your exercises in exactly this + format. +

+

+ If you wish you can add more paragraphs to the content section and be + prepared to bring in some images from your computer. While I could + provide you using images and more content but using ones of your choice + will make it a bit more realistic. +

+

Next Bit

+

+ Some more paragraphs and maybe even breaking up content into more lists + will appear in this section. +

+
+
Footer, copyright and stuff
+ diff --git a/fewd/chapter03/exercise2a.html b/fewd/chapter03/exercise2a.html new file mode 100644 index 0000000..01a55a8 --- /dev/null +++ b/fewd/chapter03/exercise2a.html @@ -0,0 +1,51 @@ + + + + + + CSS Test + + + +
+

CSS Test Page

+
+
+

Menu Section

+ +
+
+

Content

+

+ We will be using this basic page for many of our exercises so you should + archive a copy of this file to use for your exercises in exactly this + format. +

+

+ If you wish you can add more paragraphs to the content section and be + prepared to bring in some images from your computer. While I could + provide you using images and more content but using ones of your choice + will make it a bit more realistic. +

+

Next Bit

+

+ Some more paragraphs and maybe even breaking up content into more lists + will appear in this section. +

+
Footer, copyright and stuff
+
+ diff --git a/fewd/chapter03/exercise2b.html b/fewd/chapter03/exercise2b.html new file mode 100644 index 0000000..94020b2 --- /dev/null +++ b/fewd/chapter03/exercise2b.html @@ -0,0 +1,70 @@ + + + + + + CSS Test + + + +
+

CSS Test Page

+
+
+

Menu Section

+ +
+
+

Content

+

+ We will be using this basic page for many of our exercises so you should + archive a copy of this file to use for your exercises in exactly this + format. +

+

+ If you wish you can add more paragraphs to the content section and bring in some images from your computer. While I could + provide you using images (there are some images the zip file) and more content but using + images and content of your choice + will make the exercises more realistic. +

+

Next Bit

+

+ Some more paragraphs and maybe even breaking up content into more lists + will appear in this section. +

+
Footer, copyright and stuff
+
+ diff --git a/fewd/chapter03/fewd-chapter-3-.txt b/fewd/chapter03/fewd-chapter-3-.txt new file mode 100644 index 0000000..455e303 --- /dev/null +++ b/fewd/chapter03/fewd-chapter-3-.txt @@ -0,0 +1,15 @@ +Chapter 3 files are: + +Text Files + +ch3example1.txt +ch3example1.txt +ch3example1.txt +ch3example1.txt + +Completed Exercises + +exercsise1.html +exercise1b.html +exercise2a.html +exercise2b.html \ No newline at end of file diff --git a/fewd/chapter03/images/_vti_cnf/atbackground1.jpg b/fewd/chapter03/images/_vti_cnf/atbackground1.jpg new file mode 100644 index 0000000..6cbda49 --- /dev/null +++ b/fewd/chapter03/images/_vti_cnf/atbackground1.jpg @@ -0,0 +1,12 @@ +vti_encoding:SR|utf8-nl +vti_author:SR|WISERWAYS\\cdwise +vti_modifiedby:SR|WISERWAYS\\cdwise +vti_timelastmodified:TR|30 Jan 2007 18:47:01 -0000 +vti_timecreated:TR|30 Jan 2007 18:45:28 -0000 +vti_extenderversion:SR|12.0.0.4518 +vti_backlinkinfo:VX| +vti_nexttolasttimemodified:TR|30 Jan 2007 18:45:28 -0000 +vti_cacheddtm:TX|30 Jan 2007 18:47:01 -0000 +vti_filesize:IR|14104 +vti_lastwidth:IX|498 +vti_lastheight:IX|200 diff --git a/fewd/chapter03/images/_vti_cnf/book.jpg b/fewd/chapter03/images/_vti_cnf/book.jpg new file mode 100644 index 0000000..18a001f --- /dev/null +++ b/fewd/chapter03/images/_vti_cnf/book.jpg @@ -0,0 +1,12 @@ +vti_encoding:SR|utf8-nl +vti_author:SR|WISERWAYS\\cdwise +vti_modifiedby:SR|WISERWAYS\\cdwise +vti_timelastmodified:TR|30 Jan 2007 18:47:02 -0000 +vti_timecreated:TR|30 Jan 2007 18:46:12 -0000 +vti_extenderversion:SR|12.0.0.4518 +vti_backlinkinfo:VX| +vti_nexttolasttimemodified:TR|30 Jan 2007 18:46:12 -0000 +vti_cacheddtm:TX|30 Jan 2007 18:47:02 -0000 +vti_filesize:IR|12670 +vti_lastwidth:IX|181 +vti_lastheight:IX|239 diff --git a/fewd/chapter03/images/_vti_cnf/weave.jpg b/fewd/chapter03/images/_vti_cnf/weave.jpg new file mode 100644 index 0000000..dcdbdff --- /dev/null +++ b/fewd/chapter03/images/_vti_cnf/weave.jpg @@ -0,0 +1,9 @@ +vti_encoding:SR|utf8-nl +vti_timelastmodified:TR|30 Jan 2007 18:49:01 -0000 +vti_extenderversion:SR|12.0.0.4518 +vti_author:SR|WISERWAYS\\cdwise +vti_modifiedby:SR|WISERWAYS\\cdwise +vti_timecreated:TR|30 Jan 2007 18:49:01 -0000 +vti_cacheddtm:TX|30 Jan 2007 18:49:01 -0000 +vti_filesize:IR|5723 +vti_backlinkinfo:VX| diff --git a/fewd/chapter03/images/atbackground1.jpg b/fewd/chapter03/images/atbackground1.jpg new file mode 100644 index 0000000..f6e5fcf Binary files /dev/null and b/fewd/chapter03/images/atbackground1.jpg differ diff --git a/fewd/chapter03/images/book.jpg b/fewd/chapter03/images/book.jpg new file mode 100644 index 0000000..44b299a Binary files /dev/null and b/fewd/chapter03/images/book.jpg differ diff --git a/fewd/chapter03/images/weave.jpg b/fewd/chapter03/images/weave.jpg new file mode 100644 index 0000000..faf0b53 Binary files /dev/null and b/fewd/chapter03/images/weave.jpg differ diff --git a/fewd/chapter05/browser-test.html b/fewd/chapter05/browser-test.html new file mode 100644 index 0000000..98f658f --- /dev/null +++ b/fewd/chapter05/browser-test.html @@ -0,0 +1,49 @@ + + + + + +Default Browser Test + + + + + +

Browser Test

+

This page has the following style code:

+
+ <style type="text/css"> body { background-color: #B5FF84; margin: 0; } + p { background-color: #ffffff; } .codeblock { margin-left: auto; margin-right: + auto; padding: 10px; border: 1px solid #000000; background-color: #FFFFCC; width: + 22em; white-space: pre; } </style>
+

In Firefox, Internet Explorer, and Safari the text on this page should be +obnoxiously close to the side of the browser, which makes it hard to read. In Opera this +page should have normal default browser spacing between the edge of the browser +window and the text, which makes it easier to read.

+

You might also notice a font display difference as well. If you have access +to more than one operating system, please view this page on the different systems +to see what difference the default font settings make.

+

The codeblock div above demonstrates the effect of padding and margin. To make +the difference easier to see, a border was used to outline the div area. The margin +is the space on the left between the edge of the page and the beginning of the div. +While padding is the space between the content and the border.

+ + + + diff --git a/fewd/chapter05/browser-test.txt b/fewd/chapter05/browser-test.txt new file mode 100644 index 0000000..98f658f --- /dev/null +++ b/fewd/chapter05/browser-test.txt @@ -0,0 +1,49 @@ + + + + + +Default Browser Test + + + + + +

Browser Test

+

This page has the following style code:

+
+ <style type="text/css"> body { background-color: #B5FF84; margin: 0; } + p { background-color: #ffffff; } .codeblock { margin-left: auto; margin-right: + auto; padding: 10px; border: 1px solid #000000; background-color: #FFFFCC; width: + 22em; white-space: pre; } </style>
+

In Firefox, Internet Explorer, and Safari the text on this page should be +obnoxiously close to the side of the browser, which makes it hard to read. In Opera this +page should have normal default browser spacing between the edge of the browser +window and the text, which makes it easier to read.

+

You might also notice a font display difference as well. If you have access +to more than one operating system, please view this page on the different systems +to see what difference the default font settings make.

+

The codeblock div above demonstrates the effect of padding and margin. To make +the difference easier to see, a border was used to outline the div area. The margin +is the space on the left between the edge of the page and the beginning of the div. +While padding is the space between the content and the border.

+ + + + diff --git a/fewd/chapter05/cascade.html b/fewd/chapter05/cascade.html new file mode 100644 index 0000000..1ade809 --- /dev/null +++ b/fewd/chapter05/cascade.html @@ -0,0 +1,32 @@ + + + + + +Cascade Example + + + + + +

Cascade Test Page

+

Document Style Applied

+

Here is what page would look like with just the external stylesheet applied. +This is a basic paragraph of text that I added so you could see what the default +style would look like. In order to have enough text to view I'm adding a block of +filler text below. As more text is added you will see what it looks like with different +bits of style code added.

+

This copy is used for placement only. It is not meant to be read. Designers use +this to show clients how copy would look if it was inserted. This copy is used for +placement only. It is not meant to be read. Designers use this to show clients how +copy would look if it was inserted. This copy is used for placement only. It is +not meant to be read. Designers use this to show clients how copy would look if +it was inserted.

+

This copy is used for placement only. It is not meant to be read. Designers use +this to show clients how copy would look if it was inserted. This copy is used for +placement only. It is not meant to be read. Designers use this to show clients how +copy would look if it was inserted.

+ + + + diff --git a/fewd/chapter05/cascade.txt b/fewd/chapter05/cascade.txt new file mode 100644 index 0000000..1ade809 --- /dev/null +++ b/fewd/chapter05/cascade.txt @@ -0,0 +1,32 @@ + + + + + +Cascade Example + + + + + +

Cascade Test Page

+

Document Style Applied

+

Here is what page would look like with just the external stylesheet applied. +This is a basic paragraph of text that I added so you could see what the default +style would look like. In order to have enough text to view I'm adding a block of +filler text below. As more text is added you will see what it looks like with different +bits of style code added.

+

This copy is used for placement only. It is not meant to be read. Designers use +this to show clients how copy would look if it was inserted. This copy is used for +placement only. It is not meant to be read. Designers use this to show clients how +copy would look if it was inserted. This copy is used for placement only. It is +not meant to be read. Designers use this to show clients how copy would look if +it was inserted.

+

This copy is used for placement only. It is not meant to be read. Designers use +this to show clients how copy would look if it was inserted. This copy is used for +placement only. It is not meant to be read. Designers use this to show clients how +copy would look if it was inserted.

+ + + + diff --git a/fewd/chapter05/contextual_selectors.html b/fewd/chapter05/contextual_selectors.html new file mode 100644 index 0000000..7dcf691 --- /dev/null +++ b/fewd/chapter05/contextual_selectors.html @@ -0,0 +1,40 @@ + + + + +Contextual Selectors + + + +
+

Contextual Selectors

+

Text can act like a tag line.

+
+

When you look at this paragraph you see default display of paragraph +elements. In most cases you will not have more than one h1 on the page but for +demonstration purposes another h1 follows this paragraph.

+

Default h1

+ + diff --git a/fewd/chapter05/contextual_selectors.txt b/fewd/chapter05/contextual_selectors.txt new file mode 100644 index 0000000..7b26879 --- /dev/null +++ b/fewd/chapter05/contextual_selectors.txt @@ -0,0 +1,40 @@ + + + + +Contextual Selectors + + + +
+

Contextual Selectors

+

Text can act like a tagline.

+
+

While when you look at this paragraph you see default display of paragraph +elements. In most cases you will not have more than one h1 on the page but for +demonstration purposes another h1 follows this paragraph.

+

Default h1

+ + diff --git a/fewd/chapter05/external.css b/fewd/chapter05/external.css new file mode 100644 index 0000000..e831c37 --- /dev/null +++ b/fewd/chapter05/external.css @@ -0,0 +1,12 @@ +body { + background-color: #FFFFFF; + color: #000000; + font-family: Tahoma, Helvetica, Arial, sans-serif; +} +h2 { + color: gray; + text-align: center; +} +p { + font-size: small; +} diff --git a/fewd/chapter05/fewd-chapter-05.txt b/fewd/chapter05/fewd-chapter-05.txt new file mode 100644 index 0000000..3e6a4b0 --- /dev/null +++ b/fewd/chapter05/fewd-chapter-05.txt @@ -0,0 +1,30 @@ +Chapter 5 files are: + +Text Files + +cascade.txt +browser-text.txt +external.css    +Link Test.txt +Link_Test-2.txt +0verlapping_for_effect.txt +contextual_selectors.txt +position-relative.txt + +Images + +circ.gif + +Completed Exercises + +cascade.html +browser-text.html +figure5-3.html +figure5-4.html +figure5-5.html +figure5-6.html +Link Test.html +Link_Test-2.html +0verlapping_for_effect.html +contextual_selectors.html +position-relative.html \ No newline at end of file diff --git a/fewd/chapter05/figure5-3.html b/fewd/chapter05/figure5-3.html new file mode 100644 index 0000000..e78bb55 --- /dev/null +++ b/fewd/chapter05/figure5-3.html @@ -0,0 +1,38 @@ + + + + + +Cascade Example + + + + + + +

Cascade Test Page

+

Document Style Applied

+

Here is what page would look like with just the external stylesheet applied. +This is a basic paragraph of text that I added so you could see what the default +style would look like. In order to have enough text to view I'm adding a block of +filler text below. As more text is added you will see what it looks like with different +bits of style code added.

+

This copy is used for placement only. It is not meant to be read. Designers use +this to show clients how copy would look if it was inserted. This copy is used for +placement only. It is not meant to be read. Designers use this to show clients how +copy would look if it was inserted. This copy is used for placement only. It is +not meant to be read. Designers use this to show clients how copy would look if +it was inserted.

+

This copy is used for placement only. It is not meant to be read. Designers use +this to show clients how copy would look if it was inserted. This copy is used for +placement only. It is not meant to be read. Designers use this to show clients how +copy would look if it was inserted.

+ + + + diff --git a/fewd/chapter05/figure5-4.html b/fewd/chapter05/figure5-4.html new file mode 100644 index 0000000..1588eb0 --- /dev/null +++ b/fewd/chapter05/figure5-4.html @@ -0,0 +1,38 @@ + + + + + +Cascade Example + + + + + + +

Cascade Test Page

+

Document Style Applied

+

Here is what page would look like with just the external stylesheet applied. +This is a basic paragraph of text that I added so you could see what the default +style would look like. In order to have enough text to view I'm adding a block of +filler text below. As more text is added you will see what it looks like with different +bits of style code added.

+

This copy is used for placement only. It is not meant to be read. Designers use +this to show clients how copy would look if it was inserted. This copy is used for +placement only. It is not meant to be read. Designers use this to show clients how +copy would look if it was inserted. This copy is used for placement only. It is +not meant to be read. Designers use this to show clients how copy would look if +it was inserted.

+

This copy is used for placement only. It is not meant to be read. Designers use +this to show clients how copy would look if it was inserted. This copy is used for +placement only. It is not meant to be read. Designers use this to show clients how +copy would look if it was inserted.

+ + + + diff --git a/fewd/chapter05/figure5-5.html b/fewd/chapter05/figure5-5.html new file mode 100644 index 0000000..0efa2bd --- /dev/null +++ b/fewd/chapter05/figure5-5.html @@ -0,0 +1,32 @@ + + + + Grouping + + + +

This h1 heading should be displayed at 2em.

+

This h2 heading should be displayed at 1.6em.

+

This h3 heading should be displayed at 1.4em.

+

This h4 heading should be displayed at 1em but + without the previously specified styles.

+

While this is ordinary body text using the browser + default and the body settings.

+ + diff --git a/fewd/chapter05/figure5-6.html b/fewd/chapter05/figure5-6.html new file mode 100644 index 0000000..4017c85 --- /dev/null +++ b/fewd/chapter05/figure5-6.html @@ -0,0 +1,38 @@ + + + + + +Cascade Example + + + + + + +

Cascade Test Page

+

Document Style Applied

+

Here is what page would look like with just the external stylesheet applied. +This is a basic paragraph of text that I added so you could see what the default +style would look like. In order to have enough text to view I'm adding a block of +filler text below. As more text is added you will see what it looks like with different +bits of style code added.

+

This copy is used for placement only. It is not meant to be read. Designers use +this to show clients how copy would look if it was inserted. This copy is used for +placement only. It is not meant to be read. Designers use this to show clients how +copy would look if it was inserted. This copy is used for placement only. It is +not meant to be read. Designers use this to show clients how copy would look if +it was inserted.

+

This copy is used for placement only. It is not meant to be read. Designers use +this to show clients how copy would look if it was inserted. This copy is used for +placement only. It is not meant to be read. Designers use this to show clients how +copy would look if it was inserted.

+ + + + diff --git a/fewd/chapter05/images/circ.gif b/fewd/chapter05/images/circ.gif new file mode 100644 index 0000000..1256868 Binary files /dev/null and b/fewd/chapter05/images/circ.gif differ diff --git a/fewd/chapter05/link_test-2.htm b/fewd/chapter05/link_test-2.htm new file mode 100644 index 0000000..ab81087 --- /dev/null +++ b/fewd/chapter05/link_test-2.htm @@ -0,0 +1,41 @@ + + + + +Link Test + + + +

Google

+

+ foundationsofexpressionweb.com

+ + + diff --git a/fewd/chapter05/link_test-2.txt b/fewd/chapter05/link_test-2.txt new file mode 100644 index 0000000..ab81087 --- /dev/null +++ b/fewd/chapter05/link_test-2.txt @@ -0,0 +1,41 @@ + + + + +Link Test + + + +

Google

+

+ foundationsofexpressionweb.com

+ + + diff --git a/fewd/chapter05/link_test.htm b/fewd/chapter05/link_test.htm new file mode 100644 index 0000000..4586229 --- /dev/null +++ b/fewd/chapter05/link_test.htm @@ -0,0 +1,25 @@ + + + + +Link Test + + + +

Google

+ + + diff --git a/fewd/chapter05/link_test.txt b/fewd/chapter05/link_test.txt new file mode 100644 index 0000000..4586229 --- /dev/null +++ b/fewd/chapter05/link_test.txt @@ -0,0 +1,25 @@ + + + + +Link Test + + + +

Google

+ + + diff --git a/fewd/chapter05/overlapping_for_effect.html b/fewd/chapter05/overlapping_for_effect.html new file mode 100644 index 0000000..d70fec6 --- /dev/null +++ b/fewd/chapter05/overlapping_for_effect.html @@ -0,0 +1,39 @@ + + + + +Overlapping for Effect + + + +
+

This is an absolutely positioned div with a drop shadow.

+
+
+ + diff --git a/fewd/chapter05/overlapping_for_effect.txt b/fewd/chapter05/overlapping_for_effect.txt new file mode 100644 index 0000000..a22c26e --- /dev/null +++ b/fewd/chapter05/overlapping_for_effect.txt @@ -0,0 +1,42 @@ + + + + + +Overlapping for Effect + + + + +
+

This is an absolutely positioned div with a drop shadow.

+
+
+ + + + diff --git a/fewd/chapter05/position-relative.html b/fewd/chapter05/position-relative.html new file mode 100644 index 0000000..7ccd893 --- /dev/null +++ b/fewd/chapter05/position-relative.html @@ -0,0 +1,59 @@ + + + + +Position: Relative + + + +

Position: Relative

+
+ normal flow +
+ This text is positioned 5 pixels below where it would + usually appear + using the following code:
+ .relative {
+ position: relative;
+ top: 15px;
+ left: 15px;
+ background-color: #eeeeee;
+ padding: 5px;
+ } +
+
+ + diff --git a/fewd/chapter05/position-relative.txt b/fewd/chapter05/position-relative.txt new file mode 100644 index 0000000..7ccd893 --- /dev/null +++ b/fewd/chapter05/position-relative.txt @@ -0,0 +1,59 @@ + + + + +Position: Relative + + + +

Position: Relative

+
+ normal flow +
+ This text is positioned 5 pixels below where it would + usually appear + using the following code:
+ .relative {
+ position: relative;
+ top: 15px;
+ left: 15px;
+ background-color: #eeeeee;
+ padding: 5px;
+ } +
+
+ + diff --git a/fewd/chapter06/background.html b/fewd/chapter06/background.html new file mode 100644 index 0000000..a018031 --- /dev/null +++ b/fewd/chapter06/background.html @@ -0,0 +1,91 @@ + + + + + +Structuring Your Page Exercise + + + + + + +

Structuring Your Page Exercise

+

In this exercise we will be adding page structure. On real page +most of the text would be in paragraph elements with a list or two +and possibly a data table. In this exercise we will be using the different +ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, +logos, and menus or exercise page will not be using design elements, +sticking with the basics.

+

Lists as Menus

+

Most standards based web design uses an unordered list as the +mark-up for navigational elements since semantically your site navigation +is basically a list of pages within your site.

+ +

Tables

+

Should be limited to tabular data such as event information or +a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+ + diff --git a/fewd/chapter06/background.txt b/fewd/chapter06/background.txt new file mode 100644 index 0000000..833d146 --- /dev/null +++ b/fewd/chapter06/background.txt @@ -0,0 +1,83 @@ + + + + + +Structuring Your Page Exercise + + + + + + +

Structuring Your Page Exercise

+

In this exercise we will be adding page structure. On real page +most of the text would be in paragraph elements with a list or two +and possibly a data table. In this exercise we will be using the different +ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, +logos, and menus or exercise page will not be using design elements, +sticking with the basics.

+

Lists as Menus

+

Most standards based web design uses an unordered list as the +mark-up for navigational elements since semantically your site navigation +is basically a list of pages within your site.

+ +

Tables

+

Should be limited to tabular data such as event information or +a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+ + diff --git a/fewd/chapter06/block.html b/fewd/chapter06/block.html new file mode 100644 index 0000000..833d146 --- /dev/null +++ b/fewd/chapter06/block.html @@ -0,0 +1,83 @@ + + + + + +Structuring Your Page Exercise + + + + + + +

Structuring Your Page Exercise

+

In this exercise we will be adding page structure. On real page +most of the text would be in paragraph elements with a list or two +and possibly a data table. In this exercise we will be using the different +ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, +logos, and menus or exercise page will not be using design elements, +sticking with the basics.

+

Lists as Menus

+

Most standards based web design uses an unordered list as the +mark-up for navigational elements since semantically your site navigation +is basically a list of pages within your site.

+ +

Tables

+

Should be limited to tabular data such as event information or +a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+ + diff --git a/fewd/chapter06/block.txt b/fewd/chapter06/block.txt new file mode 100644 index 0000000..c7e906b --- /dev/null +++ b/fewd/chapter06/block.txt @@ -0,0 +1,82 @@ + + + + + +Structuring Your Page Exercise + + + + + + +

Structuring Your Page Exercise

+

In this exercise we will be adding page structure. On real page +most of the text would be in paragraph elements with a list or two +and possibly a data table. In this exercise we will be using the different +ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, +logos, and menus or exercise page will not be using design elements, +sticking with the basics.

+

Lists as Menus

+

Most standards based web design uses an unordered list as the +mark-up for navigational elements since semantically your site navigation +is basically a list of pages within your site.

+ +

Tables

+

Should be limited to tabular data such as event information or +a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+ + diff --git a/fewd/chapter06/border.html b/fewd/chapter06/border.html new file mode 100644 index 0000000..0dbcb0b --- /dev/null +++ b/fewd/chapter06/border.html @@ -0,0 +1,92 @@ + + + + + +Structuring Your Page Exercise + + + + + + +

Structuring Your Page Exercise

+

In this exercise we will be adding page structure. On real page +most of the text would be in paragraph elements with a list or two +and possibly a data table. In this exercise we will be using the different +ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, +logos, and menus or exercise page will not be using design elements, +sticking with the basics.

+

Lists as Menus

+

Most standards based web design uses an unordered list as the +mark-up for navigational elements since semantically your site navigation +is basically a list of pages within your site.

+ +

Tables

+

Should be limited to tabular data such as event information or +a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+ + diff --git a/fewd/chapter06/border.txt b/fewd/chapter06/border.txt new file mode 100644 index 0000000..a018031 --- /dev/null +++ b/fewd/chapter06/border.txt @@ -0,0 +1,91 @@ + + + + + +Structuring Your Page Exercise + + + + + + +

Structuring Your Page Exercise

+

In this exercise we will be adding page structure. On real page +most of the text would be in paragraph elements with a list or two +and possibly a data table. In this exercise we will be using the different +ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, +logos, and menus or exercise page will not be using design elements, +sticking with the basics.

+

Lists as Menus

+

Most standards based web design uses an unordered list as the +mark-up for navigational elements since semantically your site navigation +is basically a list of pages within your site.

+ +

Tables

+

Should be limited to tabular data such as event information or +a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+ + diff --git a/fewd/chapter06/border2.html b/fewd/chapter06/border2.html new file mode 100644 index 0000000..4885f75 --- /dev/null +++ b/fewd/chapter06/border2.html @@ -0,0 +1,96 @@ + + + + + +Structuring Your Page Exercise + + + + + + +

Structuring Your Page Exercise

+

In this exercise we will be adding page structure. On real page +most of the text would be in paragraph elements with a list or two +and possibly a data table. In this exercise we will be using the different +ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, +logos, and menus or exercise page will not be using design elements, +sticking with the basics.

+

Lists as Menus

+

Most standards based web design uses an unordered list as the +mark-up for navigational elements since semantically your site navigation +is basically a list of pages within your site.

+ +

Tables

+

Should be limited to tabular data such as event information or +a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+ + diff --git a/fewd/chapter06/box.html b/fewd/chapter06/box.html new file mode 100644 index 0000000..5c7d559 --- /dev/null +++ b/fewd/chapter06/box.html @@ -0,0 +1,94 @@ + + + + + +Structuring Your Page Exercise + + + + + + +

Structuring Your Page Exercise

+

In this exercise we will be adding page structure. On real page +most of the text would be in paragraph elements with a list or two +and possibly a data table. In this exercise we will be using the different +ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, +logos, and menus or exercise page will not be using design elements, +sticking with the basics.

+

Lists as Menus

+

Most standards based web design uses an unordered list as the +mark-up for navigational elements since semantically your site navigation +is basically a list of pages within your site.

+ +

Tables

+

Should be limited to tabular data such as event information or +a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+ + diff --git a/fewd/chapter06/box.txt b/fewd/chapter06/box.txt new file mode 100644 index 0000000..980297b --- /dev/null +++ b/fewd/chapter06/box.txt @@ -0,0 +1,94 @@ + + + + + +Structuring Your Page Exercise + + + + + + +

Structuring Your Page Exercise

+

In this exercise we will be adding page structure. On real page +most of the text would be in paragraph elements with a list or two +and possibly a data table. In this exercise we will be using the different +ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, +logos, and menus or exercise page will not be using design elements, +sticking with the basics.

+

Lists as Menus

+

Most standards based web design uses an unordered list as the +mark-up for navigational elements since semantically your site navigation +is basically a list of pages within your site.

+ +

Tables

+

Should be limited to tabular data such as event information or +a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+ + diff --git a/fewd/chapter06/box2.html b/fewd/chapter06/box2.html new file mode 100644 index 0000000..576eb16 --- /dev/null +++ b/fewd/chapter06/box2.html @@ -0,0 +1,96 @@ + + + + + +Structuring Your Page Exercise + + + + + + +

Structuring Your Page Exercise

+

In this exercise we will be adding page structure. On real page +most of the text would be in paragraph elements with a list or two +and possibly a data table. In this exercise we will be using the different +ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, +logos, and menus or exercise page will not be using design elements, +sticking with the basics.

+

Lists as Menus

+

Most standards based web design uses an unordered list as the +mark-up for navigational elements since semantically your site navigation +is basically a list of pages within your site.

+ +

Tables

+

Should be limited to tabular data such as event information or +a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+ + diff --git a/fewd/chapter06/fewd-chapter-06.txt b/fewd/chapter06/fewd-chapter-06.txt new file mode 100644 index 0000000..0e244ce --- /dev/null +++ b/fewd/chapter06/fewd-chapter-06.txt @@ -0,0 +1,21 @@ +Chapter 6 files are: + +Text Files + +structural.txt +block.txt +background.txt +border.txt + +Image files + +crystal-bg.jpg +h1-bg.png + +Completed Exercises + +font.html +block.html +background.html +border.html +border2.html \ No newline at end of file diff --git a/fewd/chapter06/font.html b/fewd/chapter06/font.html new file mode 100644 index 0000000..f9975a8 --- /dev/null +++ b/fewd/chapter06/font.html @@ -0,0 +1,77 @@ + + + + + +Structuring Your Page Exercise + + + + + +

Structuring Your Page Exercise

+

In this exercise we will be adding page structure. On real page +most of the text would be in paragraph elements with a list or two +and possibly a data table. In this exercise we will be using the different +ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, +logos, and menus or exercise page will not be using design elements, +sticking with the basics.

+

Lists as Menus

+

Most standards based web design uses an unordered list as the +mark-up for navigational elements since semantically your site navigation +is basically a list of pages within your site.

+ +

Tables

+

Should be limited to tabular data such as event information or +a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+ + diff --git a/fewd/chapter06/images/crystal-bg.jpg b/fewd/chapter06/images/crystal-bg.jpg new file mode 100644 index 0000000..bccb9d6 Binary files /dev/null and b/fewd/chapter06/images/crystal-bg.jpg differ diff --git a/fewd/chapter06/images/h1-bg.png b/fewd/chapter06/images/h1-bg.png new file mode 100644 index 0000000..14cae6e Binary files /dev/null and b/fewd/chapter06/images/h1-bg.png differ diff --git a/fewd/chapter06/sitemap-test.aspx b/fewd/chapter06/sitemap-test.aspx new file mode 100644 index 0000000..904fcd9 --- /dev/null +++ b/fewd/chapter06/sitemap-test.aspx @@ -0,0 +1,27 @@ + +<%@ Page Language="VB" %> + + + + +Untitled 1 + + + + + +
+ + + + +
+ + + + diff --git a/fewd/chapter06/structural.txt b/fewd/chapter06/structural.txt new file mode 100644 index 0000000..8099ab7 --- /dev/null +++ b/fewd/chapter06/structural.txt @@ -0,0 +1,37 @@ + + + + +Structuring Your Page Exercise + + +

Structuring Your Page Exercise

+

In this exercise we will be adding page structure. On real page +most of the text would be in paragraph elements with a list or two +and possibly a data table. In this exercise we will be using the different +ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, +logos, and menus or exercise page will not be using design elements, +sticking with the basics.

+

Lists as Menus

+

Most standards based web design uses an unordered list as the +mark-up for navigational elements since semantically your site navigation +is basically a list of pages within your site.

+

page 1

+

page 2

+

page 3

+

page 4

+

page 5

+

Tables

+

Should be limited to tabular data such as event information or +a price list.

+

item no., description, price each, per dozen

+

1,red balloon, $0.25,$2.25

+

2,blue balloon,$0.25,$2.25

+

3,white balloon,$0.25,$2.25

+

4,silver mylar balloon,$1.75,$19.00

+

5,gold mylar balloon,$1.75, $19.00

+ + diff --git a/fewd/chapter07/absolute.html b/fewd/chapter07/absolute.html new file mode 100644 index 0000000..3cc62a0 --- /dev/null +++ b/fewd/chapter07/absolute.html @@ -0,0 +1,110 @@ + + + + + +Structuring Your Page Exercise + + + + + + +

Structuring Your Page Exercise

+ +
+

In this exercise we will be adding page structure. On a real page most of the +text would be in paragraph elements with a list or two and possibly a data +table. In this exercise we will be using the different ways of structuring your +page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, logos, and +menus our exercise page will not be using design elements, sticking with the +basics.

+

Lists as Menus

+

Most standards-based web design uses an unordered list as the markup for +navigational elements since semantically your site navigation is basically a +list of pages within your site.

+

Tables

+

Should be limited to tabular data such as event information or a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+
+ + diff --git a/fewd/chapter07/absolute1.html b/fewd/chapter07/absolute1.html new file mode 100644 index 0000000..22efa7d --- /dev/null +++ b/fewd/chapter07/absolute1.html @@ -0,0 +1,108 @@ + + + + + +Chpater 7 + + + +

Structuring Your Page Exercise

+ +
+

In this exercise we will be adding page structure. On a real page most of the +text would be in paragraph elements with a list or two and possibly a data +table. In this exercise we will be using the different ways of structuring your +page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, logos, and +menus or exercise page will not be using design elements, sticking with the +basics.

+

Tables

+

Should be limited to tabular data such as event information or a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+
+

© 2007 Cheryl D Wise

+ + diff --git a/fewd/chapter07/body.html b/fewd/chapter07/body.html new file mode 100644 index 0000000..c7cfc5d --- /dev/null +++ b/fewd/chapter07/body.html @@ -0,0 +1,114 @@ + + + + + +Float Layout Exercise + + + + + +

Structuring Your Page Exercise

+ +
+

In this exercise we will be adding page structure. On real page +most of the text would be in paragraph elements with a list or two +and possibly a data table. In this exercise we will be using the different +ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, +logos, and menus or exercise page will not be using design elements, +sticking with the basics.

+

Tables

+

Should be limited to tabular data such as event information or +a price list.

+

back to top

+
+ + + diff --git a/fewd/chapter07/body.txt b/fewd/chapter07/body.txt new file mode 100644 index 0000000..8708861 --- /dev/null +++ b/fewd/chapter07/body.txt @@ -0,0 +1,104 @@ + + + + + +Float Layout Exercise + + + + + +

Structuring Your Page Exercise

+ +
+

In this exercise we will be adding page structure. On real page +most of the text would be in paragraph elements with a list or two +and possibly a data table. In this exercise we will be using the different +ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, +logos, and menus or exercise page will not be using design elements, +sticking with the basics.

+

Tables

+

Should be limited to tabular data such as event information or +a price list.

+

back to top

+
+ + + diff --git a/fewd/chapter07/chapter7.html b/fewd/chapter07/chapter7.html new file mode 100644 index 0000000..4d0a84d --- /dev/null +++ b/fewd/chapter07/chapter7.html @@ -0,0 +1,93 @@ + + + + + +Chapter 7 + + + +

Structuring Your Page Exercise

+

In this exercise we will be adding page structure. On real page +most of the text would be in paragraph elements with a list or two +and possibly a data table. In this exercise we will be using the different +ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, +logos, and menus or exercise page will not be using design elements, +sticking with the basics.

+

Lists as Menus

+

Most standards based web design uses an unordered list as the +mark-up for navigational elements since semantically your site navigation +is basically a list of pages within your site.

+ +

Tables

+

Should be limited to tabular data such as event information or +a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+ + diff --git a/fewd/chapter07/chapter7.txt b/fewd/chapter07/chapter7.txt new file mode 100644 index 0000000..fee8003 --- /dev/null +++ b/fewd/chapter07/chapter7.txt @@ -0,0 +1,93 @@ + + + + + + +Chapter 7 + + + + + +

Structuring Your Page Exercise

+

In this exercise we will be adding page structure. On real page most of the text +would be in paragraph elements with a list or two and possibly a data table. In +this exercise we will be using the different ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, logos, and menus +or exercise page will not be using design elements, sticking with the basics.

+

Lists as Menus

+

Most standards based web design uses an unordered list as the mark-up for navigational +elements since semantically your site navigation is basically a list of pages within +your site.

+ +

Tables

+

Should be limited to tabular data such as event information or a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+ + diff --git a/fewd/chapter07/fewd-chapter-07.txt b/fewd/chapter07/fewd-chapter-07.txt new file mode 100644 index 0000000..2705505 --- /dev/null +++ b/fewd/chapter07/fewd-chapter-07.txt @@ -0,0 +1,22 @@ +Chapter 7 files are: + +Text Files + +chapter7.txt   +floats.txt +menu.txt +body.txt + +Image files + +crystal-bg.jpg +h1-bg.png + +Completed Exercises + +step1.html +absolute.html +absolute1.html +floats.html +menu.html +body.html \ No newline at end of file diff --git a/fewd/chapter07/floats.html b/fewd/chapter07/floats.html new file mode 100644 index 0000000..dc54259 --- /dev/null +++ b/fewd/chapter07/floats.html @@ -0,0 +1,69 @@ + + + + + +Float Layout Exercise + + + +

Structuring Your Page Exercise

+ +
+

In this exercise we will be adding page structure. On real page +most of the text would be in paragraph elements with a list or two +and possibly a data table. In this exercise we will be using the different +ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, +logos, and menus our exercise page will not be using design elements, +sticking with the basics.

+

Tables

+

Should be limited to tabular data such as event information or +a price list.

+

back to top

+
+

© 2007 Cheryl D Wise

+ + diff --git a/fewd/chapter07/floats.txt b/fewd/chapter07/floats.txt new file mode 100644 index 0000000..c3966ce --- /dev/null +++ b/fewd/chapter07/floats.txt @@ -0,0 +1,68 @@ + + + + + +Float Layout Exercise + + + +

Structuring Your Page Exercise

+ +
+

In this exercise we will be adding page structure. On real page +most of the text would be in paragraph elements with a list or two +and possibly a data table. In this exercise we will be using the different +ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, +logos, and menus or exercise page will not be using design elements, +sticking with the basics.

+

Tables

+

Should be limited to tabular data such as event information or +a price list.

+

back to top

+
+

© 2007 Cheryl D Wise

+ + \ No newline at end of file diff --git a/fewd/chapter07/floats1.html b/fewd/chapter07/floats1.html new file mode 100644 index 0000000..6d230f4 --- /dev/null +++ b/fewd/chapter07/floats1.html @@ -0,0 +1,69 @@ + + + + + +Float Layout Exercise + + + +

Structuring Your Page Exercise

+ +
+

In this exercise we will be adding page structure. On real page most + of the text would be in paragraph elements with a list or two and possibly + a data table. In this exercise we will be using the different ways of + structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, logos, + and menus our exercise page will not be using design elements, sticking + with the basics.

+

Tables

+

Should be limited to tabular data such as event information or a price + list.

+

back to top

+
+ + + diff --git a/fewd/chapter07/images/crystal-bg.jpg b/fewd/chapter07/images/crystal-bg.jpg new file mode 100644 index 0000000..bccb9d6 Binary files /dev/null and b/fewd/chapter07/images/crystal-bg.jpg differ diff --git a/fewd/chapter07/images/h1-bg.png b/fewd/chapter07/images/h1-bg.png new file mode 100644 index 0000000..14cae6e Binary files /dev/null and b/fewd/chapter07/images/h1-bg.png differ diff --git a/fewd/chapter07/menu-a.html b/fewd/chapter07/menu-a.html new file mode 100644 index 0000000..53a0af7 --- /dev/null +++ b/fewd/chapter07/menu-a.html @@ -0,0 +1,119 @@ + + + + + +Float Layout Exercise + + + + +

Structuring Your Page Exercise

+ +
+

In this exercise we will be adding page structure. On a real page most of the +text would be in paragraph elements with a list or two and possibly a data +table. In this exercise we will be using the different ways of structuring your +page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, logos, and +menus our exercise page will not be using design elements, sticking with the +basics.

+

Lists as Menus

+

Most standards-based web design uses an unordered list as the markup for +navigational elements since semantically your site navigation is basically a +list of pages within your site.

+

Tables

+

Should be limited to tabular data such as event information or a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+
+ + + diff --git a/fewd/chapter07/menu.html b/fewd/chapter07/menu.html new file mode 100644 index 0000000..3fe3b4f --- /dev/null +++ b/fewd/chapter07/menu.html @@ -0,0 +1,134 @@ + + + + + + +Float Layout Exercise + + + + + + +

Structuring Your Page Exercise

+ +
+

In this exercise we will be adding page structure. On a real page most + of the text would be in paragraph elements with a list or two and possibly + a data table. In this exercise we will be using the different ways of + structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, logos, + and menus our exercise page will not be using design elements, sticking + with the basics.

+

Lists as Menus

+

Most standards-based web design uses an unordered list as the markup + for navigational elements since semantically your site navigation is basically + a list of pages within your site.

+

Tables

+

Should be limited to tabular data such as event information or a price + list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+
+ + + + + diff --git a/fewd/chapter07/menu.txt b/fewd/chapter07/menu.txt new file mode 100644 index 0000000..9218162 --- /dev/null +++ b/fewd/chapter07/menu.txt @@ -0,0 +1,110 @@ + + + + + +Structuring Your Page Exercise + + + + + + +

Structuring Your Page Exercise

+ +
+

In this exercise we will be adding page structure. On real page most of the +text would be in paragraph elements with a list or two and possibly a data +table. In this exercise we will be using the different ways of structuring your +page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, logos, and +menus or exercise page will not be using design elements, sticking with the +basics.

+

Lists as Menus

+

Most standards based web design uses an unordered list as the mark-up for +navigational elements since semantically your site navigation is basically a +list of pages within your site.

+

Tables

+

Should be limited to tabular data such as event information or a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+
+ + diff --git a/fewd/chapter07/step1.html b/fewd/chapter07/step1.html new file mode 100644 index 0000000..ec96be3 --- /dev/null +++ b/fewd/chapter07/step1.html @@ -0,0 +1,105 @@ + + + + + +Structuring Your Page Exercise + + + + + + +

Structuring Your Page Exercise

+ +

In this exercise we will be adding page structure. On a real page most of the +text would be in paragraph elements with a list or two and possibly a data +table. In this exercise we will be using the different ways of structuring your +page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, logos, and +menus our exercise page will not be using design elements, sticking with the +basics.

+

Lists as Menus

+

Most standards-based web design uses an unordered list as the markup for +navigational elements since semantically your site navigation is basically a +list of pages within your site.

+

Tables

+

Should be limited to tabular data such as event information or a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+ + diff --git a/fewd/chapter07/step2.html b/fewd/chapter07/step2.html new file mode 100644 index 0000000..ec96be3 --- /dev/null +++ b/fewd/chapter07/step2.html @@ -0,0 +1,105 @@ + + + + + +Structuring Your Page Exercise + + + + + + +

Structuring Your Page Exercise

+ +

In this exercise we will be adding page structure. On a real page most of the +text would be in paragraph elements with a list or two and possibly a data +table. In this exercise we will be using the different ways of structuring your +page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, logos, and +menus our exercise page will not be using design elements, sticking with the +basics.

+

Lists as Menus

+

Most standards-based web design uses an unordered list as the markup for +navigational elements since semantically your site navigation is basically a +list of pages within your site.

+

Tables

+

Should be limited to tabular data such as event information or a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+ + diff --git a/fewd/chapter08/book.html b/fewd/chapter08/book.html new file mode 100644 index 0000000..ccebcdb --- /dev/null +++ b/fewd/chapter08/book.html @@ -0,0 +1,65 @@ + + + + + + +Chapter 8 + + + + + +Foundation of Microsoft Expression Webr +
+

Expression Web
+ The basics and beyond

+
+ +
+
+

Branding

+

You don't need to go as high contrast as this to get your branding across.

+
+
+

Overview

+

In this exercise we will be creating our website look and feel. Since there + is no content to be placed here yet placeholder, or what is called designer text, + will be used after this paragraph.

+

Created by the Press Release Generator

+

Thanks to the recent reorganization, the key players are not going to step + up to the challenge of competitive killer apps. Having first verified that the + drop dead dates give a clear channel towards quality control, a careful examination + of the writeoffs reveals that the scenarios provide an indication of the + established standard application framework.

+

Task-oriented disclosures make it happen.

+

As always, the workgroups empower compliant turnkey systems? Having first + verified that the goals enable kick-ass graphics, a careful examination of + the best systems in the world reveals that revolutionary RISC technology is + not the object-oriented headcount readjustments.

+

More Generated Content

+

Now that the merger is complete, content sweetening eventually closes the + loop on the issue of the team players. This is why Tom Jermoluk recently announced + that missions will succeed. The multimedia next generation system gets your + input on price-performance technologies. We're going forward on a binary-compatible + next generation system.

+
+
+ + + + + diff --git a/fewd/chapter08/chapter7.html b/fewd/chapter08/chapter7.html new file mode 100644 index 0000000..efd6f67 --- /dev/null +++ b/fewd/chapter08/chapter7.html @@ -0,0 +1,46 @@ + + + + + +Chapter 8 + + + +

Expression Web
+ The Basics and Beyond

+ +

Branding

+

You don't need to go as high contrast as this to get your branding across.

+

Overview

+

In this exercise we will be creating our website look and feel. Since there + is no content to be placed here yet placeholder, or what is called designer text, + will be used after this paragraph.

+

Created by the Press Release Generator

+

Thanks to the recent reorganization, the key players are not going to step + up to the challenge of competitive killer apps. Having first verified that the + drop dead dates give a clear channel towards quality control, a careful + examination of the writeoffs reveals that the scenarios provide an indication + of the established standard application framework.

+

Task-oriented disclosures make it happen.

+

As always, the workgroups empower compliant turnkey systems? Having first + verified that the goals enable kick-ass graphics, a careful examination of + the best systems in the world reveals that revolutionary RISC technology is + not the object-oriented headcount readjustments.

+

More Generated Content

+

Now that the merger is complete, content sweetening eventually closes the + loop on the issue of the team players. This is why Tom Jermoluk recently + announced that missions will succeed. The multimedia next generation system + gets your input on price-performance technologies. We're going forward + on a binary-compatible + next generation system.

+

© 2007 Cheryl D. Wise

+ + diff --git a/fewd/chapter08/chapter7.txt b/fewd/chapter08/chapter7.txt new file mode 100644 index 0000000..efd6f67 --- /dev/null +++ b/fewd/chapter08/chapter7.txt @@ -0,0 +1,46 @@ + + + + + +Chapter 8 + + + +

Expression Web
+ The Basics and Beyond

+ +

Branding

+

You don't need to go as high contrast as this to get your branding across.

+

Overview

+

In this exercise we will be creating our website look and feel. Since there + is no content to be placed here yet placeholder, or what is called designer text, + will be used after this paragraph.

+

Created by the Press Release Generator

+

Thanks to the recent reorganization, the key players are not going to step + up to the challenge of competitive killer apps. Having first verified that the + drop dead dates give a clear channel towards quality control, a careful + examination of the writeoffs reveals that the scenarios provide an indication + of the established standard application framework.

+

Task-oriented disclosures make it happen.

+

As always, the workgroups empower compliant turnkey systems? Having first + verified that the goals enable kick-ass graphics, a careful examination of + the best systems in the world reveals that revolutionary RISC technology is + not the object-oriented headcount readjustments.

+

More Generated Content

+

Now that the merger is complete, content sweetening eventually closes the + loop on the issue of the team players. This is why Tom Jermoluk recently + announced that missions will succeed. The multimedia next generation system + gets your input on price-performance technologies. We're going forward + on a binary-compatible + next generation system.

+

© 2007 Cheryl D. Wise

+ + diff --git a/fewd/chapter08/chapter8.html b/fewd/chapter08/chapter8.html new file mode 100644 index 0000000..4f3be57 --- /dev/null +++ b/fewd/chapter08/chapter8.html @@ -0,0 +1,63 @@ + + + + + +Chapter 8 + + + + +
+ Expression Web Book +
+

Expression Web
+ The Basics and Beyond

+
+
+

left side column

+

Branding

+
+
+

main content area

+

You don't need to go as high contrast as this to get your branding across.

+

Overview

+

In this exercise we will be creating our website look and feel. Since + there is no content to be placed here yet placeholder, or what is called + designer text, will be used after this paragraph.

+

Created by the Press Release Generator

+

Thanks to the recent reorganization, the key players are not going to + step up to the challenge of competitive killer apps. Having first verified + that the drop dead dates give a clear channel towards quality control, a + careful examination of the writeoffs reveals that the scenarios provide + an indication of the established standard application framework.

+

Task-oriented disclosures make it happen.

+

As always, the workgroups empower compliant turnkey systems? Having first + verified that the goals enable kick-ass graphics, a careful examination + of the best systems in the world reveals that revolutionary RISC technology + is not the object-oriented headcount readjustments.

+

More Generated Content

+

Now that the merger is complete, content sweetening eventually closes + the loop on the issue of the team players. This is why Tom Jermoluk recently + announced that missions will succeed. The multimedia next generation system + gets your input on price-performance technologies. We're going forward on + a binary-compatible next generation system.

+
+
+ + + diff --git a/fewd/chapter08/chapter8.txt b/fewd/chapter08/chapter8.txt new file mode 100644 index 0000000..4f3be57 --- /dev/null +++ b/fewd/chapter08/chapter8.txt @@ -0,0 +1,63 @@ + + + + + +Chapter 8 + + + + +
+ Expression Web Book +
+

Expression Web
+ The Basics and Beyond

+
+
+

left side column

+

Branding

+
+
+

main content area

+

You don't need to go as high contrast as this to get your branding across.

+

Overview

+

In this exercise we will be creating our website look and feel. Since + there is no content to be placed here yet placeholder, or what is called + designer text, will be used after this paragraph.

+

Created by the Press Release Generator

+

Thanks to the recent reorganization, the key players are not going to + step up to the challenge of competitive killer apps. Having first verified + that the drop dead dates give a clear channel towards quality control, a + careful examination of the writeoffs reveals that the scenarios provide + an indication of the established standard application framework.

+

Task-oriented disclosures make it happen.

+

As always, the workgroups empower compliant turnkey systems? Having first + verified that the goals enable kick-ass graphics, a careful examination + of the best systems in the world reveals that revolutionary RISC technology + is not the object-oriented headcount readjustments.

+

More Generated Content

+

Now that the merger is complete, content sweetening eventually closes + the loop on the issue of the team players. This is why Tom Jermoluk recently + announced that missions will succeed. The multimedia next generation system + gets your input on price-performance technologies. We're going forward on + a binary-compatible next generation system.

+
+
+ + + diff --git a/fewd/chapter08/default.aspx b/fewd/chapter08/default.aspx new file mode 100644 index 0000000..3a36a30 --- /dev/null +++ b/fewd/chapter08/default.aspx @@ -0,0 +1,31 @@ +<%@ Page masterpagefile="../../exercise.master" language="C#" title="Expression Web Designer The basi" %> + + +

Chapter 8 Exercises

+

Files are the raw code used in the exercises while Examples are the + completed file.

+ + + + + + + + + + + + + + + + + + + + + +
FilesExamples
chapter7.txtFloat Exercise
masthead..txtmasthead.html
chapter8.txtChapter 8
  
+

Chapter 8 zip file

+ +
diff --git a/fewd/chapter08/few-site.css b/fewd/chapter08/few-site.css new file mode 100644 index 0000000..e2e68ca --- /dev/null +++ b/fewd/chapter08/few-site.css @@ -0,0 +1,87 @@ +body { + font-family: Tahoma, Helvetica, Arial, sans-serif; + color: #000000; + background-color: #FFFFFF; + padding: 0px; + margin: 0px; +} +.floatleft { + float: left; +} +.floatright { + float: right; +} +#masthead { + background-color: #000000; + padding: 0; + margin: 0 124px 0 0; + color: #FDB928; + height: 119px; + text-align: right; +} +#masthead h1 { + padding: .5em 1em; + margin: 0; + font-size: 1.5em; +} +.tagline { + font-size: .75em; +} +#menu { + background: url('images/menu-bg.gif') repeat-x bottom #FDB928; + height: 45px; +} +#menu ul { + margin: 0; + padding: 0 1em 0 0; + text-align: right; +} +#menu li { + display: inline; + border-left: 1px solid #000000; +} +#menu a { + line-height: 40px; + padding: 0 .3em; + text-decoration: none; + color: #333333; +} +#menu a:hover { + text-decoration: underline; + color: #000000; +} +#container { + border-right: solid 6px #000000; + border-left: solid 6px #000000; + padding: 0; + margin: 0; + background-color: #000000; + color: #CEDBAE; +} +#leftcol { + background: #000000 url('images/book-corner.jpg') no-repeat; + float: left; + width: 150px; + padding: 100px 4px 10px 10px; + font-size: .88em; +} +#main_content { + padding: .1em 1em; + margin: 0 0 0 165px; + background-color: #F4F5EF; + color: #000000; +} +#footer { + margin: 0px; + padding: .1em 1em; + font-size: .8em; + border-top: solid 1px #666666; + border-right: solid 6px #000000; + border-bottom: solid 6px #000000; + border-left: solid 6px #000000; +} +#footer p { + margin: 0; + padding: 0; + line-height: 1.7em; +} diff --git a/fewd/chapter08/fewd-chapter-08.txt b/fewd/chapter08/fewd-chapter-08.txt new file mode 100644 index 0000000..4dfc2d5 --- /dev/null +++ b/fewd/chapter08/fewd-chapter-08.txt @@ -0,0 +1,21 @@ +Chapter 8 files are: + +Text Files + +chapter7.txt +masthead..txt +chapter8.txt + +Image files + +book-corner.jpg +book.png +menu-bg.gif +menu-lft.gif + + +Completed Exercises + +float-image.html +masthead.html +chapter8.html \ No newline at end of file diff --git a/fewd/chapter08/float-image.html b/fewd/chapter08/float-image.html new file mode 100644 index 0000000..563b988 --- /dev/null +++ b/fewd/chapter08/float-image.html @@ -0,0 +1,40 @@ + + + + + + +Chapter 8 + + + + +Expression Web Book +

Expression Web
+The Basics and Beyond

+ + + + diff --git a/fewd/chapter08/images/book-corner.jpg b/fewd/chapter08/images/book-corner.jpg new file mode 100644 index 0000000..3110223 Binary files /dev/null and b/fewd/chapter08/images/book-corner.jpg differ diff --git a/fewd/chapter08/images/book.png b/fewd/chapter08/images/book.png new file mode 100644 index 0000000..875413a Binary files /dev/null and b/fewd/chapter08/images/book.png differ diff --git a/fewd/chapter08/images/menu-bg.gif b/fewd/chapter08/images/menu-bg.gif new file mode 100644 index 0000000..3ec695b Binary files /dev/null and b/fewd/chapter08/images/menu-bg.gif differ diff --git a/fewd/chapter08/images/menu-lft.gif b/fewd/chapter08/images/menu-lft.gif new file mode 100644 index 0000000..f9b4e22 Binary files /dev/null and b/fewd/chapter08/images/menu-lft.gif differ diff --git a/fewd/chapter08/masthead..txt b/fewd/chapter08/masthead..txt new file mode 100644 index 0000000..9da0c5c --- /dev/null +++ b/fewd/chapter08/masthead..txt @@ -0,0 +1,37 @@ + + + + + +Chapter 8 + + + + + Expression Web Book +

Expression Web
+ The Basics and Beyond

+ + + diff --git a/fewd/chapter08/masthead.html b/fewd/chapter08/masthead.html new file mode 100644 index 0000000..f200950 --- /dev/null +++ b/fewd/chapter08/masthead.html @@ -0,0 +1,38 @@ + + + + + +Chapter 8 + + + + + Expression Web Book +

Expression Web
+ The Basics and Beyond

+ + + diff --git a/fewd/chapter08/masthead1.html b/fewd/chapter08/masthead1.html new file mode 100644 index 0000000..2f404a0 --- /dev/null +++ b/fewd/chapter08/masthead1.html @@ -0,0 +1,84 @@ + + + + + + +Chapter 8 + + + + +Expression Web Book +
+

Expression Web
+ The Basics and Beyond

+
+ + + + + diff --git a/fewd/chapter09/chapter8.html b/fewd/chapter09/chapter8.html new file mode 100644 index 0000000..4f3be57 --- /dev/null +++ b/fewd/chapter09/chapter8.html @@ -0,0 +1,63 @@ + + + + + +Chapter 8 + + + + +
+ Expression Web Book +
+

Expression Web
+ The Basics and Beyond

+
+
+

left side column

+

Branding

+
+
+

main content area

+

You don't need to go as high contrast as this to get your branding across.

+

Overview

+

In this exercise we will be creating our website look and feel. Since + there is no content to be placed here yet placeholder, or what is called + designer text, will be used after this paragraph.

+

Created by the Press Release Generator

+

Thanks to the recent reorganization, the key players are not going to + step up to the challenge of competitive killer apps. Having first verified + that the drop dead dates give a clear channel towards quality control, a + careful examination of the writeoffs reveals that the scenarios provide + an indication of the established standard application framework.

+

Task-oriented disclosures make it happen.

+

As always, the workgroups empower compliant turnkey systems? Having first + verified that the goals enable kick-ass graphics, a careful examination + of the best systems in the world reveals that revolutionary RISC technology + is not the object-oriented headcount readjustments.

+

More Generated Content

+

Now that the merger is complete, content sweetening eventually closes + the loop on the issue of the team players. This is why Tom Jermoluk recently + announced that missions will succeed. The multimedia next generation system + gets your input on price-performance technologies. We're going forward on + a binary-compatible next generation system.

+
+
+ + + diff --git a/fewd/chapter09/chapter8.txt b/fewd/chapter09/chapter8.txt new file mode 100644 index 0000000..4f3be57 --- /dev/null +++ b/fewd/chapter09/chapter8.txt @@ -0,0 +1,63 @@ + + + + + +Chapter 8 + + + + +
+ Expression Web Book +
+

Expression Web
+ The Basics and Beyond

+
+
+

left side column

+

Branding

+
+
+

main content area

+

You don't need to go as high contrast as this to get your branding across.

+

Overview

+

In this exercise we will be creating our website look and feel. Since + there is no content to be placed here yet placeholder, or what is called + designer text, will be used after this paragraph.

+

Created by the Press Release Generator

+

Thanks to the recent reorganization, the key players are not going to + step up to the challenge of competitive killer apps. Having first verified + that the drop dead dates give a clear channel towards quality control, a + careful examination of the writeoffs reveals that the scenarios provide + an indication of the established standard application framework.

+

Task-oriented disclosures make it happen.

+

As always, the workgroups empower compliant turnkey systems? Having first + verified that the goals enable kick-ass graphics, a careful examination + of the best systems in the world reveals that revolutionary RISC technology + is not the object-oriented headcount readjustments.

+

More Generated Content

+

Now that the merger is complete, content sweetening eventually closes + the loop on the issue of the team players. This is why Tom Jermoluk recently + announced that missions will succeed. The multimedia next generation system + gets your input on price-performance technologies. We're going forward on + a binary-compatible next generation system.

+
+
+ + + diff --git a/fewd/chapter09/few-site.css b/fewd/chapter09/few-site.css new file mode 100644 index 0000000..21b73d1 --- /dev/null +++ b/fewd/chapter09/few-site.css @@ -0,0 +1,88 @@ +body { + font-family: Tahoma, Helvetica, Arial, sans-serif; + color: #000000; + background-color: #FFFFFF; + padding: 0px; + margin: 0px; +} +.floatleft { + float: left; +} +.floatright { + float: right; +} +#masthead { + background-color: #000000; + padding: 0; + margin: 0 124px 0 0; + color: #FDB928; + height: 119px; + text-align: right; +} +#masthead h1 { + padding: .5em 1em; + margin: 0; + font-size: 1.5em; +} +.tagline { + font-size: .75em; +} +#menu { + background: url('../chapter08/images/menu-bg.gif') repeat-x bottom #FDB928; + height: 45px; +} +#menu ul { + margin: 0; + padding: 0 1em 0 0; + text-align: right; +} +#menu li { + display: inline; + border-left: 1px solid #000000; +} +#menu a { + line-height: 40px; + padding: 0 .3em; + text-decoration: none; + color: #333333; +} +#menu a:hover { + text-decoration: underline; + color: #000000; +} +#container { + border-right: solid 6px #000000; + border-left: solid 6px #000000; + padding: 0; + margin: 0; + background-color: #000000; + color: #CEDBAE; +} +#leftcol { + background: #000000 url('../chapter08/images/book-corner.jpg') no-repeat; + float: left; + width: 150px; + padding: 100px 4px 10px 10px; + font-size: .88em; +} +#main_content { + padding: .1em 1em; + margin: 0 0 0 165px; + background-color: #F4F5EF; + color: #000000; +} +#footer { + margin: 0px; + padding: .1em 1em; + font-size: .8em; + border-top: solid 1px #666666; + border-right: solid 6px #000000; + border-bottom: solid 6px #000000; + border-left: solid 6px #000000; +} +#footer p { + margin: 0; + padding: 0; + line-height: 1.7em; +} + diff --git a/fewd/chapter09/few-site.dwt b/fewd/chapter09/few-site.dwt new file mode 100644 index 0000000..14d35d6 --- /dev/null +++ b/fewd/chapter09/few-site.dwt @@ -0,0 +1,74 @@ + + + + + + + +Foundations of Expression Web + + + + + + + + + + +Foundation of Microsoft Expression Webr +
+

Expression Web
+ The basics and beyond

+
+ +
+
+ +

Branding

+

You don't need to go as high contrast as this to get your branding across.

+
+
+ +

Overview

+

In this exercise we will be creating our website look and feel. Since + there is no content to be placed here yet placeholder, or what is called + designer text, will be used after this paragraph.

+

Created by the Press Release Generator

+

Thanks to the recent reorganization, the key players are not going to + step up to the challenge of competitive killer apps. Having first verified + that the drop dead dates give a clear channel towards quality control, a + careful examination of the writeoffs reveals that the scenarios provide + an indication of the established standard application framework.

+

Task-oriented disclosures make it happen.

+

As always, the workgroups empower compliant turnkey systems? Having first + verified that the goals enable kick-ass graphics, a careful examination + of the best systems in the world reveals that revolutionary RISC technology + is not the object-oriented headcount readjustments.

+

More Generated Content

+

Now that the merger is complete, content sweetening eventually closes + the loop on the issue of the team players. This is why Tom Jermoluk recently + announced that missions will succeed. The multimedia next generation system + gets your input on price-performance technologies. We're going forward on + a binary-compatible next generation system.

+
+
+ + + + + diff --git a/fewd/chapter09/few-site3.dwt b/fewd/chapter09/few-site3.dwt new file mode 100644 index 0000000..b3d008f --- /dev/null +++ b/fewd/chapter09/few-site3.dwt @@ -0,0 +1,81 @@ + + + + + + + +Foundations of Expression Web De + + + + + + + + + + + +Foundation of Microsoft Expression Webr +
+

Expression Web
+ The basics and beyond

+
+ +
+
+ +

Branding

+

You don't need to go as high contrast as this to get your branding across.

+
+
+
+ +

This is a place that we would be adding advertisements or featured + products.

+ +
+ +

Overview

+

In this exercise we will be creating our website look and feel. Since + there is no content to be placed here yet placeholder, or what is called + designer text, will be used after this paragraph.

+

Created by the Press Release Generator

+

Thanks to the recent reorganization, the key players are not going to + step up to the challenge of competitive killer apps. Having first verified + that the drop dead dates give a clear channel towards quality control, a + careful examination of the writeoffs reveals that the scenarios provide + an indication of the established standard application framework.

+

Task-oriented disclosures make it happen.

+

As always, the workgroups empower compliant turnkey systems? Having first + verified that the goals enable kick-ass graphics, a careful examination + of the best systems in the world reveals that revolutionary RISC technology + is not the object-oriented headcount readjustments.

+

More Generated Content

+

Now that the merger is complete, content sweetening eventually closes + the loop on the issue of the team players. This is why Tom Jermoluk recently + announced that missions will succeed. The multimedia next generation system + gets your input on price-performance technologies. We're going forward on + a binary-compatible next generation system.

+
+
+ + + + + diff --git a/fewd/chapter09/fewd-chapter-09.txt b/fewd/chapter09/fewd-chapter-09.txt new file mode 100644 index 0000000..f5fe07d --- /dev/null +++ b/fewd/chapter09/fewd-chapter-09.txt @@ -0,0 +1,21 @@ +Chapter 9 files are: + +Text Files + +chapter8.txt +few-site.css + +Image files + +book-corner.jpg +book.png +menu-bg.gif +menu-lft.gif + + +Completed Exercises + +chapter8.html +preped.html +few-site.dwt +few-site3.dwt \ No newline at end of file diff --git a/fewd/chapter09/fewd-site.html b/fewd/chapter09/fewd-site.html new file mode 100644 index 0000000..0960fdd --- /dev/null +++ b/fewd/chapter09/fewd-site.html @@ -0,0 +1,68 @@ + + + + + + +Expression Web Designer The basi + + + + + + + + +Foundation of Microsoft Expression Webr +
+

Expression Web
+ The basics and beyond

+
+ +
+
+

Branding

+

You don't need to go as high contrast as this to get your branding across.

+
+
+

Overview

+

In this exercise we will be creating our website look and feel. Since + there is no content to be placed here yet placeholder, or what is called + designer text, will be used after this paragraph.

+

Created by the Press Release Generator

+

Thanks to the recent reorganization, the key players are not going to + step up to the challenge of competitive killer apps. Having first verified + that the drop dead dates give a clear channel towards quality control, a + careful examination of the writeoffs reveals that the scenarios provide + an indication of the established standard application framework.

+

Task-oriented disclosures make it happen.

+

As always, the workgroups empower compliant turnkey systems? Having first + verified that the goals enable kick-ass graphics, a careful examination + of the best systems in the world reveals that revolutionary RISC technology + is not the object-oriented headcount readjustments.

+

More Generated Content

+

Now that the merger is complete, content sweetening eventually closes + the loop on the issue of the team players. This is why Tom Jermoluk recently + announced that missions will succeed. The multimedia next generation system + gets your input on price-performance technologies. We're going forward on + a binary-compatible next generation system.

+
+
+ + + + + diff --git a/fewd/chapter09/images/bcm3.png b/fewd/chapter09/images/bcm3.png new file mode 100644 index 0000000..875413a Binary files /dev/null and b/fewd/chapter09/images/bcm3.png differ diff --git a/fewd/chapter09/images/book-corner.jpg b/fewd/chapter09/images/book-corner.jpg new file mode 100644 index 0000000..3110223 Binary files /dev/null and b/fewd/chapter09/images/book-corner.jpg differ diff --git a/fewd/chapter09/images/book.png b/fewd/chapter09/images/book.png new file mode 100644 index 0000000..875413a Binary files /dev/null and b/fewd/chapter09/images/book.png differ diff --git a/fewd/chapter09/images/menu-lft.gif b/fewd/chapter09/images/menu-lft.gif new file mode 100644 index 0000000..f9b4e22 Binary files /dev/null and b/fewd/chapter09/images/menu-lft.gif differ diff --git a/fewd/chapter09/preped.html b/fewd/chapter09/preped.html new file mode 100644 index 0000000..a79bbc1 --- /dev/null +++ b/fewd/chapter09/preped.html @@ -0,0 +1,142 @@ + + + + + + +Structuring Your Page Exercise + + + + + + + + +

Structuring Your Page Exercise

+

In this exercise we will be adding page structure. On a real page most of the + text would be in paragraph elements with a list or two and possibly a data table. + In this exercise we will be using the different ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, logos, and + menus our exercise page will not be using design elements, sticking with the + basics.

+

Lists as Menus

+

Most standards based web design uses an unordered list as the mark-up for + navigational elements since semantically your site navigation is basically a + list of pages within your site.

+

Tables

+

Should be limited to tabular data such as event information or a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4.silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+ + + + diff --git a/fewd/chapter09/structura-bakl.html b/fewd/chapter09/structura-bakl.html new file mode 100644 index 0000000..a79bbc1 --- /dev/null +++ b/fewd/chapter09/structura-bakl.html @@ -0,0 +1,142 @@ + + + + + + +Structuring Your Page Exercise + + + + + + + + +

Structuring Your Page Exercise

+

In this exercise we will be adding page structure. On a real page most of the + text would be in paragraph elements with a list or two and possibly a data table. + In this exercise we will be using the different ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, logos, and + menus our exercise page will not be using design elements, sticking with the + basics.

+

Lists as Menus

+

Most standards based web design uses an unordered list as the mark-up for + navigational elements since semantically your site navigation is basically a + list of pages within your site.

+

Tables

+

Should be limited to tabular data such as event information or a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4.silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+ + + + diff --git a/fewd/chapter09/structural.html b/fewd/chapter09/structural.html new file mode 100644 index 0000000..7fdf190 --- /dev/null +++ b/fewd/chapter09/structural.html @@ -0,0 +1,155 @@ + + + + + + +Structuring Your Page Exercise + + + + + + + + +

Structuring Your Page Exercise

+ +
+

In this exercise we will be adding page structure. On a real page most of the + text would be in paragraph elements with a list or two and possibly a data table. + In this exercise we will be using the different ways of structuring your page.

+

Begin with Headers

+

While a live page would have design elements such as mastheads, logos, and + menus our exercise page will not be using design elements, sticking with the + basics.

+

Lists as Menus

+

Most standards based web design uses an unordered list as the mark-up for + navigational elements since semantically your site navigation is basically a + list of pages within your site.

+

Tables

+

Should be limited to tabular data such as event information or a price list.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
item no.descriptionprice eachper dozen
1red balloon$0.25$2.25
2blue balloon$0.25$2.25
3white balloon$0.25$2.25
4.silver mylar balloon$1.75$19.00
5gold mylar balloon$1.75$19.00
+

back to top

+
+ + + + + diff --git a/fewd/chapter10/fewd-chapter10.txt b/fewd/chapter10/fewd-chapter10.txt new file mode 100644 index 0000000..80c2d69 --- /dev/null +++ b/fewd/chapter10/fewd-chapter10.txt @@ -0,0 +1,21 @@ +Chapter 10 + +On http://foundationsofexpressionweb.com you can download the files individually since this chapter has server side code for processing the forms there are two versions of many of the files one that ends in .txt which are required to download the file with server side code and another with the server side processing script. + +Text Files + +form.css +sendmail-asp.txt +sendmail-php.txt +form1-aspx.txt + +Server-side Scripts + +sendmail.asp +sendmail.php + +Completed Exercises + +form.html +form1.html +form1.aspx diff --git a/fewd/chapter10/form-css.txt b/fewd/chapter10/form-css.txt new file mode 100644 index 0000000..4d6b3ad --- /dev/null +++ b/fewd/chapter10/form-css.txt @@ -0,0 +1,20 @@ +form { + border: thin solid #000000; + padding: .5em; + margin: 1em auto 1em auto; + width: 32em; + background-color: #CEDBAE; + font-weight: bold; +} +label { + float: left; + padding-right: .5em; + width: 8em; + text-align: right; + font-weight: bold; + clear: left; +} +.submit { + font-weight: bold; + text-align: center; +} diff --git a/fewd/chapter10/form.css b/fewd/chapter10/form.css new file mode 100644 index 0000000..4d6b3ad --- /dev/null +++ b/fewd/chapter10/form.css @@ -0,0 +1,20 @@ +form { + border: thin solid #000000; + padding: .5em; + margin: 1em auto 1em auto; + width: 32em; + background-color: #CEDBAE; + font-weight: bold; +} +label { + float: left; + padding-right: .5em; + width: 8em; + text-align: right; + font-weight: bold; + clear: left; +} +.submit { + font-weight: bold; + text-align: center; +} diff --git a/fewd/chapter10/form.html b/fewd/chapter10/form.html new file mode 100644 index 0000000..95246e3 --- /dev/null +++ b/fewd/chapter10/form.html @@ -0,0 +1,59 @@ + + + + + + +Contact Us + + + + + + + + + +
+

Expression Web
+ The basics and beyond

+
+ +
+
+

Branding

+

You don't need to go as high contrast as this to get your branding across.

+
+
+ +

Contact Us

+
+ +

+
+
+

+

+

+
+ +
+
+ + + + + diff --git a/fewd/chapter10/form1-aspx.txt b/fewd/chapter10/form1-aspx.txt new file mode 100644 index 0000000..fe6b0cc --- /dev/null +++ b/fewd/chapter10/form1-aspx.txt @@ -0,0 +1,59 @@ +<%@ Page Language="VB" %> +<%@ Import Namespace="System.Web.Mail" %> + + + + + + +ASP.NET form + + + + +

Contact Us

+
+

Please provide the following information:

+ + + +
+ + +
+ + +
+ + + + \ No newline at end of file diff --git a/fewd/chapter10/form1.aspx b/fewd/chapter10/form1.aspx new file mode 100644 index 0000000..fe6b0cc --- /dev/null +++ b/fewd/chapter10/form1.aspx @@ -0,0 +1,59 @@ +<%@ Page Language="VB" %> +<%@ Import Namespace="System.Web.Mail" %> + + + + + + +ASP.NET form + + + + +

Contact Us

+
+

Please provide the following information:

+ + + +
+ + +
+ + +
+ + + + \ No newline at end of file diff --git a/fewd/chapter10/form1.html b/fewd/chapter10/form1.html new file mode 100644 index 0000000..801d29a --- /dev/null +++ b/fewd/chapter10/form1.html @@ -0,0 +1,28 @@ + + + + + + +Contact Us + + + + + + +

Contact Us

+
+ +

+
+
+

+

+

+
+ + + + diff --git a/fewd/chapter10/sendmail-asp.txt b/fewd/chapter10/sendmail-asp.txt new file mode 100644 index 0000000..341cbc0 --- /dev/null +++ b/fewd/chapter10/sendmail-asp.txt @@ -0,0 +1,38 @@ +<%@LANGUAGE="VBSCRIPT"%> +<% +dim sname, email, message, subject + +sname = Request.Form("sname") +email = Request.Form("email") +subject= "Domain Contact Form" +smessage = Request.Form("message") + +Dim ObjMail + Set ObjMail = Server.CreateObject("CDO.Message") + objMail.From = sname & " <" & email & ">" + objMail.To = "youremail@yourdomain.com" + objMail.Subject = "Contact from Your Website" + objMail.TextBody = smessage + objMail.Send +%> + + + + + + +Thank You + + + + +

Thank You <%=sname %>

+

If your message:

+
+

"<%=smessage %>"

+
+

Requires a  response will be sent to <%=email%>

+ + + + diff --git a/fewd/chapter10/sendmail-php.txt b/fewd/chapter10/sendmail-php.txt new file mode 100644 index 0000000..0cc6ef3 --- /dev/null +++ b/fewd/chapter10/sendmail-php.txt @@ -0,0 +1,28 @@ + + + + +Thank You + + +

+ "); + +?>

+

Thank you ,

+

If your message:

+
+

""

+
+

Requires a response it will be sent to : +

+

+ + + diff --git a/fewd/chapter10/sendmail.asp b/fewd/chapter10/sendmail.asp new file mode 100644 index 0000000..bb5e3cd --- /dev/null +++ b/fewd/chapter10/sendmail.asp @@ -0,0 +1,65 @@ +<%@LANGUAGE="VBSCRIPT"%> +<% +dim sname, email, message, subject + +sname = Request.Form("sname") +email = Request.Form("email") +subject= "Domain Contact Form" +smessage = Request.Form("message") + +Dim ObjMail + Set ObjMail = Server.CreateObject("CDO.Message") + objMail.From = sname & " <" & email & ">" + objMail.To = " cdwise@wiserways.com" + objMail.Subject = "Contact from Foundations of Expression" + objMail.TextBody = smessage + objMail.Send +%> + + + + + + +Thank You + + + + + +Foundation of Microsoft Expression Webr +
+

Expression Web
+ The basics and beyond

+
+ +
+
+

 

+

 

+
+

Thank You <%=sname %>

+

If your message:

+
+

"<%=smessage %>"

+
+

Requires a  response will be sent to <%=email%>

+
+ + + + + diff --git a/fewd/chapter10/sendmail.php b/fewd/chapter10/sendmail.php new file mode 100644 index 0000000..adad02c --- /dev/null +++ b/fewd/chapter10/sendmail.php @@ -0,0 +1,32 @@ + + + + +Thank You + + + +

+ "); + +?>

+
+

Thank you ,

+

If your message:

+
+

""

+
+

Requires a response it will be sent to : +

+

+
+ + + + diff --git a/fewd/chapter11.txt b/fewd/chapter11.txt new file mode 100644 index 0000000..2ae7752 --- /dev/null +++ b/fewd/chapter11.txt @@ -0,0 +1,3 @@ +Chapter 11 + +There are no exercise files for this chapter. Visit http://foundationsofexpressionweb.com/exercises/chapter11 for additional resources on accessibility, usability and legal issues. diff --git a/fewd/chapter12/chapter12.txt b/fewd/chapter12/chapter12.txt new file mode 100644 index 0000000..316e84b --- /dev/null +++ b/fewd/chapter12/chapter12.txt @@ -0,0 +1,63 @@ + + + + + +Chapter 12 + + + + +
+ Expression Web Book +
+

Expression Web
+ The Basics and Beyond

+
+ +
+

left side column

+

Branding

+
+
+

main content area

+

You don't need to go as high contrast as this to get your branding across.

+

Overview

+

In this exercise we will be creating our website look and feel. Since + there is no content to be placed here yet placeholder, or what is called + designer text, will be used after this paragraph.

+

Created by the Press Release Generator

+

Thanks to the recent reorganization, the key players are not going to + step up to the challenge of competitive killer apps. Having first verified + that the drop dead dates give a clear channel towards quality control, a + careful examination of the writeoffs reveals that the scenarios provide + an indication of the established standard application framework.

+

Task-oriented disclosures make it happen.

+

As always, the workgroups empower compliant turnkey systems? Having first + verified that the goals enable kick-ass graphics, a careful examination + of the best systems in the world reveals that revolutionary RISC technology + is not the object-oriented headcount readjustments.

+

More Generated Content

+

Now that the merger is complete, content sweetening eventually closes + the loop on the issue of the team players. This is why Tom Jermoluk recently + announced that missions will succeed. The multimedia next generation system + gets your input on price-performance technologies. We're going forward on + a binary-compatible next generation system.

+
+
+ + + diff --git a/fewd/chapter12/chapter8.html b/fewd/chapter12/chapter8.html new file mode 100644 index 0000000..5f60b13 --- /dev/null +++ b/fewd/chapter12/chapter8.html @@ -0,0 +1,63 @@ + + + + + +Chapter 8 + + + + +
+ Expression Web Book +
+

Expression Web
+ The Basics and Beyond

+
+
+

left side column

+

Branding

+
+
+

main content area

+

You don't need to go as high contrast as this to get your branding across.

+

Overview

+

In this exercise we will be creating our website look and feel. Since + there is no content to be placed here yet placeholder, or what is called + designer text, will be used after this paragraph.

+

Created by the Press Release Generator

+

Thanks to the recent reorganization, the key players are not going to + step up to the challenge of competitive killer apps. Having first verified + that the drop dead dates give a clear channel towards quality control, a + careful examination of the writeoffs reveals that the scenarios provide + an indication of the established standard application framework.

+

Task-oriented disclosures make it happen.

+

As always, the workgroups empower compliant turnkey systems? Having first + verified that the goals enable kick-ass graphics, a careful examination + of the best systems in the world reveals that revolutionary RISC technology + is not the object-oriented headcount readjustments.

+

More Generated Content

+

Now that the merger is complete, content sweetening eventually closes + the loop on the issue of the team players. This is why Tom Jermoluk recently + announced that missions will succeed. The multimedia next generation system + gets your input on price-performance technologies. We're going forward on + a binary-compatible next generation system.

+
+
+ + + diff --git a/fewd/chapter12/chapter8.txt b/fewd/chapter12/chapter8.txt new file mode 100644 index 0000000..4f3be57 --- /dev/null +++ b/fewd/chapter12/chapter8.txt @@ -0,0 +1,63 @@ + + + + + +Chapter 8 + + + + +
+ Expression Web Book +
+

Expression Web
+ The Basics and Beyond

+
+
+

left side column

+

Branding

+
+
+

main content area

+

You don't need to go as high contrast as this to get your branding across.

+

Overview

+

In this exercise we will be creating our website look and feel. Since + there is no content to be placed here yet placeholder, or what is called + designer text, will be used after this paragraph.

+

Created by the Press Release Generator

+

Thanks to the recent reorganization, the key players are not going to + step up to the challenge of competitive killer apps. Having first verified + that the drop dead dates give a clear channel towards quality control, a + careful examination of the writeoffs reveals that the scenarios provide + an indication of the established standard application framework.

+

Task-oriented disclosures make it happen.

+

As always, the workgroups empower compliant turnkey systems? Having first + verified that the goals enable kick-ass graphics, a careful examination + of the best systems in the world reveals that revolutionary RISC technology + is not the object-oriented headcount readjustments.

+

More Generated Content

+

Now that the merger is complete, content sweetening eventually closes + the loop on the issue of the team players. This is why Tom Jermoluk recently + announced that missions will succeed. The multimedia next generation system + gets your input on price-performance technologies. We're going forward on + a binary-compatible next generation system.

+
+
+ + + diff --git a/fewd/chapter12/exercise-master.txt b/fewd/chapter12/exercise-master.txt new file mode 100644 index 0000000..030c272 --- /dev/null +++ b/fewd/chapter12/exercise-master.txt @@ -0,0 +1,51 @@ +<%@ master masterpagefile="fewd.master" language="C#" %> + + +

Exercise Code

+

The code used in this book is available for the following chapters:

+
  • Chapter 3
  • +
  • Chapter 4
  • +
  • Chapter 5
  • +
  • Chapter 6
  • +
  • Chapter 7
  • +
  • Chapter 8
  • +
  • Chapter 9
  • +
  • Chapter 10
  • +
  • Chapter 12
  • +
  • Chapter 13
  • +
  • Appendix
  • +
+ +

 

+ +
+ +
+ +

main content area

+

You don't need to go as high contrast as this to get your branding across.

+

Overview

+

In this exercise we will be creating our website look and feel. Since + there is no content to be placed here yet placeholder, or what is called + designer text, will be used after this paragraph.

+

Created by the Press Release Generator

+

Thanks to the recent reorganization, the key players are not going to + step up to the challenge of competitive killer apps. Having first verified + that the drop dead dates give a clear channel towards quality control, a + careful examination of the writeoffs reveals that the scenarios provide + an indication of the established standard application framework.

+

Task-oriented disclosures make it happen.

+

As always, the workgroups empower compliant turnkey systems? Having first + verified that the goals enable kick-ass graphics, a careful examination + of the best systems in the world reveals that revolutionary RISC technology + is not the object-oriented headcount readjustments.

+

More Generated Content

+

Now that the merger is complete, content sweetening eventually closes + the loop on the issue of the team players. This is why Tom Jermoluk recently + announced that missions will succeed. The multimedia next generation system + gets your input on price-performance technologies. We're going forward on + a binary-compatible next generation system.

+ + +
+ diff --git a/fewd/chapter12/exercise.master b/fewd/chapter12/exercise.master new file mode 100644 index 0000000..030c272 --- /dev/null +++ b/fewd/chapter12/exercise.master @@ -0,0 +1,51 @@ +<%@ master masterpagefile="fewd.master" language="C#" %> + + +

Exercise Code

+

The code used in this book is available for the following chapters:

+
  • Chapter 3
  • +
  • Chapter 4
  • +
  • Chapter 5
  • +
  • Chapter 6
  • +
  • Chapter 7
  • +
  • Chapter 8
  • +
  • Chapter 9
  • +
  • Chapter 10
  • +
  • Chapter 12
  • +
  • Chapter 13
  • +
  • Appendix
  • +
+ +

 

+ +
+ +
+ +

main content area

+

You don't need to go as high contrast as this to get your branding across.

+

Overview

+

In this exercise we will be creating our website look and feel. Since + there is no content to be placed here yet placeholder, or what is called + designer text, will be used after this paragraph.

+

Created by the Press Release Generator

+

Thanks to the recent reorganization, the key players are not going to + step up to the challenge of competitive killer apps. Having first verified + that the drop dead dates give a clear channel towards quality control, a + careful examination of the writeoffs reveals that the scenarios provide + an indication of the established standard application framework.

+

Task-oriented disclosures make it happen.

+

As always, the workgroups empower compliant turnkey systems? Having first + verified that the goals enable kick-ass graphics, a careful examination + of the best systems in the world reveals that revolutionary RISC technology + is not the object-oriented headcount readjustments.

+

More Generated Content

+

Now that the merger is complete, content sweetening eventually closes + the loop on the issue of the team players. This is why Tom Jermoluk recently + announced that missions will succeed. The multimedia next generation system + gets your input on price-performance technologies. We're going forward on + a binary-compatible next generation system.

+ + +
+ diff --git a/fewd/chapter12/few-site.css b/fewd/chapter12/few-site.css new file mode 100644 index 0000000..ccb199a --- /dev/null +++ b/fewd/chapter12/few-site.css @@ -0,0 +1,88 @@ +body { + font-family: Tahoma, Helvetica, Arial, sans-serif; + color: #000000; + background-color: #FFFFFF; + padding: 0px; + margin: 0px; +} +.floatleft { + float: left; +} +.floatright { + float: right; +} +#masthead { + background-color: #000000; + padding: 0; + margin: 0 124px 0 0; + color: #FDB928; + height: 119px; + text-align: right; +} +#masthead h1 { + padding: .5em 1em; + margin: 0; + font-size: 1.5em; +} +.tagline { + font-size: .75em; +} +#menu { + background: url('../chapter08/images/menu-bg.gif') repeat-x bottom #FDB928; + height: 45px; +} +#menu ul { + margin: 0; + padding: 0 1em 0 0; + text-align: right; +} +#menu li { + display: inline; + border-left: 1px solid #000000; +} +#menu a { + line-height: 40px; + padding: 0 .3em; + text-decoration: none; + color: #333333; +} +#menu a:hover { + text-decoration: underline; + color: #000000; +} +#container { + border-right: solid 6px #000000; + border-left: solid 6px #000000; + padding: .1px 0; + margin: 0; + background-color: #000000; + color: #CEDBAE;} +#leftcol { + background: #000000 url('../chapter08/images/book-corner.jpg') no-repeat; + float: left; + width: 150px; + padding: 100px 4px 10px 10px; + font-size: .88em; +} +#main_content { + padding: .1em 1em; + margin: 0 0 0 165px; + background-color: #F4F5EF; + color: #000000; +} +#footer { + margin: 0px; + padding: .1em 1em; + font-size: .8em; + border-top: solid 1px #666666; + border-right: solid 6px #000000; + border-bottom: solid 6px #000000; + border-left: solid 6px #000000; + background-color: #000000; + color: #CEDBAE;} +#footer p { + margin: 0; + padding: 0; + line-height: 1.7em; +} + diff --git a/fewd/chapter12/fewd-chapter12.txt b/fewd/chapter12/fewd-chapter12.txt new file mode 100644 index 0000000..3a94945 --- /dev/null +++ b/fewd/chapter12/fewd-chapter12.txt @@ -0,0 +1,24 @@ +Chapter 12 + +Images + + +Text Files + +chapter8.html +chapter12.html +exercise.master.txt +fewd.master.txt + +Master Page + +fewd.master +exercise.master + + +Image files + +book-corner.jpg +book.png +menu-bg.gif +menu-lft.gif \ No newline at end of file diff --git a/fewd/chapter12/fewd-master.txt b/fewd/chapter12/fewd-master.txt new file mode 100644 index 0000000..63dbc6b --- /dev/null +++ b/fewd/chapter12/fewd-master.txt @@ -0,0 +1,77 @@ + +<%@ Master language="C#" %> + + + + + +Chapter 12 + + + + + + + + +
+
+ Expression Web Book +
+

Expression Web
+ The Basics and Beyond

+
+ +
+ +

left side column

+

Branding

+
+
+
+ +

main content area

+

You don't need to go as high contrast as this to get your branding across.

+

Overview

+

In this exercise we will be creating our website look and feel. Since + there is no content to be placed here yet placeholder, or what is called + designer text, will be used after this paragraph.

+

Created by the Press Release Generator

+

Thanks to the recent reorganization, the key players are not going to + step up to the challenge of competitive killer apps. Having first verified + that the drop dead dates give a clear channel towards quality control, a + careful examination of the writeoffs reveals that the scenarios provide + an indication of the established standard application framework.

+

Task-oriented disclosures make it happen.

+

As always, the workgroups empower compliant turnkey systems? Having first + verified that the goals enable kick-ass graphics, a careful examination + of the best systems in the world reveals that revolutionary RISC technology + is not the object-oriented headcount readjustments.

+

More Generated Content

+

Now that the merger is complete, content sweetening eventually closes + the loop on the issue of the team players. This is why Tom Jermoluk recently + announced that missions will succeed. The multimedia next generation system + gets your input on price-performance technologies. We're going forward on + a binary-compatible next generation system.

+
+
+
+ +
+ + + + diff --git a/fewd/chapter12/fewd.master b/fewd/chapter12/fewd.master new file mode 100644 index 0000000..63dbc6b --- /dev/null +++ b/fewd/chapter12/fewd.master @@ -0,0 +1,77 @@ + +<%@ Master language="C#" %> + + + + + +Chapter 12 + + + + + + + + +
+
+ Expression Web Book +
+

Expression Web
+ The Basics and Beyond

+
+ +
+ +

left side column

+

Branding

+
+
+
+ +

main content area

+

You don't need to go as high contrast as this to get your branding across.

+

Overview

+

In this exercise we will be creating our website look and feel. Since + there is no content to be placed here yet placeholder, or what is called + designer text, will be used after this paragraph.

+

Created by the Press Release Generator

+

Thanks to the recent reorganization, the key players are not going to + step up to the challenge of competitive killer apps. Having first verified + that the drop dead dates give a clear channel towards quality control, a + careful examination of the writeoffs reveals that the scenarios provide + an indication of the established standard application framework.

+

Task-oriented disclosures make it happen.

+

As always, the workgroups empower compliant turnkey systems? Having first + verified that the goals enable kick-ass graphics, a careful examination + of the best systems in the world reveals that revolutionary RISC technology + is not the object-oriented headcount readjustments.

+

More Generated Content

+

Now that the merger is complete, content sweetening eventually closes + the loop on the issue of the team players. This is why Tom Jermoluk recently + announced that missions will succeed. The multimedia next generation system + gets your input on price-performance technologies. We're going forward on + a binary-compatible next generation system.

+
+
+
+ +
+ + + + diff --git a/fewd/chapter12/images/book-corner.jpg b/fewd/chapter12/images/book-corner.jpg new file mode 100644 index 0000000..3110223 Binary files /dev/null and b/fewd/chapter12/images/book-corner.jpg differ diff --git a/fewd/chapter12/images/book.png b/fewd/chapter12/images/book.png new file mode 100644 index 0000000..875413a Binary files /dev/null and b/fewd/chapter12/images/book.png differ diff --git a/fewd/chapter12/images/menu-bg.gif b/fewd/chapter12/images/menu-bg.gif new file mode 100644 index 0000000..3ec695b Binary files /dev/null and b/fewd/chapter12/images/menu-bg.gif differ diff --git a/fewd/chapter12/images/menu-lft.gif b/fewd/chapter12/images/menu-lft.gif new file mode 100644 index 0000000..f9b4e22 Binary files /dev/null and b/fewd/chapter12/images/menu-lft.gif differ diff --git a/fewd/chapter13/chapter10-form.txt b/fewd/chapter13/chapter10-form.txt new file mode 100644 index 0000000..039f452 --- /dev/null +++ b/fewd/chapter13/chapter10-form.txt @@ -0,0 +1,59 @@ +<%@ Page Language="VB" %> +<%@ Import Namespace="System.Web.Mail" %> + + + + + + +ASP.NET form + + + + +

Contact Us

+
+

Please provide the following information:

+ + + +
+ + +
+ + +
+ + + + \ No newline at end of file diff --git a/fewd/chapter13/chapter13-aspx.txt b/fewd/chapter13/chapter13-aspx.txt new file mode 100644 index 0000000..fbb4dfd --- /dev/null +++ b/fewd/chapter13/chapter13-aspx.txt @@ -0,0 +1,50 @@ + +<%@ Page Language="VB" %> + + + + +Chapter 13 + + + + + +
+ + + + + + +
+ + + + + + + * + +
+ + + + + + + * + +
+ + + + +

+

+ + + + + diff --git a/fewd/chapter13/chapter13.aspx b/fewd/chapter13/chapter13.aspx new file mode 100644 index 0000000..fbb4dfd --- /dev/null +++ b/fewd/chapter13/chapter13.aspx @@ -0,0 +1,50 @@ + +<%@ Page Language="VB" %> + + + + +Chapter 13 + + + + + +
+ + + + + + +
+ + + + + + + * + +
+ + + + + + + * + +
+ + + + +

+

+ + + + + diff --git a/fewd/chapter13/fewd-chapter13.txt b/fewd/chapter13/fewd-chapter13.txt new file mode 100644 index 0000000..d3464b7 --- /dev/null +++ b/fewd/chapter13/fewd-chapter13.txt @@ -0,0 +1,23 @@ +Chapter 13 + +Image files + +book-corner.jpg +book.png +menu-bg.gif +menu-lft.gif + +Text Files + +print.css +screen.css +chapter10-form.txt +chapter12-aspx.txt + +Completed Exercises + +chapter13.aspx +form.html +print.html + + diff --git a/fewd/chapter13/form.html b/fewd/chapter13/form.html new file mode 100644 index 0000000..2dfff41 --- /dev/null +++ b/fewd/chapter13/form.html @@ -0,0 +1,41 @@ + + + + + + +Contact Us + + + + + + +

Contact Us

+
+ +


+
+

+

+

+
+ + + + diff --git a/fewd/chapter13/form.txt b/fewd/chapter13/form.txt new file mode 100644 index 0000000..95246e3 --- /dev/null +++ b/fewd/chapter13/form.txt @@ -0,0 +1,59 @@ + + + + + + +Contact Us + + + + + + + + + +
+

Expression Web
+ The basics and beyond

+
+ +
+
+

Branding

+

You don't need to go as high contrast as this to get your branding across.

+
+
+ +

Contact Us

+
+ +

+
+
+

+

+

+
+ +
+
+ + + + + diff --git a/fewd/chapter13/images/bcm3.png b/fewd/chapter13/images/bcm3.png new file mode 100644 index 0000000..875413a Binary files /dev/null and b/fewd/chapter13/images/bcm3.png differ diff --git a/fewd/chapter13/images/book-corner.jpg b/fewd/chapter13/images/book-corner.jpg new file mode 100644 index 0000000..3110223 Binary files /dev/null and b/fewd/chapter13/images/book-corner.jpg differ diff --git a/fewd/chapter13/images/menu-lft.gif b/fewd/chapter13/images/menu-lft.gif new file mode 100644 index 0000000..f9b4e22 Binary files /dev/null and b/fewd/chapter13/images/menu-lft.gif differ diff --git a/fewd/chapter13/menu-bg.gif b/fewd/chapter13/menu-bg.gif new file mode 100644 index 0000000..3ec695b Binary files /dev/null and b/fewd/chapter13/menu-bg.gif differ diff --git a/fewd/chapter13/print.css b/fewd/chapter13/print.css new file mode 100644 index 0000000..27b1a68 --- /dev/null +++ b/fewd/chapter13/print.css @@ -0,0 +1,28 @@ +#masthead h1 { + font-size: 20pt; +} +.tagline { + font-size: 14pt; +} +#menu { + width: 0; + height: 0; + overflow: hidden; +} +#container { + border: none; +} +#leftcol { + width: 100%; + padding: 0; +} +#main_content { + padding: 0; + margin: 0; +} +#footer { + margin: 0px; + padding: .1em 1em; + font-size: 9pt; + border: none; +} diff --git a/fewd/chapter13/print.html b/fewd/chapter13/print.html new file mode 100644 index 0000000..2f55e42 --- /dev/null +++ b/fewd/chapter13/print.html @@ -0,0 +1,62 @@ + + + + + +Chapter 8 + + + + +
+ Expression Web Book +
+

Expression Web
+ The Basics and Beyond

+
+
+

left side column

+

Branding

+
+
+

main content area

+

You don't need to go as high contrast as this to get your branding across.

+

Overview

+

In this exercise we will be creating our website look and feel. Since + there is no content to be placed here yet placeholder, or what is called + designer text, will be used after this paragraph.

+

Created by the Press Release Generator

+

Thanks to the recent reorganization, the key players are not going to + step up to the challenge of competitive killer apps. Having first verified + that the drop dead dates give a clear channel towards quality control, a + careful examination of the writeoffs reveals that the scenarios provide + an indication of the established standard application framework.

+

Task-oriented disclosures make it happen.

+

As always, the workgroups empower compliant turnkey systems? Having first + verified that the goals enable kick-ass graphics, a careful examination + of the best systems in the world reveals that revolutionary RISC technology + is not the object-oriented headcount readjustments.

+

More Generated Content

+

Now that the merger is complete, content sweetening eventually closes + the loop on the issue of the team players. This is why Tom Jermoluk recently + announced that missions will succeed. The multimedia next generation system + gets your input on price-performance technologies. We're going forward on + a binary-compatible next generation system.

+
+
+ + + diff --git a/fewd/chapter13/screen.css b/fewd/chapter13/screen.css new file mode 100644 index 0000000..cb29bcb --- /dev/null +++ b/fewd/chapter13/screen.css @@ -0,0 +1,59 @@ +body { + border-left: medium solid #C0C1BD; + border-right: medium solid #C0C1BD; + background: #C6C7C3 url('../../images/crystal-bg.jpg') no-repeat fixed center; + margin: auto; + font-family: Tahoma, Helvetica, Arial, sans-serif; + color: #000000; + width: 740px; +}h1 { + border-left: thick outset #22292D; + border-right: thick inset #999999; + border-top: thick outset #22292D; + border-bottom: thick inset #999999; + padding: .5em; + font-size: 1.8em; + color: #333333; + background-image: url('../../images/h1-bg.png'); + text-align: center; +} +.menu { + width: 150px; + float: left; +} +#maincontent { + margin-left: 165px; + padding-right: .5em; +} +#footer { + clear: both; + padding-top: .25em; + border-top-style: ridge; + border-top-width: medium; + border-top-color: #E7E3DE; + font-size: .8em; + padding-left: .5em; + padding-right: .5em; +} + +.menu ul { + list-style-type: none; + padding: 0px; + margin: 0px; +} +.menu ul li { + border: thin solid #999999; + background-image: url('../../images/h1-bg.png'); +} +.menu ul a { + color: #666666; + text-decoration: none; + padding: .2em .5em .2em .5em; + display: block; +} +.menu a:hover { + color: #DFE0D5; + background-color: #999999; +} +table { +} diff --git a/fewd/extras.zip b/fewd/extras.zip new file mode 100644 index 0000000..e5a5c7a Binary files /dev/null and b/fewd/extras.zip differ diff --git a/fewd/readme.txt b/fewd/readme.txt new file mode 100644 index 0000000..5e80832 --- /dev/null +++ b/fewd/readme.txt @@ -0,0 +1,9 @@ +For each chapter where there are no exercise files there is a text file with the chapter name in this folder. These chapters are: + +Chapter 1 - chapter01.txt +Chapter 2 - chapter02.txt +Chapter 11 - chapter03.txt + +Additional information or urls for more information on the chapter topic will be included in those text files. + +For each of the chapters with exercise files you will find the text of the exercises and a completed example of each exercise in the folder of the same name. \ No newline at end of file