pdf annotation in c# : Add hyperlink to pdf software application project winforms html windows UWP 03219189323-part1693

259
Index
INDE X
Symbols
+ (adjacent sibling selectors), 68–69
& (ampersand) character, 9, 11
[ ] (attribute selectors), 94
\ (backslash), 106
. (class selectors), 70–71, 84
: (colon), 72
© (copyright character), 9
{ } (curly brackets)
adding fluid rules within, 184
placing selectors in, 57
" " (double quotation marks), 99
> (greater than) character
indicating child selector with, 68, 69
using as special character, 9
# (ID selector), 71, 87, 88, 89
about, 88
class vs., 89
power of, 87
< (less than) character, 9
; (semicolons), 58
' ' (single quotation marks), 99
~ (tilde), 69
* (universal selector), 65
A
a (anchor) tag
linking to sites with href, 32, 33, 43
turning text into links with, 22
using pseudo classes with, 72, 73, 74
wrapping text with, 32–34
a selector, 73, 76
absolute paths, 34, 35–36
absolute positioning, 152–153
accessibility. See also ARIA landmarks
designing forms for, 226
loading images on mobile devices for, 187
resizing sites for mobile device, 191
action attribute, 218
:active pseudo-class
getting user feedback with, 208
uses for, 76
using for touch screen devices, 201, 208
adjacent sibling (+) selectors, 68–69
aligning text, 106–107
a:link pseudo-class, 73
allowfullscreen attribute, 41
alt attribute, 37, 39
anchor tags. See a tag
ARIA landmarks
banner role value, 90, 91
complementary role value, 92
contentinfo role value, 92, 93
main role value, 92
navigation role value, 91, 195
role attribute for, 90
asymmetrical columns, 171–172
@import rule, 64
@media rules
adding media types with, 182–184
developing new, 86, 189
handling max-width with, 185
@media queries for mobile devices, 189–191
using, 182
attribute selectors, 94
attributes
about HTML, 9, 82
alt, 37, 39
avoiding cross-attribution, 84
case sensitivity of values, 85
class, 82–84
deprecated, 49, 82
frameborder and allowfullscreen, 41
height, 39
id, 83, 84, 86–87
multiple values for class, 84
role, 90–93
selecting, 84
setting character, 9
specificity of ID selectors for, 89
src, 37
width, 39, 40–41
audience for websites, 167
auto margins, 170
auto widths for block-level elements, 187
autoresponse folder, 228, 229
B
Back button, 37
background color
box model, 126–127
changing for primary and secondary content, 184
indicating link selection with, 201
banner role value, 90, 91
b tag, 26
Berners-Lee, Sir Tim, 6, 36
block-level elements
adding, 11
defined, 140, 159
floating, 141
horizontal navigation using, 161
illustrated, 140
inline-level elements within, 140
line breaks before and after, 19
setting auto widths for, 187
block value, 160, 161
blockquote element, 20–21
body element
adding and structuring, 10–12
adding block-level elements within, 11
function of, 7
positioning fixed elements to, 153
bold text
CSS styling for, 105
HTML elements for, 26
Add hyperlink to pdf - insert, remove PDF links in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Free C# example code is offered for users to edit PDF document hyperlink (url), like inserting and deleting
add link to pdf; add url pdf
Add hyperlink to pdf - VB.NET PDF url edit library: insert, remove PDF links in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Help to Insert a Hyperlink to Specified PDF Document Page
add links to pdf file; adding links to pdf in preview
260
FOUNDATIONS OF WEB DESIGN
border-top property, 108
borders
box model, 118, 119
coding shorthand for, 123, 124, 125
color of, 122, 123
defined, 121
setting style of, 121–122
table, 48–49
width of, 123
without values, 124
box-sizing property, 132–133
boxes, 118–135. See also containing box; position 
property
about, 118
adding content to, 120
adjusting left or right, 142–143
background colors for, 126–127
borders for, 118, 119, 121–124
child/parent elements in, 119, 120
collapsing containing block, 145
containing, 142
height adjustments for, 128–129, 133
hiding extra content, 150
illustrated, 118, 119
laying out inline, 162–163
margins for, 118, 119, 125
padding property for, 118, 119, 124–125
resetting browser defaults for, 134–135
role of display property in, 159–163
sample HTML code for, 120
scroll bar for, 149–150
sizing, 130–133
stacked box order, 142
tabbed JavaScript, 254
width of, 128–129, 132–133
br element, 29
breadcrumbs, 34, 212
browsers. See web browsers
bulleted lists, 23
buttons
Back, 37
radio, 221, 227
submit, 223
C
capitalizing text, 109
caption element, 50
captions for tables, 50
Cascading Style Sheets. See CSS
case sensitivity
attribute value, 85
CSS properties for upper and lower case, 109–110
lowercase for document and folder names, 5
naming CSS documents, 62
recommendations for HTML, 6
cells
defining table, 48
expanding data to multiple, 52–53
centering text, 106
characters
encoding, 9
using special, 11
charset attribute, setting, 9
checkboxes
labels for, 227
using on forms, 222
child (>) selectors, 68, 69
child element
adding background color to, 127
in box model, 119, 120
inheriting float property, 144
setting width of, 128–129
Chrome, 167, 182
cite tag, 22
class (.) selectors, 70–71, 84, 89
class attribute, 82–86
id vs., 83, 87
selecting, 84
styling paragraphs with, 85–86
using for styling, 28
clearfix method, 146–148, 174
coding phase
about, 235, 236
prototyping and testing in, 244
collapsing
clearfix method for reversing, 146–148, 174
clearing overflow, 148–149, 173–174
containing element, 145
color
border, 122, 123
changing background, 184
designating box background, 126–127
hex values for, 113–114
modifying link, 73–74
naming CSS, 112
RGB, 114–115
styling with CSS, 111–115
transparent, 126
color property, 111
colspan attribute, 52–53
columns
converting multiple to single, 188–189
creating three, 174
floating nested elements in two, 171–172
using footers across, 52–53
combinators, 67–70
about, 67
adjacent sibling selectors, 68–69
child selectors, 68, 69
descendant selectors, 67–68, 69
general sibling selectors, 69
parent/child relationships in CSS, 67
comments, 28
complementary role value, 92
conditional loading, 188
contact form, 228–229
contact-process.php document, 228–229
containing box
absolute positioning within, 152–153
auto margins in parent, 170–171
balancing overflow layout in, 148–149
collapsing, 145
VB.NET Create PDF from Word Library to convert docx, doc to PDF in
Change Word hyperlink to PDF hyperlink and bookmark. VB.NET Demo Code for Converting Word to PDF. Add necessary references: RasterEdge.Imaging.Basic.dll.
add hyperlink in pdf; pdf link open in new window
VB.NET Create PDF from Excel Library to convert xlsx, xls to PDF
Change Excel hyperlink to PDF hyperlink and bookmark. VB.NET Demo Code for Converting Excel to PDF. Add necessary references: RasterEdge.Imaging.Basic.dll.
add links to pdf in acrobat; add hyperlink pdf file
261
Index
defined, 142
fixed positioning within, 153–154
hiding extra content in, 150
nesting floated elements within parent, 171–172
relative positioning in, 152
setting stacking order in, 154–158
transforming to fluid widths, 176–180
uncollapsing, 146–148, 173
using static positioning in, 151, 158
content
blockquotes within, 20–21
citing source of, 21–22
comments within, 28
developing, 238–239
emphasizing text in, 27
hiding, 150, 187–188
inline-level elements in, 19
interpreting for visually impaired, 37, 39
italicizing, 27
keeping separate from design, 49
line breaks in block-level, 19
lists within, 22–23
outlining, 16–19
paragraph elements added to, 19–20
scrolling, 149–150
structuring text in, 10–12
within box model, 118, 119, 120
contentinfo landmark value, 92, 93
copyrights
adding in table footer, 51
using special character for, 9
CSS (Cascading Style Sheets). See also CSS3; CSS 
rules; layout; styling links; and specific CSS 
properties
adding to HTML, 60–61
attribute selectors in, 94
coding shorthand in, 123, 124, 125
color styling with, 111–115
creating CSS documents, 62
.css files, 62
declarations in, 57, 58, 60
embedding in head, 60
exercise in styling links, 75
folders for, 62
fonts in, 98–106
hiding content on mobile devices, 187–188
HTML hooks for, 28–29, 90
ID selector vs. HTML id attribute, 88
importing CSS documents, 64
increasing size of fonts with, 59
inline, 60–61
linking HTML to external CSS document, 60, 61, 63, 
64
moving out of HTML, 62, 63
overriding previous display rules, 162
parent/child relationships in, 67
pseudo-classes in, 72–77
samples of designs with, 56
selector grouping, 66
selectors in, 57–58, 65
separating HTML from design, 49
spacing text, 110–111
styling blocks of text, 106–110
table borders in, 48–49
tagging semantic HTML vs., 25
types of display properties in, 159
versions of, 69
viewing HTML element as box, 140
working with box model, 118
CSS3
additional screen properties in, 182
further resources on, 252–253
general sibling selector in, 69
JavaScript with, 256
jobs requiring, 248, 249
CSS documents
adding media queries in, 182–183, 189–191
creating and naming, 62
importing, 64
linking HTML to external, 60, 61, 63, 64
moving CSS rules to, 62, 63
writing CSS rules for, 84
CSS rules. See also @media rules
about, 57
adding to fixed-width website, 170–175
browser support of, 134
creating RGB, 115
developing for fixed layouts, 168
expanded declarations in, 60
grouping CSS elements by, 66
illustrated, 59, 60
importing, 64
media queries as, 189–191
moving to CSS style sheet document, 62, 63
multiple declarations in, 58–59
navigation using, 199
overriding, 86
placing in external documents, 61
using when link clicked, 76
writing for hex values, 114
writing to css documents, 84
CSS Zen Garden, 56–57
Custom size option (YouTube), 41
D
data input
sending to server, 219
structuring for forms, 220–223
using drop-down menus, 225
dd element, 24
declarations
compact or expanded formats for, 60
CSS, 57
!doctype html, 6
multiple, 58–59
semicolons used in, 58
deprecated HTML, 49, 82
descendant selectors, 67, 69
description lists, 24–25, 196–197
design. See layout
designers. See web designers
designing phase, 235, 236
How to C#: Basic SDK Concept of XDoc.PDF for .NET
You may add PDF document protection functionality into your C# program. Hyperlink Edit. XDoc.PDF for .NET allows C# developers to edit hyperlink of PDF document
adding a link to a pdf; add hyperlink to pdf online
VB.NET PDF: Basic SDK Concept of XDoc.PDF
You may add PDF document protection functionality into your VB.NET program. Hyperlink Edit. XDoc.PDF for .NET allows VB.NET developers to edit hyperlink of PDF
adding hyperlinks to pdf documents; adding hyperlinks to pdf files
262
FOUNDATIONS OF WEB DESIGN
developers, 249
devices. See mobile devices
directories, 5
display property, 159–163
about, 159
creating horizontal navigation with, 162
inline value with, 161–162
overriding previous rules for, 162
purpose of, 140
rendering inline elements as block, 160–162
div element
adding, 11–12
defining sample website using, 169
displaying dimensions for, 181–182
layout of stacked boxes within, 141, 142
section vs., 12–13
website structures using, 170
dl element, 24
!doctype html declaration, 6
documents. See also CSS documents
adding titles for, 7
block-level elements for, 11
character attributes for, 9
contact-process.php, 228–229
creating in HTML, 4–7
defining content language for, 10
headers for topics in, 17
index, 5, 32
linking to PDF, 34
naming, 5
saving, 7
starting with outline, 16, 17
sub-topics within, 17–18
drop-down menus
navigating from, 212
using in forms, 225
dt element, 24
E
element selectors, 66
elements. See also specific elements
CSS parent/child relationships in, 67
empty, 37
em element, 27, 111
em value, 104, 188–190
embed tag, 43
embedding
video in websites, 40
working with old embed code, 42–43
F
fieldset element, 227
files
browser support for video, 40
.css, 62
naming, 5
selecting from forms, 223
size for links, 35
Firefox, 167, 182, 185
fixed leading, 111
fixed positioning, 153–154
fixed-width fonts, 100
fixed-width layout, 166–175
about, 166
changing to responsive design, 182–191
code for example, 169
converting to fluid layouts, 176–180
pros and cons of, 167
regions of, 169
setting up CSS rules for, 170–174
float property, 141–150
adjusting box to left or right, 142–143
clearing floating elements, 145–146
creating horizontal navigation with, 207
floating nested elements in block, 145
inheritance of, 144–145, 184
nesting floated elements within parent container, 
171–172
position vs., 151
purpose of, 140, 141
removing from elements, 142
fluid layout, 175–180
converting fixed to, 176–180
handling gaps with overflow, 186–187
pros and cons of, 175–176
:focus pseudo-class, 77
folders
autoresponse, 228, 229
CSS, 62
naming, 5
font-family property
adding generic values for, 100, 101
basic rules for, 102
designating, 98–102
font stack for, 99
font property, 106
font-size property
changing leading with, 111
changing px to em value, 104
converting px value to percentage, 103
purpose of, 102
setting pixel size for, 102–103
font style property, 104
font-variant property, 105
fonts, 98–106. See also specific CSS font properties
bolding, 26, 106
combining CSS property values with font, 106
converting px value to percentage, 103
CSS increasing size of, 59
decreasing sizes for sub-level headings, 18
fixed- and variable-width, 100
fixed vs. relative leading for, 111
generic values for, 100, 101
italicized, 104
modifying properties of, 98
monospaced, 100–102
sans serif, 98–99
serif, 100
sizing, 102–104
C# Create PDF from Word Library to convert docx, doc to PDF in C#.
Change Word hyperlink to PDF hyperlink and bookmark. C#.NET Sample Code: Convert Word to PDF in C#.NET Project. Add necessary references:
c# read pdf from url; add a link to a pdf in preview
.NET PDF Document Viewing, Annotation, Conversion & Processing
Extract hyperlink inside PDF. PDF Write. Insert text, text box into PDF. Edit, delete text from PDF. Insert images into PDF. Edit, remove images from PDF. Add,
add hyperlinks to pdf; check links in pdf
263
Index
small caps for, 105
styling, 104
using font stack, 99
footers. See also tfoot element
across spanned columns, 52–53
adding copyrights in table, 51
adding to fixed-width layout, 172–173
clearing floating, 145–146
placement in HTML4, 52
foreground color, 111
formatting hooks for HTML, 28–29
forms, 216–229
automated responses to, 229
contact, 228–229
data input for, 220–223
designing text areas of, 224
establishing with form, 218
file selection from, 223
grouping sections of long, 227
how they work, 217
including checkboxes on, 222
labeling, 226
passwords for, 221
radio buttons for, 221
redirecting user to “Thank You” page, 228
sending input data to server, 219
structuring, 220
submit buttons for, 223
text input fields, 220
uploading for testing, 229
uses for, 216
using drop-down menus, 225
Foundations of Web Design website, 13, 43, 65, 158
fragment identifiers, 37, 43
frameborder attribute, 41
Frost, Brad, 181, 191
G
Gardner, Liz, 189
general sibling (tilde) selectors, 69, 70
browsers support for, 71
generic values for fonts, 100, 101
get values, 219
grid layouts, 168
H
h1 element, 11, 17, 18
head element
applying CSS rules to, 58
embedding CSS in, 60
inserting, 7
inserting title within, 8
using sub-level headings, 18
headings
adding headers, 11
converting outline topics to, 16–19
grouping table header cells, 50
main topics as, 17
number of levels of, 18
table, 46–47
using sub-topics as, 17–18
height
adding video object, 40–41
box model, 128–129, 133
defining image, 39
determining for box, 131
hex values, 113–114
hiding content
in containing box, 150
on mobile device layout, 187–188
horizontal navigation, 206–210
converting vertical to, 207
illustrated, 206
resizing responsively, 209–210
when to use, 210
:hover pseudo-class
removing underlines from navigation menus, 202
styling links with, 72, 74–75
hovering over hyperlink, 33, 72, 74–75
href attribute
linking anchor tag to sites with, 32, 33, 43
linking internal and external documents with, 63
HSL Color Picker, 113
html element, 6, 7
HTML (Hypertext Markup Language), 4–13. See also 
attributes; HTML5; inline elements
adding CSS to, 60–61
attribute selectors in, 94
attributes in, 9, 82
body elements for, 10–12
box model in, 118
class attributes in, 82–84
creating documents in, 4–7
deprecated tags and attributes for, 49, 82
description lists, 24–25, 196–197
elements structuring documents, 6–7
file and folder names in, 5
head elements for, 8–10
hooks for styling in, 28–29
HTML4 footer placement, 52
id attributes in, 83, 84, 86–87
keeping content separate from design in, 49
linking to external CSS document, 60, 61
moving CSS rules out of, 62, 63
nav element, 195
ordered lists, 196
preventing CSS from applying to, 182
role attributes with, 90
section vs. div in, 12–13
structuring documents for, 6–7
tables in, 46
tagging styles vs. semantic, 25
unordered lists in, 195
using replaced elements, 140, 141
versions of, 6
HTML4 footer placement, 52
HTML5
attributes for forms in, 228
main tag in, 92
nav element in, 195
preparing doctype for, 6
resources on, 250–251
role attribute in, 90
VB.NET Create PDF from PowerPoint Library to convert pptx, ppt to
Export PowerPoint hyperlink to PDF. VB.NET Demo Code for Converting PowerPoint to PDF. Add necessary references: RasterEdge.Imaging.Basic.dll.
add url link to pdf; add links to pdf document
C# Create PDF from PowerPoint Library to convert pptx, ppt to PDF
Export PowerPoint hyperlink to PDF in .NET console application. C#.NET Demo Code: Convert PowerPoint to PDF in C#.NET Application. Add necessary references:
adding hyperlinks to pdf; add hyperlink to pdf
264
FOUNDATIONS OF WEB DESIGN
section element in, 12–13
tfoot tags in, 51
using header element in, 71
video formats in, 40, 43
hyperlinks. See links; styling links
I
i element, 27
id attributes
class vs., 83, 87
ID selector vs., 88
using, 84, 86–87
ID (#) selectors
about, 71, 88
class vs., 89
power of, 87
iframe element, 40
images
defining width and height of, 39
designing site’s visual language, 240–243
making fluid, 179–180
preparing in image editors, 38
resizing, 39
img element, 37, 142–143
@import rule, 64
importing CSS documents, 64
indenting text, 109
index.html documents, 5, 32
inheritance
effect on float property, 144–145, 184
order of precedence for pseudo-classes, 76
removing inherited float values, 142
inline-block element, 162–163, 208
inline elements
about, 19
adding clickable space with, 208
b, 26
benefits of CSS, 60–61
contained within block-level elements, 140
defined, 140, 159
effect of block value on, 160, 161
hooks for styling in, 28–29
i, 27
illustrated, 140
span, 28–29
strong, 26
transforming to inline-block element, 162–163
using in text, 19, 25
using inline value with display, 161–162
Internet Explorer
image width in IE 7, 179
supporting versions of, 167
unable to use inherit property in, 144
italic fonts, 104
J
Jaffe, Jeffrey, 6
JavaScript
about, 254
CSS3 and, 256
libraries of, 256
lightboxes, 255
programming skills in, 249
resources, 256–257
responsive navigation using, 211
tabbed content in, 254
Jobs, Steve, 206
jQuery, 256
justifying text, 106, 107
K
keyboard navigation, 77
L
labels
radio and checkbox, 227
using for forms, 226
lang attribute, 10
language preferences, 10
launch phase, 235, 236
layout, 140–163, 166–191. See also fixed-width layout; 
fluid layout; responsive layout
adjusting position property, 151–154
controlling box-level properties in, 159–163
designing site navigation, 194
fixed-width, 166–175
fluid, 175–180
grids for designing, 168
moving box to left or right, 142–143
ordered header and table, 49
requiring no instructions, 222
responsive design for, 142, 166
separating content from design, 49
setting stacking order with z-index, 154–158
sketching, 166, 174, 175, 242
using float property, 141–150
using tables for, 47
web vs. print, 141
leading for text, 111
left alignment, 106, 107
legend element, 227
li tag, 22
lightboxes, 255
line breaks
before and after block-level elements, 19
br tag for, 29
line-height property, 106, 110
line-through value, 107, 108
:link pseudo-class, 72–73
links, 32–37. See also navigation; styling links
adding clickable space around horizontal navigation, 
208
changing text into clickable, 22
color of clicked, 34
connecting to PDF documents, 34
creating to style sheets, 7
exercise in styling, 75
highlighting current page, 203
hovering mouse over, 33, 72, 74–75
265
Index
illustrated, 33
including file size for, 35
linking HTML to external CSS document, 60, 61, 63, 
64
making, 32–37
removing underlines from, 108, 202
resizing navigation, 209–210
within pages using fragment identifiers, 37, 43
lists
creating, 22–23
description, 24–25, 196–197
designing pages without, 197
ordered, 196
structuring form with, 220
unordered, 62–63, 195
LoVe HAte mnemonic, 76, 77
lowercase text, 110
M
Mac computers
best san serif fonts for, 99
screenshot software for, 240, 241
main role value, 92
Marcotte, Ethan, 166, 180
margins
illustrated, 118, 119
resetting browser defaults for, 134–135
setting box, 125
using auto, 170
max-width property, 183, 185
@media rules
adding media types with, 182–184
developing new, 86, 189
handling max-width with, 185
@media queries for mobile devices, 189–191
using, 182
menus
designing mobile device navigation, 211
drop-down, 212
highlighting current page on, 203
moving vertical menu to right, 202
removing underlines from, 202
metadata
adding browsing information in meta tag, 8
defining, 7
placing in HTML documents, 9
method attribute, 219
min-width property, 183
mind mapping, 238
mnemonics
LoVe HAte, 76, 77
TRouBLe, 122
mobile devices
accessibility aids for, 187
accessing websites, 166, 167
changing navigation for, 204–205
coding for touch screens, 201, 208, 210
creating design for multiple, 180–181
designing navigation menus for, 211
fixed designs on, 167
hiding content on, 187–188
including in @media rule, 182–184
removing unnecessary elements for, 187
resizing sites for, 190–191
testing designs for, 181–182
viewport scaling for, 190–192, 204–205
modal dialogues, 255
monospaced fonts, 100–102
mood boards, 240–241
multiple bodies within tables, 51
N
naming
CSS color values, 112
CSS documents, 62
files and folders, 5
nav element, 91, 195
navigation, 194–213. See also horizontal navigation; 
scrolling; vertical navigation
ARIA landmarks for, 90–93, 195
breadcrumb, 34, 212
changing for smaller viewports, 204–205
deleting gaps at bottom of element, 186
designing site, 194
drop-down menus, 212
further reading on responsive, 211
highlighting current page link, 203
horizontal, 161, 162, 206–210
removing underlines from menus, 202
responsive, 204–205, 209–210
scroll bar in box, 149–150
search boxes for, 213
sitemaps, 213
types of HTML lists for, 195–197
unordered lists for, 195
using :focus, 77
vertical, 198–205
navigation role value, 91
nested elements
clearing overflow in, 148–149
creating fluid layout with, 176, 177–180
floating all in containing block, 145
preventing box collapse of, 146
two-column effect for, 171–172
none value for float property, 142
numbered lists, 23
O
object element, 42, 43
objects
creating video, 40–43
using img, src, and alt tags for, 37
ol tag, 22–23
online job boards, 246
ordered lists, 196
organizational resources, 238
outlining content
adding headers for topics, 17
converting topics to headings, 16–19
starting documents by, 16, 17
sub-topics, 17–18
266
FOUNDATIONS OF WEB DESIGN
overflow
clearing, 148–149, 173–174
handling fluid layout gaps with, 186–187
using overflow property, 129
overline value, 107, 108
overriding
previous display rules, 162
rules with multiple class values, 86
P
p element
adding to content, 19–20
using, 11, 19
padding
adding box, 124–125
coding shorthand for, 125
illustrated, 118, 119
resetting defaults for, 134–135
pages. See websites
paragraphs
about, 19
adding, 11, 19–20
applying sibling selectors to, 68–70
inheriting float property of, 144–145
param element, 42, 43
parent element
adding background color to, 126–127
edge of in box model, 119, 120
inheriting float property of, 144
setting width of, 128–129
passwords, 221
paths
absolute, 34, 35–36
relative, 35–36
PDF documents, 34
percentages of pixels, 103, 176
performance with universal selectors, 65
phones. See mobile devices
PHP scripts, 217, 218, 228–229
pixels. See px
placeholders, 39
planning phase, 235, 236
position property, 151–154
absolute positioning, 152–153
applying relative positioning, 151–152
combining stacking order with, 154–158
fixed positioning, 153–154
purpose of, 140, 151
using static positioning, 151, 158
post values, using in forms, 219
printing, 141
projects. See also workflow
organizing, 237
phases of, 235–236
properties. See also specific properties
defined, 57
omitting values for font, 106
prototyping websites, 244
pseudo-classes, 72–77
:active, 76, 201, 208
a:link, 73
:focus, 77
:hover, 72, 74–75
:link, 72–73
order of precedence and inheritance in, 76, 77
uses for, 72
:visited, 72, 74
px (pixels)
changing to em value, 104, 188–190
converting to percentages, 103, 176
designing fixed layouts in, 167, 168
designing with different values of, 199
image dimensions in, 39
recalculating line-height values of, 111
setting size of, 102–103
Q
quotations
blockquote element around, 20–21
citing sources of, 21–22
q element for, 20
R
radio buttons
labels for, 227
using on forms, 221
regions of, 169
relative paths, 35–36
relative positioning, 151–152
replaced elements, 140, 141
resizing images, 39
resources
browser testing tools, 244
CSS3, 253
HTML5, 250–251
inspirational websites, 239
JavaScript, 256–257
organizational, 238
responsive layouts, 211
Responsive Resources websites, 191
screenshot tools, 240, 241
style tile, 241
website sketch paper, 242
wireframe applications, 243
workflow, 236
responsive layout, 180–191
about responsive design, 142, 166
converting fixed to, 182–191
developing responsive navigation, 204–205, 209–210
further reading on, 211
illustrated, 190, 191
RGB color, 114–115
right alignment, 106, 107
role attribute, 90–93
rows of tables, 47, 51
Rubin, Dan, 222
267
Index
S
Safari, 167
Salminen, Viljami, 236
sans serif fonts, 98–99
saving
documents, 7
documents before previewing, 33
screen-reading software, 37, 39
screenshots, 240–241
scripts
about, 7
PHP, 217, 218, 228–229
scrolling
adding scroll bar to box, 149–150
unable to scroll fixed elements, 154
search boxes
examples of, 216
navigating with, 213
search engines, 213
section element, 12–13
selectors
adjacent sibling, 68–69
attribute, 94
child, 68, 69
class, 70–71, 89, 94
combinators, 67–70
descendant, 67, 69
element, 66
general sibling, 69, 70
grouping, 66
ID, 71, 87, 88, 89
order of elements within, 88
placing in curly brackets, 57
pseudo-element, 77
types of, 65
universal, 65
using, 57–58
semantic HTML, 25
sequential navigation, 196
serif fonts, 100
server scripting languages, 218
sitemaps, 238
sizing
box model, 130–133
fonts, 102–104
images, 39
sketching website ideas, 166, 174, 175, 242
small caps, 105
space-separated values, 122
spacing between text lines, 110
span element, 28–29
special characters
encoding for, 9
using in text, 11
src attribute, 37
stacking order, 154–158
decreasing z-index value for, 158
default, 155, 156
illustrated, 142
increasing z-index value for, 157
normal, 155
using z-index for, 154–158
static positioning, 151, 158
strong element, 26
style sheets, 7
style tiles, 241
styling links
exercise in, 75
with hover effect, 72, 74–75
links with focus, 72, 77
unvisited links, 73
visited links, 72, 74
working with active link, 72, 76
submit buttons, 223
T
table of contents, 18
tables, 46–53
body or rows within, 51
borders for, 48–49
captions for, 50
data cells for, 48
defining rows of, 47
footers for, 51–52
headings for, 46
ordered layouts for headers and data, 49
page layout using, 47
uses for, 46
using table element, 46
table element, 46
tablets. See also mobile devices
resizing sites for, 190–191
sketching websites on, 242
touch screen, 201, 208, 210
tags. See also a tag
adding attributes to, 82
deprecated, 49
role attributes for, 90
tbody element
grouping rows in table body with, 51, 52
spanning columns with, 52–53
td element, 48, 49
testing
mobile device design, 181–182
prototypes, 244–245
text, 16–29, 98–115. See also fonts; lists
adding lines to, 107–109
aligning, 106–107
block quotes within, 20–21
bolding with b or strong elements, 26
citing source of quoted, 21–22
comments within, 28
creating website, 239
CSS property for bolding, 105
defining values for form entry, 220
description lists in, 24–25
designing form input areas, 224
emphasizing, 27
fixed vs. relative leading for, 111
font properties for, 98–106
hooks for HTML formatting, 28–29
indenting, 109
inline elements for, 19, 25
268
FOUNDATIONS OF WEB DESIGN
italicizing, 27, 104
line spacing for, 110
lists in, 22–25
outlining content, 16, 17
small caps for, 105
spacing, 110–111
styling blocks of, 106–110
tags for inserting, 11
text properties, 106–110
upper and lower case, 109–110
using special characters in, 11
text-align property, 106–107
text-decoration property, 107
text editors, 4–7
text-indent property, 109
text-transform property, 109
tfoot element
adding footers with, 51–52
including with spanned columns with, 52–53
“Thank You” page, 228
thead element, 50, 52–53
th element
grouping with thead, 50
ordering td elements, 49
uses for, 46
titles
adding for tables, 50
appearing on browser bar, 9
inserting, 8
using title attribute, 39
tools
browser testing, 244
Firefox Responsive Design view, 185
screenshot software, 240, 241
Web Developer Toolbar, 181–182
touch screens, 201, 208, 210
transparent color value, 126
TRouBLe mnemonic, 122
tr element, 47
type. See fonts
U
UI (User Interface) jobs, 249
uncollapsing containing box, 146–148, 173–174
underline value, 107, 108, 109
universal (*) selector, 65
unordered lists, 62–63, 195
upload buttons, 223
uppercasing text, 109
URL paths, 35
users
determining website’s, 167
getting feedback on clicks of, 208
redirecting to “Thank You” page, 228
sending email to, 229
UX (User Experience) jobs, 249
V
values
avoiding cross-attribution of, 84
class attributes with multiple, 84
creating borders without, 124
CSS, 57
generic font, 100, 101
hex, 113–114
multiple class attribute, 84
omitting font property, 106
overriding rules with multiple class, 86
space-separated, 122
versions
CSS, 69, 252–253
HTML, 6
Internet Explorer, 144, 167, 179
vertical navigation, 198–205
converting to horizontal, 207
highlighting current page on menu, 203
illustrated, 198
moving menu to right, 202
responsive, 204–205
when to use, 210
video objects, 40–43
adding width and height for, 40–41
frameborder and allowfullscreen attributes for, 41
video tutorials, 43, 65, 158
viewports
changing navigation layout for smaller, 204–205
scaling for mobile devices, 190–192
:visited pseudo-class, styling links with, 72, 74
visual impairments. See accessibility
visual language of website, 240–243
W
W3C (World Wide Web Consortium), 6
WAI-ARIA (Web Accessibility Initiative - Accessible Rich 
Internet Applications), 90
Walton, Trent, 234, 236
web browsers. See also fonts
adding metadata for, 8
appearance of title in, 9
caching pages in history, 73
clearfix method for older, 148
considering support for, 167
default line-height setting for, 110
defining paths to websites for, 35–36
fluid layouts in, 175–176
Internet Explorer support, 144, 167, 179
opening linked documents in, 33–34
position and z-index default values for, 155
preventing CSS styles from applying to HTML, 182
pros and cons of fixed designs for, 167
rendering description lists, 25
resetting default margins and padding for, 134–135
Responsive Design view tools in Firefox, 185
returning to original website, 37
setting default px size, 102–103
support for general sibling selector, 71
testing tools for, 244
upload buttons for, 223
video support in, 40, 43
viewing box dimensions in, 181
Documents you may be interested
Documents you may be interested