(eBook PDF) Basics of Web Design: Html5 & Css3 4th Revised 2024 scribd download
(eBook PDF) Basics of Web Design: Html5 & Css3 4th Revised 2024 scribd download
https://ebookluna.com/download/basics-of-web-design-html5-css-6th-
edition-ebook-pdf/
ebookluna.com
https://ebookluna.com/product/ebook-pdf-web-development-and-design-
foundations-with-html5-8th-edition/
ebookluna.com
https://ebookluna.com/product/ebook-pdf-murachs-html5-and-css3-4th-
edition-by-anne-boehm/
ebookluna.com
https://ebookluna.com/product/ebook-pdf-web-development-and-design-
foundations-with-html5-9th-edition-by-terry-felke-morris/
ebookluna.com
(Original PDF) New Perspectives on HTML5, CSS3, and
JavaScript 6th Edition
https://ebookluna.com/product/original-pdf-new-perspectives-on-
html5-css3-and-javascript-6th-edition/
ebookluna.com
https://ebookluna.com/product/ebook-pdf-html5-and-css3-illustrated-
complete-1st-edition-by-sasha-vodnik/
ebookluna.com
https://ebookluna.com/download/new-perspectives-html5-and-
css3-comprehensive-ebook-pdf/
ebookluna.com
https://ebookluna.com/download/new-perspectives-on-html5-css3-and-
javascript-ebook-pdf/
ebookluna.com
https://ebookluna.com/product/ebook-pdf-learning-web-design-a-
beginners-guide-to-html-css-javascript-and-web-graphics-5th-edition/
ebookluna.com
Design for Today and Tomorrow.
The textbook prepares students to design web pages that work today in addition to being ready to take
advantage of new HTML5 coding techniques of the future.
This text includes both “hard” skills such as HTML5 and Cascading Style Sheets (Chapters 1–2 and
4–11) and “soft” skills such as web design (Chapter 3) and publishing to the Web (Chapter 12). This
well-rounded foundation will help students as they pursue careers as web professionals. Students and
instructors will find classes more interesting because they can discuss, integrate, and apply both hard
and soft skills as students create web pages and websites. The topics in each chapter are introduced on
concise two-page sections that are intended to provide quick overviews and timely practice with the
topic.
Most topics are introduced in a concise, two-page section. Many sections also include immediate hands-
on practice of the new skill or concept. This approach is intended to appeal to your busy students—
especially the millennial multitaskers—who need to drill down to the important concepts right away.
Hands-On Practice.
Web design is a skill, and skills are best learned by hands-on practice. This text emphasizes hands-on
practice through practice exercises within the chapters, end-of-chapter exercises, and the development
of a website through ongoing real-world case studies. The variety of exercises provides instructors with
a choice of assignments for a particular course or semester.
There are case studies that continue throughout most of the text (beginning at Chapter 2). The case
studies serve to reinforce skills discussed in each chapter. Sample solutions to the case study exercises
are available on the Instructor Resource Center at http://www.pearsonhighered.com/irc.
Every chapter offers an additional activity that explores web design topics related to the chapter. These
activities can be used to reinforce, extend, and enhance the course topics.
FAQs.
In her web design courses, the author is frequently asked similar questions by students. They are
included in the book and are marked with the identifying FAQ icon.
Focus on Accessibility.
Developing accessible websites is more important than ever, and this text is infused with accessibility
techniques throughout. The special icon shown here makes accessibility information easy to find.
Focus on Ethics.
Ethics issues as related to web development are highlighted throughout the text with the special ethics
icon shown here.
Quick Tips.
Quick tips, which provide useful background information, or help with productivity, are indicated with this
Quick Tip icon.
Explore Further.
The special icon identifies enrichment topics along with web resources useful for delving deeper into a
concept introduced in book.
Reference Materials.
The appendices offer reference material, including an HTML5 reference, a Cascading Style Sheets
reference, a comparison of HTML5 and XHTML, a WCAG 2.0 Quick Reference, an overview of ARIA
Landmark Roles, and a brief introduction to CSS Flexible Box Layout (Flexbox).
VideoNotes.
VideoNotes are Pearson’s new visual tool designed for teaching students key programming concepts
and techniques. These short step-by-step videos demonstrate 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 hands-on practice.
Supplemental Materials
Student Resources.
Student files for the case studies and the web page hands-on practice exercises, and access to the
book’s VideoNotes are available to all readers of this book at its companion website
www.pearsonhighered.com/cs-resources. A complimentary access code for the companion website
is available with a new copy of this book. 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) for information on how to access them:
Author’s Website.
In addition to the publisher’s companion website for this book, the author maintains a website at http://
www.webdevbasics.net. This website contains additional resources, including a color chart,
learning/review games, and a page for each chapter with examples, links, and updates. This website is
not supported by the publisher.
Acknowledgments
Very special thanks go to the people at Pearson, including Matt Goldstein, Kristy Alaura, and Erin Ault.
A special thank you also goes to Enrique D’Amico at Harper College for taking time to provide additional
feedback and sharing student comments about the book.
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. Finally, a very special dedication to the memory of my father who will be greatly
missed.
Dr. Terry Ann Felke-Morris is a Professor Emerita at 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 received the Blackboard Greenhouse Exemplary Online Course Award in 2006 for use
of Internet technology in the academic environment. She is the recipient of two international awards: 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 is the author of the popular textbook Web Development and Design Foundations with
HTML5, currently in its eighth edition. She was instrumental in developing the Web Development degree
and certificate programs at Harper College. For more information about Dr. Terry Ann Felke-Morris, visit
http://terrymorris.net.
CONTENTS
Cover
Half Title
Title Page
Copyright
Preface
VideoNotes
Internet Protocols 8
HTML Overview 16
Paragraph Element 30
Blockquote Element 34
Phrase Elements 36
Ordered List 38
Unordered List 40
Description List 42
Structural Elements 48
Anchor Element 52
E-Mail Hyperlinks 58
Website Organization 72
Use of Text 78
Navigation Design 92
Float 216
Overflow 220
Appendix
Answers to Review Questions 409
Index 439
Credits 455
Locations of VideoNotes
www.pearsonhighered.com/cs-resources
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. This
chapter also gets you started with your very first web page. You’ll be introduced to
Hypertext Markup Language (HTML), the language used to create web pages.
In the previous chapter, you created your first web page using HTML5. You
coded a web page and tested it in a browser. You used a Document Type Definition
to identify the version of HTML being used along with the <html> , <head> ,
<title> , <meta> , and <body> tags. In this chapter, you will continue your
study of HTML and configure the structure and formatting of text on a web page
using HTML elements, including the new HTML5 header, nav, and footer elements.
You’re also ready to explore hyperlinks, which make the World Wide Web into a web
of interconnected information. In this chapter, you will configure the anchor element
to connect web pages to each other with hyperlinks. As you read this chapter, be
sure to work through the examples. Coding a web page is a skill, and every skill
improves with practice.
Configure the body of a web page with headings, paragraphs, divs, lists, and blockquotes
Configure special entity characters, line breaks, and horizontal rules
Configure text with phrase elements
Test a web page for valid syntax
Configure a web page using new HTML5 header, nav, main, and footer elements
Use the anchor element to link from page to page
Configure absolute, relative, and e-mail hyperlinks
The Internet and the Web
The Internet
The Internet, the interconnected network of computer networks, seems to be everywhere today. You
can’t watch television or listen to the radio without being urged to visit a website. Even newspapers and
magazines have their place on the Internet. It is possible that you may be reading an electronic copy of
this book that you downloaded over the Internet. With the increased use of mobile devices such as
tablets and smartphones, being connected to the Internet has become part of our daily lives.
The Internet began as a network to connect computers at research facilities and universities. Messages
in this network would travel to their destinations by multiple routes or paths, allowing the network to
function even if parts of it were broken or destroyed. The message would be rerouted through a
functioning portion 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 computers (located at
UCLA, Stanford Research Institute, University of California Santa Barbara, and the University of Utah)
were connected by the end of 1969.
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 ban on commercial use of the Internet was lifted
in 1991.
When the restriction on commercial use of the Internet was lifted, the stage was set for future electronic
commerce: businesses were now welcome on the Internet. However, while businesses were no longer
banned, the Internet was still text based and not easy to use. The next developments addressed this
issue.
VideoNote
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 Web to fulfill this need. In 1991, Berners-
Lee posted the code 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, and it was text based, employing Hypertext Markup Language (HTML) to format the
documents.
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 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 computer 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 Internet much easier to access. The World Wide
Web—the graphical user interface providing access to information stored on web servers connected to
the Internet—had arrived!
FIGURE 1.1
Convergence of technologies.
Other documents randomly have
different content
vigorous verses. One competitor, for instance, treating Jingo as
a personality, says:—
And they buried them there, where they first were born,
With gardenias on them clustered—
In the mashing garbs that they long had worn—
Near the stalls where they'd nightly mustered.
II.
He tried to banish her face from his sight,
She for whom he was yearning;
Hadn't Fred said, he knew he was right,
And that she was fond of spurning.
III.
But who'd have thought—ah, even guessed—
That after she had caught and bound him;
It was to be but a flirting jest.
An impartial joke to sound him.
IV.
Few and short were the words he had said,
Only this—only this, "love be mine."
She gave him a rap with her fan on his head,
And laughingly left him to pine
V.
What was he to do? should he hate her instead?
Or weeping wail, waly willow;
Or wiping away the tears he had shed,
Launch in some fresh peccadillo?
p
VI.
Lightly they'd talked in the days that were gone,
In arbours and in kitchen gardens;
Only to find his poor heart torn
By devotion, which her hard heart hardens.
VII.
L'ENVOI.
The moral of this I hope you won't shun,
Don't be in your mind too enquiring,
Don't fall in love, or as sure as a gun,
You're not cared for by her you're admiring.
VIII.
Talk to them civilly and leave them alone,
And this is the end of my story.
And as I don't mean to alter my tone,
I drink to all flirts "con amore."
At the time when the above parody appeared there was an agitation
on foot to reform the costliness and vain display at funerals. Punch,
both in his cartoons and his letterpress, was exceedingly bitter
against the undertakers.
The matter was so energetically taken up by the press and the
public, that funerals were soon shorn of their costly mummery, and
are now conducted on much more sensible and economical
principles than they were in 1850.
In reference to the disputed authority of the ode "Not a drum was
heard," the Rev. T. W. Carson, of Dublin, has kindly forwarded a
facsimile of the letter, (to which reference was made on page 105),
from the Rev. C. Wolfe to his friend Mr. John Taylor. It varies slightly
from the version already given, and seems conclusively to establish
Wolfe's title as author of the poem.
It runs thus:—
"I have completed the Burial of Sir John Moore, and will here
inflict it upon you; you have no one but yourself to blame, for
praising the two stanzas (?) that I told you so much;—
(Here follows the poem.)
"Pray write soon—you may direct as usual to College, and it will
follow me to the country. Give my love to Armstrong, and
believe me, my dear John, ever yours,
(Signed) CHARLES WOLFE."
This is addressed—
"JOHN TAYLOR, ESQ.,
At the Rev. Mr. Armstrong's,
Clonoulty,
Cashel."
REMEX MORIBUNDUS.
* * * *
II.
"I have rung at the 'Refuge' bell,
I have beat at the workhouse-door,
To be told again that I clamour in vain,
They are full—they can hold no more.
Starve! starve! starve!
Of the crowds that pass me by,
Some with pity, and some in pride,
But more with indifference turn aside,
And leave me here to die!
III.
"Oh! you that sleep in beds,
With coverlet, quilt, and sheet,
Oh think when it snows what it is for those
That lie in the open street:
That lie in the open street,
On the cold and frozen stones,
When the winter's blast, as it whistles past,
Bites into the very bones.
IV
IV.
"Oh! what with the wind without,
And what with the cold within,
I own I have sought to drive away thought
With that curse of the tempted—gin.
Drink! drink! drink!
Amid ribaldry, gas, and glare.
If there's hell on earth,
'Tis the ghastly mirth
That maddens at midnight, there.
V.
"Oh you, that never have stray'd,
Because you have not been tried,
Oh look not down with a Pharisee's frown
On those that have swerv'd aside.
And you that hold the scales,
And you that glibly urge
That the only plan is the Prison van,
The Treadmill, or the Scourge.
VI.
"Oh, what are the lost to do?
To famish, and not to feel?
For days to go, and never to know
What it is to have one meal?
They cannot buy, they dare not beg,
They must either starve or steal.
"Food—food—food!
If it be but a loaf of bread,
And a place to lie—
And a place to die,
p ,
If it be but a workhouse bed!
If you will not give to those that live,
You at least must bury the dead!"
VIII.
With lips all livid and blue,
And purple and swoll'n feet,
A woman, in rags, sat crouch'd on the flags,
And sang the Song of the Street.
As she ceased the doleful strain,
My homeward path I trod;
And the cry and the prayer,
Of that lost one there
Went up to the Throne of God.
W. H. B.
Stump—stump—stump—
Through Ormskirk, St. Helen's and Newton,
Whilst after him shout a rabble rout
Of electors "Ain't he a cute 'un?"
Stump—stump—stump—
With the aid of rhetorical steam,
Till over his speeches we fall asleep,
And hear him stump in a dream;
Stump—stump—stump—
For ever upon our ear.
Alas! that principle's so cheap,
And office is so dear!
Stump—stump—stump.
ARTHUR-A-BLAND.
This parody appeared in The Shotover Papers for May, 1874 (J.
Vincent, High Street, Oxford), it will certainly appeal more to old
Oxford men, from its allusions, than to the general reader.
Our website is not just a platform for buying books, but a bridge
connecting readers to the timeless values of culture and wisdom. With
an elegant, user-friendly interface and an intelligent search system,
we are committed to providing a quick and convenient shopping
experience. Additionally, our special promotions and home delivery
services ensure that you save time and fully enjoy the joy of reading.
ebookluna.com