Index
Symbols
:active pseudoclass, 173
:focus pseudoclass, 174
:hover pseudoclass, 174
:link pseudoclass, 174
.psd files, importing images, 219–220
:visited pseudoclass, 174
A
absolute hyperlinks, 73
absolute option (position attribute), 230
Accessibility Properties dialog, 87
accessing toolbars, 9
actions, 268
adding
columns to tables, 130
Common Toolbar items, 9–10
Insert File command to Common Toolbar, 58
rows to tables, 130
adjusting vertical alignment in tables, 129
Adobe Photoshop files, importing, 216–220
advanced box button, creating, 259–261
Advanced Button form control, 359
advanced publishing settings, Remote Web Site Properties dialog
Optimize HTML tab, 448–449
Publishing tab, 449–451
animation, Silverlight, 382
appearance
of cells, changing, 135–136
of tables, changing with Autoformat option, 137
Appearance tab (Picture Properties dialog), 90–93
Apple Safari, 48
Apply Style task pane, 13–14, 155
color coding, 156
styles, creating, 144–146
applying
background images to styles, 209–211
classes to tags, 189–190
CSS classes to content, 164–165
CSS resets, 226
external style sheets to web pages, 198–200
font family to whole documents, 149–152
framework to web pages, 233–239
images as background, 206–207
styles
to links, 174–176
to small selections, 148
to website, 29
with box model, 177–179
with CSS tools, 157–158
applications, 416
content pages, 423–426
content regions, 420–423
master page, 418–419
displaying in Code view, 421
modifying, 430–431
Portfolio Starter Kit, configuring contact page, 432–433
attaching DWTs to existing web pages, 348–349
attributes of Background category (body style), 207–208
Auto Thumbnail button (Pictures toolbar), 98, 104–105
Autoformat option, changing appearance of tables, 137
B
Background category (body style), attributes, 207–208
background images, 206–207
and Box model, 212
applying to styles, 209–211
sliding doors, creating text-free buttons, 262–264
stacking, 212–213
basic box button, creating, 256, 259
behaviors, 267
adding to website, 30–31
Call Script, 272
Change Property, 273–275
Change Property Restore, 276
Check Browser, 276–278
Check Plug-In, 278–279
comparing with CSS, 275–276
drop-down menus, creating, 323–324
events, onmouseover, 271–272
Go to URL, 279
Jump Menu, 280–281
Jump Menu Go, 281–282
modifying, 270
Open Browser Window, 282–284
Play Sound, 284
Popup Message, 285
Set Text, 286
Set Text of Frame, 301–303
Set Text of Layer, 310
Swap Image behavior, creating, 268, 270
variables, modifying, 270
Block Selection visual aid, 45–47
blogs, WordPress, 339
body style, Background category attributes, 207–208
bookmarks
creating, 76–78
temporary, 120
box model, 176
and background images, 212
content, styling, 177–179
dimensions, calculating, 177
Box tab (CSS Sculptor), 242
Bring Forward/Backward button (Pictures toolbar), 98
broken hyperlinks, fixing, 36
Browsed Pages option (Insert Hyperlink dialog), 75
browsers
cross-browser compatibility, enabling with embed, 381–382
CSS drop-down menu support, 333
web pages, testing, 47–48
building framework with CSS Sculptor, 240–241
Box tab, 242
Design tab, 244
Layout tab, 241
Output tab, 246
Print tab, 245
Type tab, 243
bulleted lists, 115
converting to number lists, 116
creating, 47
bullets, images as, 214–216
buttons, 252
advanced box button, creating, 259–261
creating with CSS, 256–259
Interactive Buttons
editing, 255–256
saving, 255–256
text-free, creating with sliding doors, 262–264
C
calculating dimensions for box model, 177
Call Script behavior, 272
cascade, 136
cell padding, 134
Cell Properties dialog, changing appearance of cells, 135–136
cells
appearance of, changing, 135–136
deleting, 131
merging/splitting, 131
centering
images with CSS classes, 165–166
pages with ID, 170–172
Change Property behavior, 273–275
Change Property Restore behavior, 276
changing content outside editable regions, 353
Check Browser behavior, 276–278
Check Plug-In behavior, 278–279
circular hotspots, creating, 106
classes, 173
applying
to content, 164–165
to tags, 189–190
embedding within classes, 172
images, centering, 165–166
styles, customizing, 168
CMSs (Content Management Systems), 338–339
code comment, 120
ASP.NET master page, displaying, 421
classes, applying to tags, 189–190
code errors, 56
content pages, displaying, 424–426
CSS code, displaying, 185
embed, 382
files, editing, 53–57
forms, 371–373
hyperlinks, 112–114
images, 114–115
imported text, cleaning up, 60–62
IntelliSense, 116–118
styles, creating with IntelliSense, 188–189
toolbar
Find Matching Tag button, 120
Follow Hyperlink button, 119
Insert Comment button, 120
Insert Tag button, 120
List Members button, 118
Next/Previous Bookmark button, 119
Next/Previous Code Hyperlink button, 119
Select Block button, 120
Toggle Bookmark button, 119
collapsing menus, 7
Color button (Pictures toolbar), 99
color coding in Apply and Manage Styles task panes, 156
columns
adding to tables, 130
deleting, 131
resizing, 132
Common toolbar, 8
Insert File command, adding, 58
items, removing/adding, 9–10
New icon, 42
comparing CSS and behaviors, 275–276
contact form (Portfolio Starter Kit), configuring, 432–433
contact pages, creating with PHP, 400
content versus styles, 186
content pages, 423–426
content regions, 419–423
converting unordered lists to ordered lists, 116
creating
buttons
advanced box button, 259–261
using CSS, 256–259
contact pages with PHP, 400
drop-down menus using CSS, 324–333
DWTs, 341–343
editable keywords with DWTs, 350–352
email forms with PHP, 403–408
external style sheets, 193–194
folders, 86
framework from boxed parts, 227–230
Home links, 72–73
hotspots, 106–107
HTML forms, 358–364
hyperlinks
bookmarks, 76–78
E-mail Address links, 78–79
external links, 73–75
internal links, 69–71
inline frames, 298–301
Interactive Buttons, 252, 255, 267
layers, 304–307
layers with inline frame, 307–309
layers-based drop down menu
main menu, 316
submain menu, 317–321
nonstandard tables with Table Layout tool, 138–139
styles with Apply Styles task pane, 144–146
styles with IntelliSense, 188–189
Swap Image behavior, 268–270
tables, 127–129
headings, 129
thumbnails, 104–105
web pages with DWTs, 343–345
websites, 42–44
Block Selection visual aid, 46–47
bulleted lists, 47
from One-Page Website template, 43
Crop button (Pictures toolbar), 99, 102–103
cropping images, 102–103
cross-browser compatibility, enabling with embed, 382. See also CSS tools
CSS (Cascading Style Sheets), 126, 150
advanced box button, creating, 259–261
Background category (body style), attributes, 207–208
background images
applying to styles, 209–211
stacking, 212–213
boxes, building, 30
buttons, creating, 256–259
classes
applying, 164–165
embedding within classes, 172
images, centering, 165–166
styles, customizing, 168
code, viewing, 184–185
comparing with behaviors, 275–276
drop-down menus, creating, 324–333
external style sheets
applying to web pages, 198–200
creating, 193–194
moving styles to/from, 195–198
files, storing, 37
IDs, 169–172
images, applying as background, 206–207
layouts, creating, 30
position attribute
absolute option, 230
fixed option, 231
inherit option, 233
relative option, 232
static option, 233
prepackaged layouts, 226
Quick Tag Tools, 153–154
resets, applying, 226
style sheets, 37
styles
applying to fonts, 146
overriding, 151–153
CSS Properties task pane, 12, 154–155
CSS Sculptor, framework, building, 240
Box tab, 242
Design tab, 244
Layout tab, 241
Output tab, 246
Print tab, 245
Type tab, 243
Apply Styles task pane, 155
Manage Styles task pane, 155
styles, applying, 157–158
customizing
styles within classes, 168
workspace, 15–17
D
Default.aspx page, 423
displaying in Code view, 424–426
default.html, 44
deleting
cells from tables, 131
columns from tables, 131
rows from tables, 131
Design Portfolio Starter Kit, installing, 416–418
Design tab (CSS Sculptor), 244
Code view changes, displaying, 55
images, importing, 87–89
imported text, cleaning up, 61–62
tables, creating, 127–129
designing web pages, 223–225
destructive image editing tools, 100
dialog boxes
Accessability Properties, 87
Cell Properties, changing appearance of cells, 135–136
Insert Hyperlink, 70
Browsed Pages option, 75
Interactive Buttons, 253
Open Sites, 53
Picture Properties, 89
Appearance tab, 90–93
General tab, 89–90
Table Properties, changing appearance of tables, 133–135
dimensions, calculating for box model, 177
displaying ASP.NET master page in Code view, 421
divs, 168
domain name, obtaining, 438
downloading Design Portfolio Starter Kit, 418
Drop-Down Box form control, 359
drop-down menus, 32
basing on layers and behaviors, 323–324
managing, 322–323
DWTs, 338–339
attaching to existing web pages, 348–349
changing content outside editable regions, 353
creating, 341–343
editable keywords, creating, 350–352
editing, 346–347
web pages, creating, 343–345
dynamic web pages, 395–396
dynamic websites, 424
E
E-mail Address links, creating, 78–79
editable keywords, creating with DWTs, 350–352
editing
content outside editable regions, 353
DWTs, 346–347
files in Code view, 53–57
frames, 293–296
Interactive Buttons, 255–256
email forms, 32–33
creating with PHP, 403–404
empty messages, filtering with PHP, 410–411
functionality, adding with PHP, 405–408
landing pages, creating with PHP, 409–410
embedding classes within classes, 172
Empty Web Site template, 42
enabling cross-browser compatibility using embed, 382
errors, viewing in Code view, 56
events, 267
modifying, 270
onmouseover, 271–272
Expression Blend 2, 383
Expression Development Server, 386
PHP scripts, testing, 397–400
Expression web site, installing Design Portfolio Starter Kit, 416–418
external links, 68
creating, 73–75
linked pages, opening in new window, 75–76
external sources, modifying in Portfolio Starter Kit, 428–429
external style sheets
applying to web pages, 198-200
moving styles to/from, 195–198
external style sheets, creating, 193–194
F
files, CSS, storing, 37
filtering empty email messages with PHP, 410–411
Find and Replace tool, 62
Find Matching Tag button (Code view toolbar), 120
Firefox, 48
fixed option (position attribute), 251
fixing broken hyperlinks, 36
embed, 381–382
photo galleries
customizing, 390–391
publishing, 377–379
Flash SWF Properties dialog, 380
folders, creating, 86
Follow Hyperlink button (Code view toolbar), 119
font family, applying to documents, 149–152
font sizes, 146
form controls, 358
forms
adding functionality with PHP, 405–408
creating with PHP, 403–404
filtering with PHP, 410–411
landing pages, creating with PHP, 409–410
FPSE, 32–33
HTML, 357
creating, 358–364
in Code view, 371–373
sending results to email, 366–370
server-side scripts, 365
PHP, 32–33
results, uses, 370
FPSE (FrontPage Server Extensions) forms, 32–33
framed navigation, 297–298
editing, 293–296
inline, 31
creating, 298–301
Silverlight applications, inserting, 388–389
Set Text of Frame behavior, 301–303
web pages, creating, 291–293
framework
applying to website, 233–239
building with CSS Sculptor, 240–241
Box tab, 242
Design tab, 244
Layout tab, 241
Output tab, 246
Print tab, 245
Type tab, 243
creating from boxed parts, 227–230
FrontPage Server Extensions, 441–442
FTP, publishing your website, 443–447
G
General tab (Picture Properties dialog), 89–90
GIF (Graphics Interchange Format) image format, 84
globally renaming styles, 191–192
Go to URL behavior, 279
Group Box form control, 359
H
headings, adding to tables, 129
Home links, creating, 72–73
home page, 44
hotspot buttons (Pictures toolbar), 99, 106–107
hotspots, creating, 106–107
HTML
and PHP, 396
contact pages, creating, 400
default.html, 44
forms, 357
creating, 358–364
results, sending to email, 366–370
server-side scripts, 365
tags, 55–57
absolute, 73
bookmarks
creating, 76–78
temporary, 120
E-mail Address links, creating, 78–79
external links, creating, 73–75
fixing, 36
home links, creating, 72
in Code view, 112–114
inline links, 69
internal links, creating, 69–73
linked pages, opening in new window, 75–76
previewing, 28
relative, 73
root-relative, 73
ScreenTips, adding, 71
styles, applying, 174–176
Hyperlinks report, 34
I
IDs, 169–172
IE Hacks, 49
image formats, 84–85
images
adding to photo gallery, 391
applying as background, 206–207
as list bullets, 214–216
backgrounds
sliding doors, 262
stacking, 212–213
centering with CSS classes, 165–166
cropping, 102–103
editing, destructive image editing tools, 100
hotspots, creating, 106–107
importing, 86–89
from Photoshop files, 216–220
in Code view, 114–115
inserting into web page, 85
previewing, 29
replaced elements, 115
resampling, 103
resizing, 101
separating from text, 93
thumbnails, creating, 104–105
Import Site Wizard, 24–26
Import Web Site template, 42
imported text, cleaning up
in Code view, 60–62
in Design view, 61–62
Adobe Photoshop files, 216–220
images, 86–89
new web page, 68
style sheets in HTML files, 195
styled text, 57–58
websites, 24–26
inherit option (position attribute), 233
inline frames, 31
creating, 298–301
Silverlight applications, inserting, 388–389
inline links, 69
Input (Button) form control, 359
Input (Check Box) form control, 359
Input (File) form control, 359
Input (Hidden) form control, 359
Input (Image) form control, 359
Input (Password) form control, 359
Input (Radio) form control, 359
Input (Reset) form control, 360
Input (Submit) form control, 360
Input (Text) form control, 360
Insert Comment button (Code view toolbar), 120
Insert File command, adding to Common Toolbar, 58
Insert Hyperlink dialog, 70
Browsed Pages option, 75
Insert Picture button (Picture toolbar), 100
Insert Picture from File button (Pictures toolbar), 98
Insert Tag button (Code view toolbar), 120
inserting
Flash movies, 378
images in web pages, 85
Silverlight applications in web page, 383–388
installing
Design Portfolio Starter Kit, 416, 418
Expression Web 2, 5
PHP, 397–400
IntelliSense, 116–118
styles, creating, 188–189
Interactive Buttons
editing, 255–256
saving, 255–256
Interactive Buttons dialog, 253
internal links, 68
creating, 69–73
ScreenTips, adding, 71
Internet Explorer, 48
J-K
JavaScript, 267
JPEG (Joint Photographic Experts Group) image format, 84
Jump Menu behavior, 280–281
Jump Menu Go behavior, 281–282
L
Label form control, 360
landing pages, adding to email forms with PHP, 409–410
layers, 31
creating, 304–307
drop-down menus, creating, 323–324
Set Text of Layer behavior, 310
with inline frame, creating, 307–309
layers-based drop down menus
main menu, creating, 316
submain menu, creating, 317–321
layout boxes, styling, 228–230
Layout section (Picture Properties dialog, Appearance tab), 91
Layout tab (CSS Sculptor), 241
layouts, creating with CSS, 30
Less Brightness button (Pictures toolbar), 99
linking style sheets to HTML files, 195
links, applying styles with pseudoclasses, 174–176
List Members button (Code view toolbar), 118
local computer, website publishing, 444
local websites, 26–27
M
Manage Styles task pane, 13–14, 155
color coding, 156
CSS code, viewing, 184–185
managing, drop-down menus, 322–323
markup languages, 44
master page (ASP.NET), modifying, 430–431
menu bar, 6
menus
collapsing, 7
drop-down, 32
basing on layers and behaviors, 323–324
creating with CSS, 324–333
managing, 322–323
layers-based drop down menu, creating
main menu, 316
submain menu, 317–321
merging cells, 131
modifying
ASP.NET master page, 430–431
behaviors, 270
More Brightness button (Pictures toolbar), 99
Mozilla Firefox, 48
MSDN Library page, 290
N
New icon (Common toolbar), 42
Next/Previous Bookmark button (Code view toolbar), 119
Next/Previous Code Hyperlink button (Code view toolbar), 119
numbered lists, 115
O
obtaining domain name, 438
One Page Web Site template, 42–43
onmouseover event, 271–272
Open Browser Window behavior, 282–284
Open Sites dialog, 53
Open Source software, 339
opening linked pages in new window, 75–76
Opera browser, 48
Optimize HTML tab (Remote Web Site Properties tab), 448–449
ordered lists, 115
orientation buttons (Pictures toolbar), 99
Output tab (CSS Sculptor), 246
overlapping background images, 212–213
overriding styles with CSS, 151–153
P
photo galleries
customizing, 390–391
publishing, 377–379
Photoshop files, importing, 216–220
PHP, 395
and HTML, 396
contact pages, creating, 400
email forms
creating, 403–404
empty messages, filtering, 410–411
functionality, adding, 405–408
landing pages, creating, 409–410
forms, 32–33
installing, 397–400
scripts, testing, 397–400
variables, 402
Picture Properties dialog, 89
Appearance tab, 90–93
General tab, 89–90
images, resizing, 101
Pictures toolbar
Auto Thumbnail button, 98, 104–105
Bring Forward/Backward button, 98
Color button, 99
Insert Picture button, 100
Insert Picture from File button, 98
Less Brightness buttons, 99
More Brightness buttons, 99
orientation buttons, 99
Resample Image button, 99
Restore button, 99
Set Transparent Color button, 99
pixels, 146
Play Sound behavior, 284
PNG (Portable Network Graphics) image format, 85
polygonal hotspots, creating, 106
Popup Message behavior, 285
Portfolio Starter Kit
contact form, configuring, 432–433
external sources, modifying, 428–429
position attribute
absolute option, 230
fixed option, 251
inherit option, 233
relative option, 232
static option, 233
positioning background on web page, 208
Preload Images behavior, 270, 285
prepackaged CSS layouts, 226
previewing
Silverlight applications, 386
websites, 27
hyperlinks, 28
images, 29
tables, 29
Previous Code Hyperlink button (Code view toolbar), 119
Print tab (CSS Sculptor), 245
Program bar, 6
pseudoclasses, 173
links, styling, 174–176
Publishing tab (Remote Web Site Properties tab), 449–451
publishing your website
FrontPage Server Extensions, 441–442
FTP, 443–444
on local computer, 444
WebDAV, 442
with FTP, example, 445–447
Q-R
Quick Tag Tools, 153–154
recursive acronyms, PHP, 397
refreshing Folder List task pane, 101
relative hyperlinks, 73
relative option (position attribute), 232
Remote Web Site Properties dialog, 439
Optimize HTML tab, 448–449
remote websites, 26–27
removing
Common Toolbar items, 9–10
task panes from view, 15–17
renaming styles globally, 191–192
repeating images as background, 207
replaced elements, 115
reports
Hyperlinks, 34
Slow Pages, 34
Resample Image button (Pictures toolbar), 99
resampling images, 103
resizing
images, 101
rows and columns, 132
Restore button (Pictures toolbar), 99
root-relative hyperlinks, 73
Rotate buttons (Picture toolbar), 99
rows
adding to tables, 130
deleting, 131
resizing, 132
S
Safari, 48
saving Interactive Buttons, 255–256
Select Block button (Code view toolbar), 120
selectors, pseudoclasses, 173–176
sending form results to email, 366–370
separating
images from text, 93
content with boxes, 167–168
server-side scripts, 365
Set Text behavior, 286
Set Text of Frame behavior, 301–303
Set Text of Layer behavior, 310
Set Transparent Color button (Pictures toolbar), 99
shortcuts, 9
applications, 33
inserting in web page, 383–388
inserting with inline frames, 388–389
previewing, 386
photo galleries, customizing, 390–391
Size section (Picture Properties dialog, Appearance tab), 92
sketching website layout, 224–225
SlideShowPro plugin, 377
sliding doors, creating text-free buttons, 262–264
Slow Pages report, 34
Split view, 12
splitting cells, 131
stacking background images, 212–213
standards-based sites, 4
static option (position attribute), 233
static pages, 395
static websites, 424
Status bar, 15
storing CSS files, 37
style IDs, 169–172
styled text, importing, 57–58
styles, 147
applying
to small selections, 148
to website, 29
with box model, 177–179
with CSS tools, 157–158
with IntelliSense, 188–189
customizing within classes, 168
font sizes, 146
inline styles, 186–187
moving to/from external style sheets, 195–198
overriding with CSS, 151–153
renaming globally, 191–192
versus content, 186
Swap Image behavior, creating, 268, 270
T
Table Layout tool, creating nonstandard tables, 138–139
Table Properties dialog, changing appearance of tables, 133–135
tables
appearance of, changing, 133–137
cells
appearance of, changing, 135–136
deleting, 131
merging/splitting, 131
columns
adding, 130
deleting, 131
resizing, 132
creating, 127–129
headings, creating, 129
nonstandard, creating with Table Layout tool, 138–139
previewing, 29
rows
adding, 130
deleting, 131
resizing, 132
verical alignment, adjusting, 129
Tag Properties subpane, 12
tags
box model, 176
content, styling, 177–179
dimensions, calculating, 177
classes, applying, 189–190
renaming globally, 191–192
tags (HTML), 55–57
task panes
Apply Styles pane, 13–14
CSS Properties subpane, 12
Folder List pane, 12
Manage Styles pane, 13–14
removing from view, 15–17
Tag Properties subpane, 12
Toolbox pane, 13
Task Panes menu, adding/removing task panes from view, 15–17
templates
DWTs, 338–339
attaching to existing web pages, 348–349
changing content outside editable regions, 353
creating, 341–345
editing, 346–347
Empty Web Site option, 42
Import Web Site option, 42
One Page Web Site, 42–43
temporary bookmarks, 120
testing
PHP scripts, 397–400
web pages, 47–48
text, separating images from, 93
Text Area form control, 360
text-free buttons, creating with sliding doors, 262–264
thumbnails, creating, 104–105
Toggle Bookmark button (Code view toolbar), 119
toolbars
accessing, 9
Code view
Find Matching Tag button, 120
Follow Hyperlink button, 119
Insert Comment button, 120
Insert Tag button, 120
List Members button, 118
Next/Previous Bookmark button, 119
Next/Previous Code Hyperlink button, 119
Select Block button, 120
Toggle Bookmark button, 119
Pictures toolbar
Auto Thumbnail button, 98, 104–105
Bring Forward/Backward button, 98
Color button, 99
Insert Picture button, 100
Insert Picture from File button, 98
Less Brightness button, 99
More Brightness button, 99
orientation buttons, 99
Resample Image button, 99
Restore button, 99
Set Transparent Color button, 99
Toolbox task pane, 13
Form Controls section, 358
Type tab (CSS Sculptor), 243
U-V
unordered lists, 115
converting to ordered lists, 116
drop-down menus, creating, 324–333
images, using as bullets, 214–216
URLs (uniform resource locators), 70
external links, creating, 73–75
variables
modifying, 270
PHP, 402
vertical alignment, adjusting in tables, 129
View pane, 7
viewing
CSS code, 184–185
website in Expression Web 2, 34–35
views, 7
Code view, 10
classes, applying to tags, 189–190
CSS code, viewing, 185
files, editing, 53–57
forms, 371–373
hyperlinks, 112–114
images, 114–115
imported text, cleaning up, 60–62
Intellisense, 116–118
toolbar, 118
displaying changes in Code view, 55
images, importing, 87–89
imported text, cleaning up, 61–62
tables, creating, 127–129
Split view, 12
visual aids, Block Selection, 45–47
Visual Aids menu, 45
W
W3C (World Wide Web Consortium), 4
web browsers, 47
CSS drop-down menu support, 333
web pages
creating with DWTs, 343–345
designing, 223–225
editing with DWTs, 346–347
importing, 68
testing, 47–48
web-hosting services, 438–439
WebDAV, publishing your website, 442
websites
behaviors, adding, 30
creating, 42–44
Block Selection visual aid, 46–47
from One-Page Website template, 43
designing, 223–225
framework, creating, 227–230, 233–239
home page, 44
hyperlinks, previewing, 28
images, previewing, 29
importing, 24–26
local, 26–27
previewing, 27
remote, 26–27
styles, applying, 29
tables, previewing, 29
viewing in Expression Web 2, 34–35
WordPress, blogs, 339
workspace, customizing, 15–17
Wrapping Style options (Picture Properties dialog, Appearance tab), 91
WYSIWYG (What You See Is What You Get), 4
X-Y-Z
XAML files, 376
YouTube, 382