(eBook PDF) Web Development and

Design Foundations with HTML5 8th

Edition
Go to download the full and correct content document:
https://ebooksecure.com/product/ebook-pdf-web-development-and-design-foundation
s-with-html5-8th-edition/
More products digital (pdf, epub, mobi) instant
download maybe you interests ...

(eBook PDF) Web Development and Design Foundations with

HTML5 9th Edition by Terry Felke-Morris

http://ebooksecure.com/product/ebook-pdf-web-development-and-
design-foundations-with-html5-9th-edition-by-terry-felke-morris/

(eBook PDF) Web Development and Design Foundations with

HTML 7th

http://ebooksecure.com/product/ebook-pdf-web-development-and-
design-foundations-with-html-7th/

(eBook PDF) Basics of Web Design: Html5 & Css3 4th

Revised

http://ebooksecure.com/product/ebook-pdf-basics-of-web-design-
html5-css3-4th-revised/

Basics of Web Design: HTML5 & CSS, 6th Edition Terry

Felke-Morris - eBook PDF

https://ebooksecure.com/download/basics-of-web-design-
html5-css-6th-edition-ebook-pdf/
(eBook PDF) Responsive Web Design with HTML 5 & CSS 9th
Edition

http://ebooksecure.com/product/ebook-pdf-responsive-web-design-
with-html-5-css-9th-edition/

(eBook PDF) Full Stack Development with JHipster: Build

modern web applications and microservices with Spring
and Angular

http://ebooksecure.com/product/ebook-pdf-full-stack-development-
with-jhipster-build-modern-web-applications-and-microservices-
with-spring-and-angular/

(eBook PDF) Learning Web Design: A Beginner's Guide to

HTML, CSS, JavaScript, and Web Graphics 5th Edition

http://ebooksecure.com/product/ebook-pdf-learning-web-design-a-
beginners-guide-to-html-css-javascript-and-web-graphics-5th-
edition/

(eBook PDF) Translational Medicine in CNS Drug

Development, Volume 29

http://ebooksecure.com/product/ebook-pdf-translational-medicine-
in-cns-drug-development-volume-29/

Web design introductory. Sixth Edition / Jennifer T.

Campbell - eBook PDF

https://ebooksecure.com/download/web-design-introductory-ebook-
pdf/
 Preface vii

Web Research Each chapter offers web research activities that encourage students to
further study the topics introduced in the chapter.

Focus on Web Design Most chapters offer additional activities that explore the web
design topics related to the chapter. These activities can be used to reinforce, extend, and
enhance the course topics.

FAQs In the author’s web development courses, she is frequently asked similar questions
by students. They are included in this textbook and are marked with the identifying FAQ logo.

Checkpoints Each chapter contains two or three Checkpoints, which are groups of
questions to be used by students to self-assess their understanding of the material. A
­special Checkpoint icon appears with each group of questions.

Focus on Accessibility Developing accessible websites is more important than

ever and this textbook is infused with accessibility techniques throughout. The special icon Focus on
shown here makes accessibility information easy to find. Accessibility

Focus on Ethics Ethics issues related to web development are highlighted through-
out the textbook and are marked with the special ethics icon shown here.

Reference Materials The appendixes in the Web Developer’s Handbook offer ref-
erence materials, including an HTML5 Quick Reference, an XHTML Quick Reference,
­Special Entity Characters, Comparison of XHTML and HTML5, a CSS Property Reference,
a WCAG 2.0 Quick Reference, an FTP Tutorial, and a Web-Safe Color Palette.

VideoNotes VideoNotes are Pearson’s new visual tool designed for teaching students
key programming concepts and techniques. These short step-by-step videos demon-
VideoNote
strate how to solve problems from design through coding. VideoNotes allow for self-placed
instruction with easy navigation including the ability to select, play, rewind, fast-forward,
and stop within each VideoNote exercise.
Margin icons in your textbook let you know when a VideoNote video is available for a
particular concept or homework problem.

Supplemental Materials
Student Resources The student files for the web page exercises, Website Case
Study assignments, and access to the book’s VideoNotes are available to all readers of
this textbook at its companion website http://www.pearsonhighered.com/felke-morris. A
complimentary access code for the companion website is available with a new copy of this
textbook. Subscriptions may also be purchased online.

Instructor Resources The following supplements are available to qualified ­instructors

only. Visit the Pearson Instructor Resource Center (http://www.pearsonhighered.com/irc) or
send an e-mail to computing@aw.com for information on how to access them:
• Solutions to the end-of-chapter exercises
• Solutions for the case study assignments

A01_FELK0746_03_SE_FM.indd 7 12/21/15 7:04 PM

 viii Preface

• Test questions
• PowerPoint® presentations
• Sample syllabi

Author’s Website In addition to the publisher’s companion website for this textbook,
the author maintains a website at http://www.webdevfoundations.net. This website contains
additional resources, including review activities and a page for each chapter with exam-
ples, links, and updates. This website is not supported by the publisher.

Acknowledgments
Very special thanks go to all the folks at Pearson, especially Michael Hirsch,
Matt Goldstein, Carole Snyder, Camille Trentacoste, and Scott Disanno.
Thank you to the following people who provided comments and suggestions that were
useful for this eighth edition and previous editions:
Carolyn Andres—Richland College
James Bell—Central Virginia Community College
Ross Beveridge—Colorado State University
Karmen Blake—Spokane Community College
Jim Buchan—College of the Ozarks
Dan Dao—Richland College
Joyce M. Dick—Northeast Iowa Community College
Elizabeth Drake—Santa Fe Community College
Mark DuBois—Illinois Central College
Genny Espinoza—Richland College
Carolyn Z. Gillay—Saddleback College
Sharon Gray—Augustana College
Tom Gutnick—Northern Virginia Community College
Jason Hebert—Pearl River Community College
Sadie Hébert—Mississippi Gulf Coast College
Lisa Hopkins—Tulsa Community College
Barbara James—Richland Community College
Nilofar Kadivi—Richland Community College
Jean Kent—Seattle Community College
Mary Keramidas—Sante Fe College
Karen Kowal Wiggins—Wisconsin Indianhead Technical College
Manasseh Lee—Richland Community College
Nancy Lee—College of Southern Nevada
Kyle Loewenhagen—Chippewa Valley Technical College
Michael J. Losacco—College of DuPage
Les Lusk—Seminole Community College
Mary A. McKenzie—Central New Mexico Community College
Bob McPherson—Surry Community College
Cindy Mortensen—Truckee Meadows Community College
John Nadzam—Community College of Allegheny County
Teresa Nickeson—University of Dubuque
Brita E. Penttila—Wake Technical Community College
Anita Philipp—Oklahoma City Community College

A01_FELK0746_03_SE_FM.indd 8 12/21/15 7:04 PM

 Preface ix

Jerry Ross—Lane Community College

Noah Singer—Tulsa Community College
Alan Strozer—Canyons College
Lo-An Tabar-Gaul—Mesa Community College
Jonathan S. Weissman—Finger Lakes Community College
Tebring Wrigley—Community College of Allegheny County
Michelle Youngblood-Petty—Richland College

A special thank you also goes to Jean Kent, North Seattle Community College, and Teresa
Nickeson, University of Dubuque, for taking time to provide additional feedback and
sharing student comments about the book.
Thanks are in order to colleagues at William Rainey Harper College for their support and
encouragement, especially Ken Perkins, Enrique D’Amico, and Dave Braunschweig.
Most of all, I would like to thank my family for their patience and encouragement. My
wonderful husband, Greg Morris, has been a constant source of love, understanding,
support, and encouragement. Thank you, Greg! A big shout-out to my children, James and
Karen, who grew up thinking that everyone’s Mom had their own website. Thank you both
for your understanding, patience, and timely suggestions! And, finally, a very special
dedication to the memory of my father who is greatly missed.

About the Author

Terry Ann Felke-Morris is a Professor Emerita of Computer Information Systems at William
Rainey Harper College in Palatine, Illinois. She holds a Doctor of Education degree, a
Master of Science degree in information systems, and numerous certifications, including
Adobe Certified Dreamweaver 8 Developer, WOW Certified Associate Webmaster, Microsoft
Certified Professional, Master CIW Designer, and CIW Certified Instructor.
Dr. Felke-Morris has been honored with Harper College’s Glenn A. Reich Memorial Award
for Instructional Technology in recognition of her work in designing the college’s Web
Development program and courses. In 2006, she received the Blackboard Greenhouse
Exemplary Online Course Award for use of Internet technology in the academic
environment. Dr. Felke-Morris received two international awards in 2008: the Instructional
Technology Council’s Outstanding e-Learning Faculty Award for Excellence and the
MERLOT Award for Exemplary Online Learning Resources—MERLOT Business Classics.
With more than 25 years of information technology experience in business and industry,
Dr. Felke-Morris published her first website in 1996 and has been working with the Web
ever since. A long-time promoter of Web standards, she was a member of the Web
Standards Project Education Task Force. Dr. Felke-Morris was instrumental in developing
the Web Development certificate and degree programs at William Rainey Harper College.
For more information about Dr. Terry Ann Felke-Morris, visit http://terrymorris.net.

A01_FELK0746_03_SE_FM.indd 9 12/21/15 7:04 PM

 Contents

Chapter 1 1.7 Uniform Resource Identifiers and Domain

Names 13
URIs and URLs 13
Introduction to the Internet and Domain Names 13
World Wide Web 1 1.8 Markup Languages 16
1.1 The Internet and the Web 2 Standard Generalized Markup Language
The Internet 2 (SGML) 16
Birth of the Internet 2 Hypertext Markup Language
Growth of the Internet 2 (HTML) 16
Birth of the Web 2 Extensible Markup Language
The First Graphical Browser 2 (XML) 16
Convergence of Technologies 3 Extensible Hypertext Markup Language
(XHTML) 17
Who Runs the Internet? 3
HTML5—the Newest Version
Intranets and Extranets 4
of HTML 17
1.2 Web Standards and Accessibility 4
W3C Recommendations 4
1.9 Popular Uses of the Web 17
E-Commerce 17
Web Standards and Accessibility 5
Mobile Access 18
Accessibility and the Law 5
Blogs 18
Universal Design for the Web 5
Wikis 18
1.3 Information on the Web 6 Social Networking 18
Reliability and Information on the Web 6 Cloud Computing 19
Ethical Use of Information on the Web 7 RSS 19
1.4 Network Overview 8 Podcasts 19
Web 2.0 19
1.5 The Client/Server Model 9
1.6 Internet Protocols 10 Chapter Summary 21
File Transfer Protocol (FTP) 10 Key Terms 21
E-mail Protocols 11 Review Questions 21
Hypertext Transfer Protocol (HTTP) 11 Hands-On Exercise 22
Transmission Control Protocol/Internet Protocol Web Research 23
(TCP/IP) 11 Focus on Web Design 24

A01_FELK0746_03_SE_FM.indd 10 12/21/15 7:04 PM


Chapter 2 2.18 HTML Validation
HTML Basics 25
2.1 HTML Overview 26
HTML 26
XML 26
XHTML 26
HTML5 27
2.2 Document Type Definition 27
2.3 Web Page Template 28
2.4 HTML Element 28
2.5 Head, Title, Meta, and Body
Elements 28
The Head Section 28
The Body Section 29
2.6 Your First Web Page 29
2.7 Heading Element 33
Accessibility and Headings 35
2.8 Paragraph Element 35
Alignment 36
2.9 Line Break Element 37
2.10 Blockquote Element 38
2.11 Phrase Elements 39
2.12 Ordered List 40
The Type, Start, and Reversed
Attributes 41
2.13 Unordered List 42
2.14 Description List 44
2.15 Special Characters 46
2.16 Structural Elements 47
The Div Element 47
HTML5 Structural Elements 48
The Header Element 48
The Nav Element 48
The Main Element 48
The Footer Element 48
Practice with Structural Elements 50
2.17 Anchor Element 51
Absolute Hyperlinks 53
Relative Hyperlinks 53
Site Map 53
E-Mail Hyperlinks 57
Accessibility and Hyperlinks 58
A01_FELK0746_03_SE_FM.indd 11
Contents xi
Chapter Summary 62
59
Key Terms 62
Review Questions 63
Apply Your Knowledge 64
Hands-On Exercises 65
Web Research 66
Focus on Web Design 66
Website Case Study 66
Chapter 3
Configuring Color and Text
with CSS 81
3.1 Overview of Cascading Style
Sheets 82
Advantages of Cascading Style Sheets 82
Configuring Cascading Style Sheets 83
CSS Selectors and Declarations 83
The background-color Property 83
The color Property 84
Configure Background and Text Color 84
3.2 Using Color on Web Pages 85
Hexadecimal Color Values 86
Web-Safe Colors 86
CSS Color Syntax 86
3.3 Inline CSS with the Style Attribute 87
The Style Attribute 87
3.4 Embedded CSS with the Style
Element 89
Style Element 89
3.5 Configuring Text with CSS 92
The font-family Property 92
More CSS Text Properties 94
CSS3 text-shadow Property 97
3.6 CSS Class, Id, and Descendant
Selectors 100
The Class Selector 100
The Id Selector 101
The Descendant Selector 102
3.7 Span Element 104
3.8 Using External Style Sheets 105
Link Element 105
3.9 Center HTML Elements with CSS 110
12/21/15 7:04 PM
 xii Contents
3.10 The “Cascade” 112
3.11 CSS Validation 115
Chapter Summary 117
Key Terms 117
Review Questions 117
Apply Your Knowledge 118
Hands-On Exercises 120
Web Research 122
Focus on Web Design 122
Website Case Study 123
Chapter 4 CSS3 HSLA Color 180
Visual Elements and Graphics
4.1 Configuring Lines and Borders 136
The Horizontal Rule Element 136
The border and padding Properties 136
4.2 Types of Graphics 142
Graphic Interchange Format (GIF) Images 142
Joint Photographic Experts Group (JPEG)
Images 143
Portable Network Graphic (PNG) Images 144
New WebP Image Format 144
4.3 Image Element 145
Accessibility and Images 146
Image Hyperlinks 147
Accessibility and Image Hyperlinks 149
4.4 HTML5 Visual Elements 150
HTML5 Figure and Figcaption Elements 151
HTML5 Meter Element 153
HTML5 Progress Element 153
4.5 Background Images 154
The background-image Property 154
Browser Display of a Background Image 154
The background-repeat Property 155
The background-position Property 157
The background-attachment Property 158
4.6 More About Images 158
Image Maps 158
The Favorites Icon 160
Configuring a Favorites Icon 160
Image Slicing 162
CSS Sprites 162
4.7 Sources and Guidelines for Graphics
Sources of Graphics 162
Guidelines for Using Images 163
Accessibility and Visual Elements 164
A01_FELK0746_03_SE_FM.indd 12
4.8 CSS3 Visual Effects 165
The CSS3 background-clip
Property 165
The CSS3 background-origin
Property 166
The CSS3 background-size
Property 166
CSS3 Multiple Background Images 168
CSS3 Rounded Corners 170
The CSS3 box-shadow Property 172
The CSS3 opacity Property 176
CSS3 RGBA Color 178
CSS3 Gradients 183
135 Chapter Summary 185
Key Terms 185
Review Questions 185
Apply Your Knowledge 187
Hands-On Exercises 188
Web Research 189
Focus on Web Design 190
Website Case Study 190
5
Chapter
Web Design 205
5.1 Design for Your Target Audience 206
5.2 Website Organization 207
Hierarchical Organization 207
Linear Organization 208
Random Organization 208
5.3 Principles of Visual Design 209
Repetition: Repeat Visual Components
Throughout the Design 209
Contrast: Add Visual Excitement and Draw
Attention 209
Proximity: Group Related Items 210
Alignment: Align Elements to Create Visual
Unity 210
5.4 Design to Provide Accessibility 210
Who Benefits from Universal Design and
Increased Accessibility? 211
Accessible Design Can Benefit Search Engine
Listing 211
Accessibility is the Right Thing
162 to Do 211
5.5 Writing for the Web 212
Organize Your Content 212
Choosing a Font 213
12/21/15 7:04 PM

Font Size 213
Font Weight 213
Font Color Contrast 213
Line Length 214
Alignment 214
Text in Hyperlinks 214
Reading Level 214
Spelling and Grammar 214
5.6 Use of Color 214
Color Scheme Based on an Image 214
Color Wheel 215
Shades, Tints, Tones 215
Color Scheme Based on the
Color Wheel 216
Implementing a Color Scheme 217
Accessibility and Color 217
Colors and Your Target Audience 218
5.7 Use of Graphics and Multimedia
File Size and Image Dimensions
Matter 220
Antialiased/Aliased Text in Media 220
Use Only Necessary Multimedia 221
Provide Alternate Text 221
5.8 More Design Considerations
Load Time 221
Above the Fold 222
White Space 223
Avoid Horizontal Scrolling 223
Browsers 223
Screen Resolution 223
5.9 Navigation Design 224
Ease of Navigation 224
Navigation Bars 224
Breadcrumb Navigation 224
Using Graphics for Navigation 225
Skip Repetitive Navigation 225
Dynamic Navigation 225
Site Map 226
Site Search Feature 227
5.10 Page Layout Design 227
Wireframes and Page Layout 227
Page Layout Design Techniques 228
5.11 Design for the Mobile Web 231
Three Approaches 231
Mobile Device Design Considerations 231
Example Desktop Website and Mobile
Website 232
Mobile Design Quick Checklist 232
Responsive Web Design 232
A01_FELK0746_03_SE_FM.indd 13
Contents xiii
5.12 Web Design Best Practices
Checklist 234
Chapter Summary 238
Key Terms 238
Review Questions 238
Hands-On Exercises 239
Web Research 242
Focus on Web Design 242
Website Case Study 243
Chapter 6
Page Layout 247
6.1 The Box Model 248
Content 248
220 Padding 248
Border 248
Margin 248
The Box Model in Action 249
6.2 Normal Flow 250
6.3 CSS Float 252
221
6.4 CSS: Clearing a Float 254
The clear Property 254
The overflow Property 255
6.5 CSS Box Sizing 257
6.6 CSS Two-Column Layout 258
Your First Two-Column Layout 258
Two-Column Layout Example 261
6.7 Hyperlinks in an Unordered List 262
Configure List Markers with CSS 262
Vertical Navigation with an Unordered List 263
Horizontal Navigation with an Unordered List 264
6.8 CSS Interactivity with
Pseudo-Classes 265
CSS Buttons 267
6.9 Practice with CSS Two-Column
Layout 268
6.10 Header Text Image Replacement 271
Improved Header Text Image Replacement
Technique 272
6.11 Practice with an Image Gallery 273
6.12 Positioning with CSS 276
Static Positioning 276
Fixed Positioning 276
Relative Positioning 276
12/21/15 7:04 PM
 xiv Contents
Absolute Positioning 277
Practice with Positioning 278
6.13 CSS Debugging Techniques 280
Verify Correct HTML Syntax 280
Verify Correct CSS Syntax 280
Configure Temporary Background Colors 280
Configure Temporary Borders 280
Use Comments to Find the Unexpected
Cascade 281
6.14 More HTML5 Structural Elements
The Section Element 282
The Article Element 282
The Aside Element 282
The Time Element 282
6.15 HTML5 Compatibility with Older
Browsers 284
Configure CSS Block Display 285
HTML5 Shim 285
Chapter Summary 287
Key Terms 287
Review Questions 287
Apply Your Knowledge 288
Hands-On Exercises 291
Web Research 292
Focus on Web Design 292
Website Case Study 292
7
Chapter
More on Links, Layout, and
Mobile 307
7.1 Another Look at Hyperlinks 308
More on Relative Linking 308
Relative Link Examples 308
Fragment Identifiers 310
Landmark Roles with ARIA 312
The Target Attribute 312
Block Anchor 313
Telephone and Text Message Hyperlinks 313
7.2 CSS Sprites 313
7.3 Three-Column CSS Page Layout
7.4 CSS Styling for Print 322
Print Styling Best Practices 323
7.5 Designing for the Mobile Web 327
Mobile Web Design Best Practices 328
7.6 Viewport Meta Tag 330
A01_FELK0746_03_SE_FM.indd 14
7.7 CSS3 Media Queries 331
What’s a Media Query? 331
Media Query Example Using a Link
Element 332
Media Query Example Using an @media
Rule 332
7.8 Responsive Images 336
Flexible Images with CSS 336
HTML5.1 Picture Element 338
282 HTML5.1 Responsive Img Element
Attributes 340
Explore Responsive Images 341
7.9 Testing Mobile Display 342
Testing with a Desktop Browser 342
For Serious Developers Only 343
Media Queries and Internet Explorer 343
Mobile First 343
7.10 CSS3 Flexible Box Layout 344
Configure a Flexible Container 344
Configure the Flex Items 345
Chapter Summary 350
Key Terms 350
Review Questions 350
Apply Your Knowledge 351
Hands-On Exercises 354
Web Research 355
Focus on Web Design 355
Website Case Study 356
Chapter 8
Tables 371
8.1 Table Overview 372
Table Element 372
The border Attribute 373
Table Captions 373
8.2 Table Rows, Cells, and Headers 374
Table Row Element 374
Table Data Element 374
Table Header Element 374
316 8.3 Span Rows and Columns 376
The colspan Attribute 376
The rowspan Attribute 376
8.4 Configure an Accessible Table 378
8.5 Style a Table with CSS 380
8.6 CSS3 Structural Pseudo-Classes 382
12/21/15 7:04 PM
 Contents xv

8.7 Configure Table Sections 384 Telephone Number Input 425

Search Field Input 426
Chapter Summary 387 Datalist Form Control 426
Key Terms 387 Slider Form Control 427
Review Questions 387 Spinner Form Control 428
Apply Your Knowledge 388 Calendar Form Control 429
Hands-On Exercises 390 Color-well Form Control 430
Web Research 391 HTML5 and Progressive Enhancement 433
Focus on Web Design 391
Website Case Study 391 Chapter Summary 434
Key Terms 434

9
Review Questions 434
Apply Your Knowledge 435
Chapter Hands-On Exercises 437
Web Research 438
Forms 399
Focus on Web Design 439
9.1 Overview of Forms 400 Website Case Study 440
Form Element 400

10
Form Controls 401
9.2 Input Element Form Controls 401
Chapter
Text Box 402
Submit Button 403 Web Development 451
Reset Button 403
10.1 Successful Large-Scale Project
Check Box 405
Development 452
Radio Button 406
Project Job Roles 452
Hidden Input Control 407
Project Staffing Criteria 453
Password Box 408
10.2 The Development Process 453
9.3 Scrolling Text Box 408 Conceptualization 455
Textarea Element 408
Analysis 456
9.4 Select List 411 Design 456
Select Element 411 Production 458
Option Element 412 Testing 458
9.5 Image Buttons and the Button Launch 461
Element 413 Maintenance 462
Image Button 413 Evaluation 462
Button Element 413 10.3 Domain Name Overview 462
9.6 Accessibility and Forms 414 Choosing a Domain Name 462
Label Element 414 Registering a Domain Name 463
Fieldset and Legend Elements 416 10.4 Web Hosting 464
The tabindex Attribute 418 Web Hosting Providers 464
The accesskey Attribute 418
10.5 Choosing a Virtual Host 465
9.7 Style a Form with CSS 419
Chapter Summary 468
9.8 Server-Side Processing 420 Key Terms 468
Privacy and Forms 423 Review Questions 468
Server-Side Processing Resources 423 Hands-On Exercises 469
9.9 HTML5 Form Controls 424 Web Research 471
E-mail Address Input 424 Focus on Web Design 472
URL Input 425 Website Case Study 472

A01_FELK0746_03_SE_FM.indd 15 12/21/15 7:04 PM

 xvi Contents

Chapter 11 Chapter Summary 507

Key Terms 507
Review Questions 507
Web Multimedia and Apply Your Knowledge 509
Interactivity 473 Hands-On Exercises 510
Web Research 510
11.1 Plug-Ins, Containers, and Codecs 474
Focus on Web Design 511
11.2 Getting Started with Audio and Website Case Study 512
Video 476

12
Provide a Hyperlink 476
Working with Multimedia on the Web 477
Chapter
11.3 Adobe Flash 479
HTML5 Embed Element 479 E-Commerce Overview 517
Flash Resources 481 12.1 What Is E-Commerce? 518
11.4 HTML5 Audio and Video Elements 482 Advantages of E-Commerce 518
Audio Element 482 Risks of E-Commerce 519
Source Element 483 12.2 E-Commerce Business
HTML5 Audio on a Web Page 483 Models 520
Video Element 484 12.3 Electronic Data Interchange
Source Element 485 (EDI) 520
HTML5 Video on a Web Page 485
12.4 E-Commerce Statistics 520
11.5 M
 ultimedia Files and Copyright
Law 487 12.5 E-Commerce Issues 521
11.6 CSS and Interactivity 487 12.6 E-Commerce Security 523
Encryption 523
CSS Drop Down Menu 487
Integrity 524
CSS3 Transform Property 489
Secure Sockets Layer (SSL) 524
CSS3 Rotate Transform 490
Digital Certificate 525
CSS3 Scale Transform 490
SSL and Digital Certificates 526
CSS Transition Property 490
Practice with Transitions 493 12.7 Order and Payment Processing 526
Credit Card 527
11.7 Java 495
Stored-value Card 527
Adding a Java Applet to a
Web Page 496 Digital Wallet 527
Java Applet Resources 498 Digital Cash 527

11.8 JavaScript 498 12.8 E-Commerce Storefront

JavaScript Resources 500 Solutions 528
Instant Online Storefront 528
11.9 Ajax 500
Off-the-Shelf Shopping Cart Software 528
Ajax Resources 501
Custom-Built Solutions 528
11.10 jQuery 501 Semi-Custom-Built Solutions on
jQuery Resources 502 a Budget 529
11.11 HTML5 APIs 502 Chapter Summary 530
Geolocation 502 Key Terms 530
Web Storage 502 Review Questions 530
Offline Web Applications 503 Hands-On Exercises 531
Drawing with the Canvas Element 503 Web Research 532
11.12 Accessibility and Multimedia/ Focus on Web Design 533
Interactivity 505 Website Case Study 533

A01_FELK0746_03_SE_FM.indd 16 12/21/15 7:04 PM

 Contents xvii

13
Review Questions 564

Chapter Hands-On Exercises 565

Web Research 566
Web Promotion 547 Focus on Web Design 566
13.1 Search Engine Overview 548 Website Case Study 567

13.2 Popular Search Engines 548

13.3 Components of a Search Engine
Robot 548
548
Chapter 14
Database 549 A Brief Look at JavaScript and
Search Form 549 jQuery 571
13.4 Search Engine Optimization 549 14.1 Overview of JavaScript 572
Keywords 550
Page Titles 550
14.2 The Development of JavaScript 572
Heading Tags 550 14.3 Popular Uses for JavaScript 573
Description 550 Alert Message 573
Description Meta Tag 550 Popup Windows 573
Linking 551 Jump Menus 574
Images and Multimedia 551 Mouse Movement Techniques 574
Valid Code 551 14.4 Adding JavaScript to a Web Page 575
Content of Value 551 Script Element 575
13.5 Listing in a Search Engine 552 Legacy JavaScript Statement Block
Template 575
Map Your Site 553
Alert Message Box 576
Alliances 554

13.6 Monitoring Search Listings 554

14.5 Document Object Model Overview 578

13.7 Link Popularity 556 14.6 Events and Event Handlers 581

13.8 Social Media Optimization 556

14.7 Variables 584
Writing a Variable to a Web Page 584
Blogs and RSS Feeds 557
Collecting Variable Values Using a Prompt 586
Social Networking 557

13.9 Other Site Promotion Activities 557

14.8 Introduction to Programming
Concepts 588
Quick Response (QR) Codes 557
Arithmetic Operators 588
Affiliate Programs 558
Decision Making 588
Banner Ads 558
Functions 591
Banner Exchange 559
Reciprocal Link Agreements 559 14.9 Form Handling 594
Newsletters 559 14.10 Accessibility and JavaScript 600
Sticky Site Features 559
14.11 JavaScript Resources 601
Personal Recommendations 559
Newsgroup and Listserv Postings 559 14.12 Overview of jQuery 601
Traditional Media Ads and Existing Marketing 14.13 Adding jQuery to a Web Page 601
Materials 560 Download jQuery 601
13.10 Serving Dynamic Content with Inline Access jQuery via a Content Delivery
Network 602
Frames 560
The Ready Event 602
The Iframe Element 561
Video in an Inline Frame 562 14.14 jQuery Selectors 604
Chapter Summary 564 14.15 jQuery Methods 604
Key Terms 564 14.16 jQuery Image Gallery 607

A01_FELK0746_03_SE_FM.indd 17 12/21/15 7:04 PM

 xviii Contents

14.17 jQuery Plugins 611 Appendix C Special Entity

Characters 643
14.18 jQuery Resources 615
Appendix D Comparison of XHTML and
Chapter Summary 616 HTML5 645
Key Terms 616
Appendix E CSS Property Reference 653
Review Questions 616
Apply Your Knowledge 617 Appendix F WCAG 2.0 Quick
Hands-On Exercises 619 Reference 659
Web Research 620 Appendix G FTP Tutorial 661
Website Case Study 620
Appendix H Web-Safe Color Palette 665
Answers 667
Web Developer’s Hand book 633
Index 687
Appendix A HTML5 Quick Reference 635
Appendix B XHTML Quick Reference 639

LOCATION OF VIDEONOTES IN THE TEXT

VideoNote
A series of videos have been developed as a companion for this textbook. VideoNote
icons ­indicate the availability of a video on a specific topic.
Chapter 1 Evolution of the Web, p. 2
Chapter 2 Your First Web Page, p. 29
HTML Validation, p. 59
Chapter 3 External Style Sheets, p. 105
CSS Validation, p. 115
Chapter 4 CSS Background Images, p. 154
Rounded Corners with CSS, p. 170
Chapter 5 Principles of Visual Design, p. 209
Chapter 6 Interactivity with CSS pseudo-classes, p. 265
Chapter 7 Linking to a Named Fragment, p. 310
Chapter 8 Configure a Table, p. 372
Chapter 9 Connect a Form to Server-Side Processing, p. 421
Chapter 10 Choosing a Domain Name, p. 462
Chapter 11 HTML5 Video, p. 486
Chapter 12 E-Commerce Benefits and Risks, p. 518
Chapter 13 Configure an Inline Frame, p. 562
Chapter 14 JavaScript Message Box, p. 576

A01_FELK0746_03_SE_FM.indd 18 12/21/15 7:04 PM

 1
Introduction to the
Internet and World
Wide Web
Chapter Objectives   In this chapter, you will learn how to . . .

●● Describe the evolution of the Internet and ●● Identify ethical use of the Web
the Web ●● Describe the purpose of web browsers and
●● Explain the need for web standards web servers
●● Describe universal design ●● Identify networking protocols
●● Identify benefits of accessible web design ●● Define URIs and domain names
●● Identify reliable resources of information on ●● Describe HTML, XHTML, and HTML5
the Web ●● Describe popular trends in the use of the Web

The Internet and the Web are parts of our daily lives. How did they
begin? What networking protocols and programming languages work behind the
scenes to display a web page? This chapter provides an introduction to some of
these topics and is a foundation for the information that web developers need to
know. You’ll be introduced to Hypertext Markup Language (HTML), the language
used to create web pages.

M01_FELK0746_03_SE_C01.indd 1 12/21/15 7:05 PM

 2 Chapter 1 Introduction to the Internet and World Wide Web

1.1 The Internet and the Web

The Internet
The Internet, the interconnected network of computer networks that spans the globe,
seems to be everywhere today. It has become part of our lives. You can’t watch television
or listen to the radio without being urged to visit a website. Even newspapers and maga-
zines have their place on the Internet.

Birth of the Internet

The Internet began as a network to connect computers at research facilities and univer-
sities. Messages in this network would travel to their destination by multiple routes, or
paths. This configuration allowed the network to function even if parts of it were broken or
destroyed. In such an event, the message would be rerouted through a functioning por-
tion of the network while traveling to its destination. This network was developed by the
Advanced Research Projects Agency (ARPA)—and the ARPAnet was born. Four comput-
ers (located at UCLA, Stanford Research Institute, University of California Santa Barbara,
and the University of Utah) were connected by the end of 1969.

Growth of the Internet

As time went on, other networks, such as the National Science Foundation’s NSFnet, were
created and connected with the ARPAnet. Use of this interconnected network, or Internet,
was originally limited to government, research, and educational purposes. The number
of individuals accessing the Internet continues to grow each year. According to Internet
World Stats (http://www.internetworldstats.com/emarketing.htm), the percentage of the
global population that used the Internet was 0.4% in 1995, 5.8% in 2000, 15.7% in 2005,
28.8% in 2010, and 45% in 2015. Visit http://www.internetworldstats.com to explore more
statistics about the usage and growth of the Internet.
The lifting of the restriction on commercial use of the Internet in 1991 set the stage for future
electronic commerce: Businesses were now welcome on the Internet. However, the Internet
was still text based and not easy to use. The next set of developments solved this issue.

Birth of the Web

While working at CERN, a research facility in Switzerland, Tim Berners-Lee envisioned a
means of communication for scientists by which they could easily “hyperlink” to another
research paper or article and immediately view it. Berners-Lee created the World Wide
VideoNote
Evolution of the Web Web to fulfill this need. In 1991, Berners-Lee posted the code for the Web in a newsgroup
and made it freely available. This version of the World Wide Web used Hypertext Transfer
Protocol (HTTP) to communicate between the client computer and the web server, used
Hypertext Markup Language (HTML) to format the documents, and was text based.

The First Graphical Browser

In 1993, Mosaic, the first graphical web browser became available. Marc Andreessen and
graduate students working at the National Center for Supercomputing Applications (NCSA)
at the University of Illinois Urbana–Champaign developed Mosaic. Some individuals in this

M01_FELK0746_03_SE_C01.indd 2 12/21/15 7:05 PM

 1.1 The Internet and the Web 3

group later created another well-known web browser—Netscape Navigator—which is an

ancestor of today’s Mozilla Firefox browser.

Convergence of Technologies
By the early 1990s, personal computers with easy-to-use graphical operating systems (such
as Microsoft’s Windows, IBM’s OS/2, and Apple’s Macintosh OS) were increasingly available
and affordable. Online service providers such as CompuServe, AOL, and Prodigy offered
low-cost connections to the Internet. Figure 1.1 depicts this convergence of available com-
puter hardware, easy-to-use operating systems, low-cost Internet connectivity, the HTTP
protocol and HTML language, and a graphical browser that made information on the Inter-
net much easier to access. The World Wide Web—the graphical user interface to informa-
tion stored on computers running web servers connected to the Internet—had arrived!

Figure 1.1 Convergence of Technologies. Used by permission of World Wide Web

Consortium (W3C)

Who Runs the Internet?

You may be surprised that there is no single person “in charge” of the global intercon-
nected network of computer networks known as the Internet. Instead, Internet infrastruc-
ture standards are overseen by groups such as the Internet Engineering Task Force (IETF)
and the Internet Architecture Board (IAB). The IETF is the principal body engaged in the
development of new Internet protocol standard specifications. It is an open international
community of network designers, operators, vendors, and researchers concerned with
the evolution of Internet architecture and the smooth operation of the Internet. The actual
technical work of the IETF is completed in its working groups. These working groups are
organized into areas by topic, such as security and routing.

M01_FELK0746_03_SE_C01.indd 3 12/21/15 7:05 PM

 4 Chapter 1 Introduction to the Internet and World Wide Web

The IAB is a committee of the IETF and provides guidance and broad direction to the IETF. As
a function of this purpose, the IAB is responsible for the publication of the Request for Com-
ments (RFC) document series. An RFC is a formal document from the IETF that is drafted by
a committee and subsequently reviewed by interested parties. RFCs are available for online
review at http://www.ietf.org/rfc.html. Some RFCs are informational in nature, while others are
meant to become Internet standards. In the latter case, the final version of the RFC becomes
a new standard. Future changes to the standard must be made through subsequent RFCs.
The Internet Corporation for Assigned Numbers and Names (ICANN), http://www.icann.org,
was created in 1998 and is a nonprofit organization. Its main function is to coordinate the
assignment of Internet domain names, IP address numbers, protocol parameters, and pro-
tocol port numbers. Prior to 1998, the Internet Assigned Numbers Authority (IANA) coordi-
nated these functions. IANA still performs certain functions under the guidance of ICANN
and maintains a website at http://www.iana.org.

Intranets and Extranets

Recall that the Internet is an interconnected network of computer networks that is globally
available. When an organization needs the communication capabilities of the Internet, but
doesn’t want its information to be available to everyone, either an intranet or extranet is
appropriate.
An intranet is a private network that is contained within an organization or business. Its
purpose is to share organizational information and resources among coworkers. When an
intranet connects to the outside Internet, usually a gateway or firewall protects the intranet
from unauthorized access.
An extranet is a private network that securely shares part of an organization’s information
or operations with external partners such as suppliers, vendors, and customers. Extranets
can be used to exchange data, share information exclusively with business partners, and
collaborate with other organizations. Privacy and security are important issues in extranet
use. Digital certificates, encryption of messages, and virtual private networks (VPNs) are
some technologies used to provide privacy and security for an extranet. Digital certificates
and encryption used in e-commerce are discussed in Chapter 12.

1.2 Web Standards and Accessibility

Just as with the Internet, no single person or group runs the World Wide Web. However,
the World Wide Web Consortium (http://www.w3.org), referred to as the W3C, takes a pro-
active role in developing recommendations and prototype technologies related to the Web.
Topics that the W3C addresses include web architecture, standards for web design, and
accessibility. In an effort to standardize web technologies, the W3C produces specifications
called recommendations.

W3C Recommendations
The W3C Recommendations are created in working groups with input from many major cor-
porations involved in building web technologies. These recommendations are not rules; they
are guidelines. Major software companies that build web browsers, such as Microsoft, do not
always follow the W3C Recommendations. This makes life challenging for web developers
because not all browsers will display a web page in exactly the same way. The good news

M01_FELK0746_03_SE_C01.indd 4 12/21/15 7:05 PM

 1.2 Web Standards and Accessibility 5

is that there is a convergence toward the W3C Recommendations in new versions of major
browsers. You’ll follow W3C Recommendations as you code web pages in this book. Follow-
ing the W3C Recommendations is the first step toward creating a website that is accessible.

Web Standards and Accessibility

The Web Accessibility Initiative (WAI) (http://www.w3.org/WAI), is a major area of work by
the W3C. Since the Web has become an integral part of daily life, there is a need for all
individuals to be able to access it. Focus on
Accessibility
The Web can present barriers to individuals with visual, auditory, physical, and neuro-
logical disabilities. An accessible website provides accommodations that help individu-
als overcome these barriers. The WAI has developed recommendations for web content
developers, web authoring tool developers, web browser developers, and developers of
other user agents to facilitate use of the Web by those with special needs. See the WAI’s
Web Content Accessibility Guidelines (WCAG) at http://www.w3.org/WAI/WCAG20/glance/
WCAG2-at-a-Glance.pdf for a quick overview.

Accessibility and the Law

The Americans with Disabilities Act (ADA) of 1990 is a federal civil rights law that prohibits
discrimination against people with disabilities. The ADA requires that business, federal,
and state services are accessible to individuals with disabilities. A 1996 Department of Jus- Focus on
tice ruling (http://www.justice.gov/crt/foia/readingroom/frequent_requests/ada_coreletter/ Accessibility
cltr204.txt) indicated that ADA accessibility requirements apply to Internet resources.
Section 508 of the Federal Rehabilitation Act was amended in 1998 to require that U.S. gov-
ernment agencies give individuals with disabilities access to information technology that is
comparable to the access available to others. This law requires developers creating information
technology (including web pages) for use by the federal government to provide for accessibil-
ity. The Federal IT Accessibility Initiative (http://www.section508.gov) provides accessibility
requirement resources for information technology developers. As the
Web and Internet technologies developed, it became necessary to
review the original Section 508 requirements. New proposed Section
508 requirements were aligned to WCAG 2.0 guidelines and released
for comment in 2015. This textbook focuses on WCAG 2.0 guidelines
to provide for accessibility.
In recent years, state governments have also begun to encourage
and promote web accessibility. The Illinois Information Technology
Accessibility Act (IITAA) guidelines (see http://www.dhs.state.il.us/
IITAA/IITAAWebImplementationGuidelines.html) are an example of
this trend.

Universal Design for the Web

The Center for Universal Design defines universal design as “the
design of products and environments to be usable by all people,
to the greatest extent possible, without the need for adaptation or
specialized design.” Examples of universal design are all around
us. The cutouts on curbs that make it possible for people in wheel-
chairs to access the street also benefit a person pushing a stroller
or riding a Segway Personal Transporter (Figure 1.2). Doors that
Figure 1.2 A smooth ride is a benefit of
universal design. Definition from The Principles
of Universal Design by The Center for Universal
Design. Published by by NC State University,
©1997

M01_FELK0746_03_SE_C01.indd 5 12/21/15 7:05 PM

 6 Chapter 1 Introduction to the Internet and World Wide Web

open automatically for people with mobility challenges also benefit people carrying pack-
ages. A ramp is useful for a person in a wheelchair, a person dragging a rolling backpack
or carry-on bag, and so on.
Awareness of universal design by web developers has been steadily increasing. Forward-
thinking web developers design with accessibility in mind because it is the right thing to
do. Providing access for visitors with visual, auditory, and other challenges should be an
integral part of web design rather than an afterthought.
A person with visual difficulties may not be able to use graphical navigation buttons and may
use a screen reader device to provide an audible description of the web page. By making a
few simple changes, such as providing text descriptions for the images and perhaps providing
a text navigation area at the bottom of the page, web developers can make the page accessi-
ble. Often, providing for accessibility increases the usability of the website for all visitors.
Accessible websites, with alternative text for images, headings used in an organized man-
ner, and captions or transcriptions for multimedia features, are more easily used not only
Focus on
Accessibility by visitors with disabilities, but also by visitors using a browser on a mobile device such as
a phone or tablet. Finally, accessible websites may be more thoroughly indexed by search
engines, which can be helpful in bringing new visitors to a site. As this text introduces web
development and design techniques, corresponding web accessibility and usability issues are
discussed.

1.3 Information on the Web

These days anyone can publish just about anything on the Web. In this section we’ll
explore how you can tell if the information you’ve found is reliable and how you can use
that information.

Reliability and Information on the Web

There are many websites—but which ones are reliable sources of information? When
visiting websites to find information, it is important not to take everything at face value
(Figure 1.3).
Questions to ask about web resources are listed as follows;
• Is the organization credible?
Anyone can post anything on the Web! Choose your information
sources wisely. First, evaluate the credibility of the website itself.
Does it have its own domain name, such as http://mywebsite.com,
or is it a free website consisting of just a folder of files hosted on a
free web hosting site (such as weebly.com, awardspace.com, or
000webhost.com)? The URL of a free website usually includes part
of the free web host's domain name. Information obtained from a
website that has its own domain name will usually (but not always)
be more reliable than information obtained from a free website.
Evaluate the type of domain name: Is it for a nonprofit organization
(.org), a business (.com or .biz), or an educational institution (.edu)?
Businesses may provide information in a biased manner, so be
Figure 1.3 Who really updated that web careful. Nonprofit organizations and schools will sometimes treat a
page you are viewing? subject more objectively.

M01_FELK0746_03_SE_C01.indd 6 12/21/15 7:05 PM

Another random document with
no related content on Scribd:
attempt elsewhere in a circuit of a few [268]inches. No exploration of
the gallery—no anxiety for the distressed larva; though the grub,
whose delicate skin has just exchanged the gentle moisture of a
cave for burning sunshine, is writhing on its heap of chewed Diptera,
the mother takes no notice of it. For her it is no more than any one of
the objects strewn on the sand,—a little pebble, a clod, a scrap of
dried mud,—nothing more. It is undeserving of attention. This tender,
faithful mother, who wears herself out in efforts to reach her
nursling’s cradle, cares nothing just now but for her entrance door—
the door she is used to. That which goes to her maternal heart is the
longing to find the well-known passage. Yet the way is open; nothing
holds her back, and under her eyes wriggles the grub, the final
object of her anxiety. With one spring she would be at the side of the
unhappy larva who so needs help. Why does she not rush to her
beloved nursling? She could dig a new habitation and get it swiftly
underground. But no—she persists in seeking a way which no longer
exists, while her son is grilled under her eyes. I was boundlessly
surprised by this obtuse maternity, since maternity is the most
powerful and most fertile in resource of all feelings which move the
animal. Hardly could I have believed my eyes but for endless
experiments on the Cerceris and Philanthidæ, as well as on
Bembecidæ of different species. Stranger still, the mother, after long
hesitation, at length entered the unroofed passage—all that was left
of the corridor. She advanced, drew back, and gave a few careless
sweeps without stopping. Guided by vague recollections, and
perhaps by the smell of [269]venison exhaled from the heap of
Diptera, she came occasionally as far as the end of the gallery, the
very spot where lay the larva. Mother and son had met. At this
moment of reunion after long anxiety, were there earnest solicitude,
sign of tenderness, or of maternal joy? Whoever thinks so has only
to repeat my experiment to convince himself of the contrary. The
Bembex did not recognise her larva at all; it was a worthless thing, in
her way,—nothing but an embarrassment. She walked over it and
trampled it unheeding, as she hurried backwards and forwards. If
she wanted to dig at the bottom of the cell, she rudely kicked it
behind her,—pushed, upset, expelled it, as she might have treated a
large bit of gravel which got in her way while at work. Thus
maltreated, the larva bethought itself of defence. I have seen it seize
her by one tarsus with no more ceremony than she would have
shown in biting the foot of a Dipteron caught by her. The struggle
was sharp, but at last the fierce mandibles let go, and the mother
flew wildly away with her sharpest hum. This unnatural scene of the
son biting the mother, and perhaps even trying to eat her, is unusual,
and brought about by circumstances which the observer is not
always able to conjure up. What one can always witness is the
profound indifference of the Hymenopteron for its offspring, and the
brutal disdain with which that inconvenient heap, the grub, is treated.
Once she has raked out the far end of the passage, which is done in
a moment, the Bembex returns to her favourite point, the threshold,
to resume her useless researches. As for the grub, it continues to
struggle [270]and wriggle wherever the maternal kicks may have
landed it. It will perish unaided by its mother, who could not
recognise it because she was unable to find the passage she was
used to. If we return to-morrow, we shall find it in the gallery, half-
broiled by the sun, and already a prey to the flies—once its own
prey.

Such is the connection in acts of instinct; one leading to the next in

an order that the most serious circumstances have no power to alter.
After all, what was the Bembex seeking? Her larva, evidently. But to
reach this larva she had to enter the burrow, and to enter the burrow
she had to find the door, and the mother persists in seeking this door
while the gallery lay open with provender and larva all before her.
The ruined abode, the endangered family, were for the moment
unimportant; all she could think of was the familiar passage reached
through loose sand. Let all go—habitation and inhabitant—if this
passage be not found! Her actions are like a series of echoes,
awaking one another in a fixed order, the following one only
sounding when the preceding has sounded. Not because there was
any obstacle; the burrow was all open, but for want of the usual
entrance the first action could not take place. That decides
everything; the first echo is mute, and so all the rest are silent. What
a gulf between intelligence and instinct! Through the ruins of the
shattered dwelling a mother guided by intelligence rushes straight to
her son; guided by instinct she stops obstinately where once was the
door. [271]
[Contents]
XX
 MASON BEES

Réaumur has dedicated one of his studies to the Chalicodoma of walls, which
he calls the Mason Bee. I propose to resume this study, to complete it, and
especially to consider it from a point of view entirely neglected by that illustrious
observer. And first of all I am tempted to state how I made acquaintance with this
Hymenopteron. It was when I first began to teach—towards a.d. 1843. On
leaving the Normal School of Vaucluse a few months previously, with my
certificate, and the naïve enthusiasm of eighteen, I was sent to Carpentras to
manage the primary school belonging to the college. A singular school it was,
upon my word, notwithstanding its fine title of “Upper”!—a kind of vast cellar
breathing out the damp engendered by a fountain backing on it in the street.
Light came in through a door opening outward when the weather allowed of it,
and a narrow prison-window, with iron-bars, and little diamond panes set in lead.
For seats there was a plank fastened to the walls all round the room; in the
middle was a chair guiltless of straw, a blackboard, and a bit of chalk. [272]

Morning and evening, at the sound of a bell, there tumbled in some fifty young
rascals, who, having failed to master De viris and the Epitome, were devoting
themselves, as one said then, to “some good years of French.” The failures at
“Rosa, a Rose,” came to me to learn a little spelling. Children were mingled with
tall lads at various stages of education, and all distressingly agreed in playing
tricks on the master—no older, even younger, than some of themselves.

I taught the little ones to read syllables, the middle ones to hold a pen in the right
way while writing a few words of dictation on their knees; for the eldest I unveiled
the secrets of fractions, and even the mysteries of the hypotenuse. And the only
means I had to keep this restless crowd in order, give each mind appropriate
food, arouse attention, expel dulness from the gloomy room whose very walls
dripped melancholy, were my tongue and a bit of chalk.

For that matter there was equal disdain in the other classes for all which was not
Latin or Greek. One instance will suffice to show the style in which physical
science was treated, now so large a part of education. The principal of this
college was an excellent man—the worthy Abbé X, who, not anxious himself to
grow green peas and bacon, turned over such matters to some relation of his,
and undertook to teach physical science.
 [To face p. 272.
MASON BEES—CHALICODOMA MURARIA ON OLD NEST

Let us attend one of his lessons, which happens to be on the barometer. By

good luck the college owned one. It was an old article, very dusty, hung high out
of reach of profane hands, and bearing on [273]its face in large letters the words,
Storm, Rain, Fine. “The barometer,” began the good abbé, addressing himself to
his disciples—he used a fatherly second person singular to each,—“the
barometer gives notice of good or bad weather. Thou seest the words written
here—Storm, Rain—thou seest, Bastien?” “I see,” replies Bastien, the most
mischievous of the troop. He has run through his book, and knows more about
the barometer than does his professor. “It is composed,” the abbé goes on, “of a
curved glass tube full of mercury which rises and falls according to the weather.
The small branch of this tube is open; the other—the other—we shall see as to
the other. Bastien—Get on this chair, and just feel with the tip of thy finger if the
long branch is open or closed. I do not quite remember.” Bastien goes to the
chair, stands as high as he can on tip-toe, and feels the top of the long column
with a finger tip. Then, with a slight smile under the down of his dawning
moustache, he replies, “Yes, exactly; yes, the long branch is open at the top. I
can feel the hollow.” And to corroborate his mendacious statement he went on
moving his forefinger on the top of the tube, while his co-disciples, accomplices
in mischief, stifled their laughter as best they could. The abbé said calmly, “That
will do. Come down, Bastien. Gentlemen, write in your notes that the long
branch of the barometer is open. You might forget it. I had forgotten it myself.”

Thus were physics taught. Things mended, however; a master came, and came
to stay,—one who knew that the long branch of a barometer is [274]closed. I
obtained tables on which my pupils could write instead of scrawling on their
knees, and as my class grew daily larger, it ended by being divided. As soon as I
had an assistant to look after the younger ones, things changed for the better.

Among the subjects taught, one pleased master and pupils equally. This was
out-of-door geometry, practical surveying. The college had none of the
necessary outfit, but with my large emoluments—700 francs, if you please!—I
could not hesitate as to making the outlay. A measuring chain and stakes, a
level, square, and compass were bought at my expense. A tiny graphometer,
hardly bigger than one’s palm, and worth about 4s. 2d., was furnished by the
college. We had no tripod, and I had one made. In short, my outfit was complete.
When May came, once a week the gloomy class-room was exchanged for the
fields, and we all felt it as a holiday. There were disputes as to the honour of
carrying the stakes, divided into packets of three, and more than one shoulder
as we went through the town felt glorified in the sight of all by the learned
burden. I myself—why conceal it?—was not without a certain satisfaction at
carrying tenderly the most precious part of the apparatus, the famous four-and-
twopenny graphometer. The scene of operations was an uncultivated pebbly
plain—a harmas, as we call it in these parts. No curtain of live hedge, no
bushes, hindered me from keeping an eye upon my followers; here—an all
important condition—I need not fear temptation from green apricots for my
scholars. There was free scope for all imaginable [275]polygons; trapezes and
triangles might be joined at will. Wide distances suggested plenty of elbow room,
and there was even an ancient building, once a dovecote, which lent its vertical
lines to the service of the graphometer.

Now from the very first a suspicious something caught my attention. If a scholar
were sent to plant a distant stake I saw him frequently pause, stoop, rise, seek
about, and stoop again, forgetful of straight line and of signals. Another, whose
work it was to pick up pegs, forgot the iron spike and took a pebble instead; and
a third, deaf to the measurements of the angle, crumbled up a clod. The greater
number were caught licking a bit of straw, and polygons stood still, and
diagonals came to grief. What could be the mystery? I inquired, and all was
explained. Searcher and observer born, the scholar was well aware of what the
master was ignorant of—namely, that a great black bee makes earthen nests on
the pebbles of the harmas, and that in these nests there is honey. My surveyors
were opening and emptying the cells with a straw. I was instructed in the proper
method. The honey, though somewhat strong-flavoured, is very acceptable; I in
turn acquired a taste for it, and joined the nest-hunters. Later, the polygon was
resumed. Thus it was that for the first time I saw Réaumur’s Mason Bee,
knowing neither its history nor its historian.

This splendid Hymenopteron, with its dark violet wings and costume of black
velvet, its rustic constructions on the sun-warmed pebbles among the thyme, its
honey, which brought diversion from the severities [276]of compass and square,
made a strong impression on my mind, and I wished to know more about it than
my pupils had taught me—namely, how to rob the cells of their honey with a
straw. Just then my bookseller had for sale a magnificent work on insects, The
Natural History of Articulated Animals, by de Castelnau, E. Blanchard, and
Lucas. It was enriched with many engravings which caught the eye. But alas, it
had a price—such a price! What did that matter? My 700 francs ought surely to
suffice for everything—food for the mind as well as for the body. That which I
bestowed on the one I retrenched from the other—a balance of accounts to
which whoever takes science for a livelihood must needs resign himself. The
purchase was made. That day I bled my university stipend abundantly; I paid
away a whole month of it. It took a miracle of parsimony to fill up the enormous
deficit.

The book was devoured—I can use no other word. There I learned the name of
my black bee, and there I read for the first time details of the habits of insects,
and found, with what seemed to my eyes an aureole round them, the venerated
names of Réaumur, Huber, Léon Dufour; and while I turned the pages for the
hundredth time, a voice whispered vaguely, “Thou too shalt be a historian of
animals!” Naïve illusions! where are you? But let us banish these recollections,
both sweet and sad, and come to the doings of our black bee.

Chalicodoma, house of pebbles, rough-cast mortar, a name which would be

perfect did it not look odd to any one not well up in Greek. It is a [277]name
applied to those Hymenoptera that build cells with materials such as we use for
our dwellings. It is masonry, but made by a rustic workman, better used to dried
clay than to hewn stone. A stranger to scientific classification (and this causes
great obscurity in some of his memoirs), Réaumur called the worker after the
work, and named our builders in dried clay Mason Bees, which paints them
exactly. We have two kinds, C. muraria, whose history is admirably given by
Réaumur, and C. sicula, which is not special to the land of Etna, as the name
suggests, but is found in Greece, Algeria, and the Mediterranean region of
France, especially in the department of Vaucluse, where in May it is one of the
most common Hymenoptera. The two sexes of C. muraria are so unlike in
colouring that a novice observing both coming out of the same nest would take
them for strangers to one another. The female is of a splendid velvet black, with
dark violet wings; in the male the black velvet is replaced by a bright iron-red
fleece. The second species—a much smaller one—has not this difference of
colour, both sexes wearing the same costume—a general mixture of brown, red,
and ashy tints. Both begin to build in the beginning of May. The wing-tips,
washed with violet on a bronze ground, faintly recall the rich purple of the first
species.

As Réaumur tells us, C. muraria in the northern provinces chooses as the place
to fix her nest a wall well exposed to the sun and not plastered, as the plaster
might come off and endanger her cells. She only entrusts her constructions to a
solid foundation, such as a bare stone. I see that she is equally [278]prudent in
the south, but, for some reason unknown to me, she generally chooses some
other base than the stone of a wall. A rolled pebble, often hardly larger than
one’s fist,—one of those with which the waters of the glacial period covered the
terraces of the Rhône valley,—is her favourite support. The great ease with
which such a one is found may influence her; all our slightly raised plateaux, all
our arid thyme-clad ground, are but heaped pebbles cemented with red earth. In
the valleys the bee can also use the stones gathered in torrent beds; near
Orange, for instance, her favourite spots are the alluviums of the Aygues, with
their stretches of rolled boulders no longer visited by water. Or if a pebble be
wanting, she will establish her nest on a boundary stone or an enclosing wall.

Chalicodoma sicula has a yet greater variety of choice. Her favourite position is
under a tile projecting from the edge of a roof. There is scarcely a little dwelling
in the fields that does not thus shelter her nests. There, every spring, she
establishes populous colonies, whose masonry, transmitted from one generation
to another, and yearly enlarged, finally covers a very considerable surface. I
have seen such a one under the tiles of a shed, which spread over five or six
square yards. When the colony were hard at work, their number and humming
fairly made one dizzy. The underpart of a balcony pleases them equally, or the
frame of an unused window,—above all, if closed by a sun-shutter, which offers
a free passage. But these are great meeting-places, where labour, each for
herself, hundreds and thousands of workers. If alone, which not seldom occurs,
Chalicodoma [279]sicula establishes herself in the first little spot she can find, so
long as it has a solid basis and heat. As for the nature of this basis it matters
little. I have seen nests built on bare stones and brick, on a shutter, and even on
the glass panes in a shed. One thing only does not suit the bee—namely, the
stucco of our houses. Prudent, like her retainer C. muraria, she would fear ruin
to her cells did she entrust them to a support which might fall.

Finally, for reasons which I cannot yet satisfactorily explain, C. sicula often
entirely changes her manner of building, turning her heavy mortar dwelling,
which seems to require a rock to support it, into an aerial one, hung to a bough.
A bush in a hedge,—no matter what—hawthorn, pomegranate, or Paliurus,—
offers a support, usually about the height of a man, Ilex and elm give a greater
height. The bee chooses in some thicket a bough about as thick as a straw, and
constructs her edifice on this narrow base with the same mortar which would be
used under a balcony or the projecting edge of a roof. When finished, the nest is
a ball of earth, traversed literally by the bough. If made by a single insect it is the
size of an apricot, and of a fist if several have worked at it; but this seldom
occurs.

Both species use the same materials, a calcareous clay, mixed with a little sand
and kneaded with the mason’s own saliva. Damp spots which would facilitate
labour and spare saliva to mix mortar are disdained by the Chalicodoma, which
refuses fresh earth for building, just as our builders refuse old plaster and lime.
Such materials when soaked with humidity would not hold properly. What is
needed is a dry [280]powder, which readily absorbs the disgorged saliva, and
forms with the albuminous principles of this liquid a kind of Roman cement,
hardening quickly,—something like what we obtain with quicklime and white of
egg.
 [To face p. 280.
MASON BEES—CHALICODOMA SICULA AND NEST

A beaten road, formed of calcareous boulders crushed by passing wheels into a

smooth surface like paving stones, is the quarry whence Chalicodoma sicula
prefers to get mortar; whether she builds on a branch, in a hedge, or under the
jutting roof of some rural habitation, it is always from a neighbouring path, or a
road, or the highway, that she seeks materials—indifferent to the constant
passing of beasts and travellers. You should see the active bee at work when
the road is dazzling white in the hot sunshine. Between the neighbouring farm
where she is building and the road where the mortar is prepared, there is the
deep hum of the bees perpetually crossing each other as they come and go.
The air seems traversed by constant trails of smoke, so rapid and direct is their
flight. Those who go carry away a pellet of mortar as big as small shot; those
who come settle on the hardest and driest spots. Their whole body vibrates as
they scratch with the tips of their mandibles, and rake with their forefeet to
extract atoms of earth and grains of sand, which, being rolled between their
teeth, become moist with saliva and unite. They work with such ardour that they
will let themselves be crushed under the foot of a passer-by rather than move.
Chalicodoma muraria, however, which seeks solitude, far from human
habitation, is rarely seen on beaten paths; perhaps they are too distant from the
places where she builds. If [281]she can find dry earth, rich in small gravel, near
the boulder chosen as the basis of her nest, she is contented. She may either
make quite a new nest in a spot hitherto unoccupied, or over the cells of an old
one, after repairing them. Let us consider the first case.

After choosing a boulder, she comes with a pellet of mortar in her mandibles,
and arranges it in a ring on the surface of the pebble. The forefeet, and above all
the mandibles, which are her most important tools, work the material, which is
kept plastic by the gradually disgorged saliva. To consolidate the unbaked clay,
angular pieces of gravel, as large as a small bean, are worked in singly on the
outside of the still soft mass. This is the foundation of the edifice. Other layers
are added until the cell has the required height of three or four centimetres. The
masonry is formed by stones laid on one another and cemented with lime, and
can stand comparison with our own. True, to economise labour and mortar, the
bee uses coarse materials,—large bits of gravel, which in her case answer to
hewn blocks. They are chosen singly—very hard ones, almost always with
angles which, fitted together, give mutual support, and add solidity to the whole.
Layers of mortar, sparingly used, hold them together. The outside of the cell thus
assumes the look of a piece of rustic architecture, in which stones project with
their natural inequalities; but over the inside, which requires a smoother surface
in order not to wound the tender skin of the larva, is spread a wash of pure
mortar—artlessly, however, as if by broad sweeps of a trowel; and when it has
eaten up its honey paste, the grub [282]takes care to make a cocoon and hang
the rude wall of its abode with silk. The Anthophora and Halictus, whose larvæ
spin no cocoon, varnish the inside of their earthen cells delicately, giving them
the polish of worked ivory.

The construction, the axis of which is always nearly vertical, with an orifice
opening upward, so that the fluid honey may not run out, differs a little in form,
according to its basis. On a horizontal surface it rises like a little oval tower; on a
vertical or slanting one it resembles half a thimble cut down its length. In this
case the support—the pebble itself—completes the surrounding wall. The cell
completed, the bee sets to work at once to store it. The neighbouring flowers,
especially those of Genista scorpius, which in May turn the alluviums of the
torrents golden, furnish sugared liquid and pollen. She comes with her crop
swelled with honey, and all yellow underneath with pollen dust, and plunges
head first into the cell, where for some moments one may see her work her body
in a way which tells that she is disgorging honey. Her crop emptied, she comes
out, but only to go in again at once—this time backwards. With her two hind feet
she now frees herself from her load, of pollen by brushing herself underneath.
Again she goes out, and returns head first. She must stir the materials with her
mandibles for a spoon, and mix all thoroughly together. This labour of mixing is
not repeated after every journey, but only from time to time, when a considerable
quantity has been collected. When the cell is half full, it is stored; an egg must
be laid on the honey paste, and the door [283]has to be closed. This is all done
without delay. The orifice is closed by a cover of undiluted mortar, worked from
the circumference to the centre. Two days at most seem required for the whole
work, unless bad weather or a cloudy day should interrupt it. Then, backing on
the first cell, a second is built and stored in the same way, and a third and fourth,
etc., follow, each one with honey and an egg, and closed before another is
begun. Work once begun is continued until it is completed, the bee never
building a new cell until the four acts required to perfect the preceding one are
performed—namely, construction, provisioning, an egg, and sealing the cell.

As Chalicodoma muraria always works alone on her chosen boulder, and shows
great jealousy if her neighbours alight there, the number of cells clustered on
one pebble is not great—usually six to ten. Are some eight larvæ her whole
progeny, or will she establish a more numerous family on other boulders? The
surface of the stone would allow of more cells if she had eggs for them, and the
bee might build there very comfortably without hunting for another, or leaving the
one to which she is attached by habit and long acquaintance. I think, therefore,
that most probably all her scanty family are settled on the same stone—at all
events when she builds a new abode.

The six or ten cells composing the group are certainly a solid dwelling, with their
rustic covering of gravel, but the thickness of their walls and lids—two
millimetres at most—hardly seems sufficient against rough weather. Set on its
stone in the open [284]air, quite unsheltered, the nest will undergo the heat of
summer suns which will turn every cell into an oven; then will come the autumn
rains which will slowly eat away the masonry, and then winter frosts which will
crumble what the rain may have respected. However hard the cement may be,
can it resist all these attacks, and if it can, will not the larvæ, sheltered by so thin
a wall, suffer from over-heat in summer and too keen cold in winter?

Without having gone through all these arguments, the bee acts wisely. When all
the cells are completed she builds a thick cover over the whole group, which,
being of a material impermeable to water and almost a non-conductor, is at once
a defence against heat and cold and damp. This material is the usual mortar,
made of earth and saliva, only with no small stones in it. The bee lays it on,—
one pellet after another, one trowelful and then a second,—till there is a layer a
centimetre thick over all the cells, which disappear entirely under it. The nest is
now a rude dome, about as big as half an orange; one would take it for a clod of
mud, half crushed by being flung against a stone where it had dried. Nothing
outside betrays its contents—no suggestion of cells—none of labour. To the
ordinary eye it is only a chance splash of mud.

This general cover dries as rapidly as do our hydraulic cements, and the nest is
almost as hard as a stone. A knife with a strong blade is needed to cut it. In its
final shape the nest recalls in no degree the original work; one would suppose
the elegant turrets adorned with pebble work, and the final dome, looking like a
bit of mud, to be the work of [285]two different species. But scratch away the
cover of cement and we recognise the cells and their layers of tiny pebbles.
Instead of building on a boulder yet unoccupied, Chalicodoma muraria likes to
utilise old nests which have lasted through the year without notable injury. The
mortared dome has remained much as it was at the beginning, so solid was the
masonry; only it is pierced by a number of round holes corresponding to the
chambers inhabited by the larvæ of the past generation. Such dwellings, only
needing a little repair to put them in good condition, economise much time and
toil; so Mason Bees seek them, and only undertake new constructions when old
nests fail them.

From the same dome come forth brothers and sisters—reddish males and black
females—all descendants of the same bee. The males lead a careless life,
avoiding all labour, and only returning to their clay dwellings for a brief courtship
of their ladies; and they care nothing for the deserted dwelling. What they want
is nectar from flower-cups, not mortar between their mandibles. But there are the
young mothers, who have sole charge of the future of the family—to which of
them will fall the inheritance of the old nest? As sisters they have an equal right
to it—so would human justice decide, now that it has made the enormous
progress of freeing itself from the old savage right of primogeniture; but Mason
Bees have not got beyond the primitive basis of property—the right of the first
comer.

So when the time to lay has come, a bee takes the first free nest which suits her
and establishes herself [286]there, and woe to any sister or neighbour who
thenceforward disputes possession of it. A hot reception and fierce pursuit would
soon put the new-comer to flight; only one cell is wanted at the moment out of all
which gape like little wells around the dome, but the bee calculates that by and
by the rest will be useful, and she keeps a jealous watch on them all and drives
away every visitor. I cannot remember having seen two Mason Bees working on
the same pebble.

The work is now very simple. The bee examines the inside of the old cell to see
where repairs are needed, tears down the rags of cocoon hanging on the walls,
carries out the bits of earth fallen from the vault pierced by the inhabitant in
order to get out, mortars any places out of repair, mends the orifice a little, and
that is all. Then comes storage, laying an egg, and stopping up the cell. When
these are successively completed, the general cover, the mortar dome, is
repaired if necessary, and all is finished.

Chalicodoma sicula prefers a sociable life to a solitary one, and hundreds—nay,

several thousands—will establish themselves on the under surface of the tiles
on a hovel, or the edge of a roof. It is not a real society with common interests,
dear to all, but merely a gathering where each works for herself and is not
concerned for the rest—a throng recalling the swarm of a hive only by their
number and industry. They use the same mortar as Chalicodoma muraria,
equally resistant and waterproof, but finer and without pebbles. First the old
nests are utilised. Every free cell is repaired, stored, and shut up. But the old
ones are far from sufficing to the population, which increases rapidly year by
year, and on the [287]surface of the nest, where the cells are hidden below the
old general mortar covering, new ones are built as required. They are placed
more or less horizontally, one beside another, with no kind of order. Every
constructor builds as the fancy takes her, where and as she wills; only she must
not interfere with her neighbour’s work, or rough treatment will soon call her to
order. The cells accumulate in chance fashion in this workyard, where there is
no general plan whatever. Their form is that of a thimble divided down the axis,
and their enclosure is completed either by adjacent cells, or the surface of the
old nest. Outside they are rough, and look like layers of knotted cords
corresponding to the layers of mortar. Inside the walls are level but not smooth;
a cocoon will replace the absent polish.

As soon as a cell is built it is stored and walled up, as we have seen with
Chalicodoma muraria. This work goes on through the whole of May. At length all
the eggs are laid, and the bees, without any distinction as to what does or does
not belong to them, all set to work on a common shelter of the colony—a thick
bed of mortar, filling up spaces and covering all the cells. In the end the nests
look like a large mass of dry mud—very irregular, arched, thickest in the middle,
the primitive kernel of the establishment, thinnest at the edges, where there are
fewest cells, and very variable in extent, according to the number of workers,
and consequently to the time when the nest was begun. Some are not much
larger than one’s hand, while others will occupy the greater part of the edge of a
roof, and be measured by square yards. [288]

If Chalicodoma sicula works alone, as she often does, on the shutter of an

unused window or on a stone or a branch, she behaves in just the same way.
For instance, if the nest is on a bough, she begins by solidly fixing the basis of
her cell on the slender twig. Then the building rises into a little vertical tower.
This cell being stored and ceiled, another follows, supported both by the bough
and the first cell, until six to ten cells are grouped one beside the other, and
finally a general cover of mortar encloses them all together with the bough,
which gives them a firm foundation. [289]
[Contents]
XXI
 EXPERIMENTS

Built on small pebbles which one can carry whither one will, remove,
or interchange, without disturbing either the work of the constructor
or the quiet of the inhabitants of the cells, the nests of Chalicodoma
muraria lend themselves readily to experiment—the only method
capable of throwing a little light on the nature of instinct. Profitably to
study the physical faculties of the animal it is not enough to know
how to turn to account such circumstances as a happy chance may
offer to the observer: one must be capable of originating others, and
vary them as much as possible and submit them to mutual control; in
short, to give science a solid basis of fact one must experiment.
Then some day will vanish before the evidence of exact documents
the fantastic legends which cumber our books, such as the
Scarabæus inviting his comrades to help in dragging his ball out of a
rut, or a Sphex cutting up a fly to carry it in spite of the wind, and
much more which is misused by those who desire to see in the
animal world that which is not there. Thus, too, will materials be
prepared which, used sooner or later by a learned [290]hand, will cast
premature and baseless theories back into oblivion.

Réaumur generally confines himself to stating facts as they offered

themselves to him in the normal course of things, and does not
attempt to penetrate further into the powers of the insect by means
of conditions brought about artificially. In his day there was
everything to do, and the harvest was so great that the illustrious
reaper hurried on to what was most urgent,—the gathering of it in,
leading his successors to examine grain and ear in detail.
Nevertheless, he mentions an experiment made on Chalicodoma
muraria by his friend Du Hamel. The nest was placed in a glass
funnel, the mouth of which was closed by a piece of gauze. Three