Главная    Ex Libris    Книги    Журналы    Статьи    Серии    Каталог    Wanted    Загрузка    ХудЛит    Справка    Поиск по индексам    Поиск    Форум   
blank
Авторизация

       
blank
Поиск по указателям

blank
blank
blank
Красота
blank
Cederholm D. — Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS
Cederholm D. — Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS



Обсудите книгу на научном форуме



Нашли опечатку?
Выделите ее мышкой и нажмите Ctrl+Enter


Название: Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS

Автор: Cederholm D.

Аннотация:

No matter how visually appealing or packed with content your Web site is, it isn't succeeding if it's not reaching the widest possible audience. If you get this guide, you can be assured it will! By deconstructing a series of real-world Web sites, author and Web designer extraordinaire Dan Cederholm outlines 10 strategies for creating standards-based designs that provide flexibility, readability, and user controlkey components of every successful Web site. Each chapter starts out with an example of what Dan refers to as an "unbulletproof" conceptan existing site that employs a traditional approach and its associated pitfalls. Dan then deconstructs that approach, noting its downsides and then making the site over using Cascading Style Sheets (CSS). By the end of each chapter, you'll have replaced traditional, bloated, inaccessible page components with lean markup and CSS. The guide culminates with a chapter that pieces together all of the page components discussed in prior chapters into a single page template.


Язык: en

Рубрика: Технология/

Статус предметного указателя: Готов указатель с номерами страниц

ed2k: ed2k stats

Год издания: 2005

Количество страниц: 280

Добавлена в каталог: 03.03.2007

Операции: Положить на полку | Скопировать ссылку для форума | Скопировать ID
blank
Предметный указатель
finished footer and      
finished footer and shadow fade      
Firefox browser      
fix of      2nd 3rd 4th
fixed row height      2nd 3rd 4th
fixed-width boxes      [See bulletproof design in absence of CSS and images]
fixed-width design      
fixed-width rounded corner boxes      [See fluid-width boxes]
fixed-width vs. non-width      
fixed-width vs. non-width-restrictive layouts      
flexibility      
flexibility of design      
flexible text      2nd
flexible text, .      2nd
float direction, toggling      2nd 3rd
float property      
float property and      [See bulletproof design in absence of CSS and images]
float property, and positioning of      
float property, using for grid-like results      2nd 3rd 4th 5th 6th 7th 8th 9th 10th 11th 12th 13th 14th 15th 16th 17th 18th 19th 20th 21st 22nd 23rd 24th 25th 26th 27th 28th 29th 30th 31st 32nd 33rd 34th
float vs. positioning      2nd 3rd
float-to-fix method      2nd
float-to-fix method and      
floated elements, clearing with      2nd
floating      2nd 3rd
floating containers      
floating right, teaser example      [See definition lists]
floats      
fluid layouts      2nd
fluid layouts, CSS-based      2nd 3rd 4th 5th 6th 7th 8th 9th 10th 11th 12th 13th 14th 15th 16th 17th 18th 19th 20th 21st 22nd 23rd 24th 25th 26th 27th 28th 29th 30th 31st 32nd 33rd 34th 35th 36th 37th 38th
fluid three-column design      2nd 3rd
fluid two-column design      2nd 3rd 4th
fluid-width boxes      2nd 3rd 4th 5th 6th 7th 8th 9th
fluid-width boxes and      
font sizing methods      [See scalable site navigation]
font sizing methods and      
font-size property      2nd
footer fix for      
footer fix for IE/Win      
footer problems in      
footers      2nd
for building multicolumn layouts      
for Bulletproof Pretzel Company      2nd
for further information on      
for header in bulls-eye.gif      [See bulletproof design in absence of CSS and images]
for margins and padding      
for padding in fluid layouts      2nd
for Sweden photos      2nd
for table headers      
for tabular data      
four rounded corners      2nd
Freedom Scientific, JAWS      
full-length sidebar and      
full-page bulletproof design      [See Bulletproof Pretzel Company example of full-page design]
full-page design      
full-page design and absence of images      2nd 3rd
full-page design, adjustments for IE      [See bulletproof design in absence of CSS and images rounded-corner
Furniture Shack teaser example      
generated content and      [See IE/Mac IE/Win]
generated content, using in style sheets      
Gradient tool, and background color      
Graphics      
graphics and      
graphics, adding      2nd 3rd
grid effect.      
grid lines, creating      
Griffith, Patrick      
gutters      2nd
gutters and padding      2nd
hack management      [See bulletproof design in absence of CSS and images rounded-corner
hack management (CSS)      2nd 3rd
header color, adding      2nd
header.bg.gif      
Headers      
headers in full-page design      2nd 3rd
headers, applying style to      2nd 3rd
headers, using <caption> elements for
Height      
hiding self-clearing fixes from      
Holzschlag, Molly      
horizontal box flexibility      [See fluid-width boxes]
horizontal expansion of boxes      
horizontal page components      
hovering swap      2nd
HTML (Hypertext Markup Language)      [See star HTML hack]
id
identifying      [See bulletproof design in absence of CSS and images]
IE/Mac      
IE/Win      
IE5/Mac      
IE5/Win      
IE6/Win      
IE6/Win, Text Size menu      [See IE/Win IE/Win;IE5/Win]
image identification      2nd
image strategy      2nd 3rd
image strategy, rounded-corner boxes      
image wrap.bg.gif, positioning      [See bulletproof design in absence of CSS and images]
image, identification      2nd
image, positioning      2nd
image-based navigation shortcomings      2nd
image-based navigation shortcomings, LanceArmstrong.com      2nd
image-based type, vs. text styling      
image/title/description package.      [See teaser package example teaser float
Images      
images and CSS, absence of      2nd 3rd
images turned off example      
images turned off, Simple Bits example      
images, absence of and CSS      [See bulletproof design in absence of CSS and images rounded-corner
images, using ems for sizing      
in box design      
in Bulletproof Pretzel Company      
in bulletproof table re-design      2nd
in bulls-eye.gif      
in full-page design      2nd
in multicolumn layouts      2nd
in rounded-corner boxes example      2nd
in row corners      2nd
in rows      
in rows, adding      
in teaser example      2nd
in-between keyword base, setting      2nd 3rd
inaccessibility issues, LanceArmstrong.com      
indenting      [See definition lists]
indenting, overriding default      
indestructible boxes      [See rounded-corner boxes]
inline elements      
Inman, Shaun      
inserting periods after      [See definition lists]
inside elements, applying padding to, columns      
Internet Explorer (IE).      
italicized text, overriding      
italicized text, overriding in boxes      
JavaScript      
Jaws      [See scalable site navigation]
JAWS, and lists      
Johansson, Roger      2nd
keywords      
keywords and percentages for sizing text      2nd 3rd 4th 5th 6th 7th
keywords and percentages, working with      2nd 3rd 4th 5th 6th 7th
keywords and text sizing and      
lack of      
Lance Spacerunner example of styling tables      2nd 3rd 4th 5th 6th 7th 8th 9th 10th 11th 12th 13th 14th 15th 16th 17th 18th 19th 20th 21st 22nd 23rd 24th 25th 26th 27th 28th
LanceArmstrong.com example      
LanceArmstrong.com example of      
layout structure      2nd 3rd
layout structure in full-page design      2nd 3rd
Layouts      
Length      
length units      2nd
length units, sizing text and      2nd
letter-spacing property      
line padding for dividing rows      [See expandable rows]
line-height, increasing      
lines      
links, adding color      2nd 3rd
list, unstyled and unordered      2nd
list-style property      
list-style: none; rule      
LISTS      
lists, unstyled and unordered      2nd
Load Images, unchecking in Firefox      
location of on Web pages      [See expandable rows]
Login      
Macintosh      [See IE/Mac]
Marcotte, Ethan      
margin fix for      2nd 3rd
margin fix for IE/Win      2nd 3rd
margin widths for column-like grid effect      2nd 3rd
margins      
markup structure      2nd
markup structure for      
markup structure for, Bulletproof Pretzel Company      
markup structure, choices      2nd
markup structure, two-column design      [See bulletproof design in absence of CSS and images rounded-corner
markup structure, using definition lists      2nd
markup structure, with no style      2nd
markup, validation of as tool      2nd 3rd
max/min width column line length, setting      2nd 3rd 4th 5th 6th
McAfee bulletproof example of      [See bulletproof design in absence of CSS and images rounded-corner
McAfee example of      2nd 3rd
McAfee example of turning off CSS      2nd 3rd
message row (paragraph elements)      2nd 3rd
message rows      2nd 3rd
Meyer, Eric      2nd
min- and max-width rules      
min/max width column line length, setting      2nd 3rd 4th 5th 6th
min/max width line length      2nd 3rd 4th 5th 6th
min/max width line length unsupported in      [See IE/Mac IE/Win]
min/max width line length, setting      [See bulletproof design in absence of CSS and images rounded-corner
Mozilla      
Mozilla.org      
multicolumn layouts, and table method      
multiple boxes on a page and      2nd
navigation and      
navigation of Web sites      [See scalable site navigation]
negative positioning      2nd
nested tables      
nesting percentages      2nd 3rd
Netflix example of rounded-corner boxes      
Netflix example, common approach      2nd 3rd
Netflix example, re-design of      2nd 3rd 4th 5th 6th
Netflix example, shortcomings      
Netflix example, vertical flexibility of re-design      
Netscape 4, sizing text for      [See scalable site navigation]
Netscape 4.x, and text size      
new line without <br /> elements      2nd
new table lines without <br /> elements      2nd
non-essential in Best Store Ever example      
obtaining grid-like results      
of background images      2nd
of images      2nd
of rows, identifying elements for      2nd
of text in tables      2nd
offset shadow, adding      2nd 3rd 4th
offset shadows, adding      2nd 3rd 4th
Opera browser      [See IE/Win IE/Win;IE5/Win]
opposing floats      2nd 3rd
opposing floats method      
options for      2nd 3rd
Outer      2nd 3rd
outer containers      
outer containers and      
padding      
padding and      
padding and dividing line, adding      
padding around unordered      
page design      [See Bulletproof Pretzel Company example of full-page design]
page design, finished      
page layouts.      [See Bulletproof Pretzel Company example of full-page design;characteristics of completed design;fluid layouts layouts;CSS-based]
Pages      
Pedrick, Chris      
percentage values, experimenting with      2nd
percentages      
percentages to assign sizes      2nd
percentages, using to vary from base      2nd 3rd 4th
periods, inserting after <dl> elements
Photoshop, Gradient tool      
pixel padding in column layout      2nd
pixel units      2nd
pixel-padding in      2nd
pixels      
pixels for sizing and      
Position Is Everything Web site      
position: absolute;      2nd 3rd
position: relative      
Positioning      
positioning images and titles and      2nd
Pretzel Company      [See Bulletproof Pretzel Company example of full-page design]
problems with common approach      2nd
promotional rows, markup structure      
quarantining CSS for hacks      2nd
re-design of      2nd 3rd 4th 5th 6th 7th 8th 9th 10th 11th 12th 13th 14th
re-design of, LanceArmstrong.com      2nd 3rd 4th 5th 6th 7th 8th 9th
readability of when images turned off      2nd 3rd 4th
redesign flexibility      2nd
redesign markup      2nd 3rd 4th 5th 6th 7th
redesign of, .      2nd 3rd 4th 5th 6th 7th 8th 9th 10th 11th 12th 13th 14th 15th 16th 17th 18th 19th 20th 21st 22nd 23rd 24th 25th 26th 27th 28th 29th 30th
redesign styles, applying      2nd 3rd 4th 5th 6th 7th 8th 9th 10th 11th 12th 13th 14th 15th 16th 17th
Relative length units      2nd
relative-size keywords, defined      [See absolute-size keywords]
rollovers      
rounded corner boxes      2nd 3rd 4th 5th 6th
rounded corners      2nd 3rd
rounded corners and      [See IE/Mac IE/Win]
rounded-corner boxes      
rounded-corner boxes and      2nd 3rd 4th 5th 6th 7th 8th 9th 10th
rounded-left.gif      2nd
rounded-right.gif      2nd 3rd 4th 5th 6th
row colors, alternating      2nd
row width      [See scalable site navigation]
row width, assigning      
Rows      
rows and      
rows, expanding effect      [See bulletproof design in absence of CSS and images]
Rules      
Rutter, Richard      
Safari browser example      [See IE/Win IE/Win;IE5/Win]
SBMH      [See scalable site navigation]
SBMH (Simplified Box Model Hack)      
scalable navigation      2nd
scalable site navigation      2nd 3rd 4th 5th 6th 7th 8th 9th 10th 11th 12th 13th 14th 15th 16th 17th 18th
scope attribute and      2nd
scope attribute, adding      2nd
scope, adding      2nd
screen-reading application (JAWS), and lists      
scrollbar issue      
selected and unselected state images      2nd
selected state      
selectors      [See scalable site navigation]
selectors, descendant selector      
self-clearing fix for      
self-clearing fix for IE/Win      
sending hacks to appropriate browsers      [See IE/Win IE/Win;IE5/Win]
separation of design and structure      
set on <td> elements      
setting base-keyword      
setting width      2nd
shadows      
shaping of      
shortcomings      2nd
sidebar background      2nd
1 2 3
blank
Реклама
blank
blank
HR
@Mail.ru
       © Электронная библиотека попечительского совета мехмата МГУ, 2004-2024
Электронная библиотека мехмата МГУ | Valid HTML 4.01! | Valid CSS! О проекте