Download ebooks file (eBook PDF) Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics 5th Edition all chapters
Download ebooks file (eBook PDF) Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics 5th Edition all chapters
com
https://ebookluna.com/product/ebook-pdf-learning-web-design-
a-beginners-guide-to-html-css-javascript-and-web-
graphics-5th-edition/
OR CLICK HERE
DOWLOAD NOW
(eBook PDF) Responsive Web Design with HTML 5 & CSS 9th
Edition
https://ebookluna.com/product/ebook-pdf-responsive-web-design-with-
html-5-css-9th-edition/
ebookluna.com
https://ebookluna.com/product/ebook-pdf-web-development-and-design-
foundations-with-html-7th/
ebookluna.com
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
Web design introductory. Sixth Edition / Jennifer T.
Campbell - eBook PDF
https://ebookluna.com/download/web-design-introductory-ebook-pdf/
ebookluna.com
(eBook PDF) Basics of Web Design: Html5 & Css3 4th Revised
https://ebookluna.com/product/ebook-pdf-basics-of-web-design-
html5-css3-4th-revised/
ebookluna.com
https://ebookluna.com/product/ebook-pdf-web-development-and-design-
foundations-with-html5-9th-edition-by-terry-felke-morris/
ebookluna.com
https://ebookluna.com/product/ebook-pdf-new-perspectives-on-
html-5-and-css-comprehensive-8th-edition/
ebookluna.com
https://ebookluna.com/download/new-perspectives-on-html-5-and-css-
ebook-pdf/
ebookluna.com
5T
H
ED
“Unlike all the other books that start at the beginning, this one
IT
IO
will get you to the good stuff, fast. Jennifer will explain every
Whether you’re a beginner or bringing your skills up to date, this book gives you a solid footing in
N
step you need, including some very advanced concepts.”
modern web production. I teach each topic visually at a pleasant pace, with frequent exercises
—JEN SIMMONS, MOZILLA AND W3C CSS WORKING GROUP
to let you try out new skills. Reading it feels like sitting in my classroom! —Jennifer Robbins
Learning
Web Design
A BEGINNER'S GUIDE TO HTML, CSS,
JAVASCRIPT, AND WEB GRAPHICS
vi Contents
Contents vii
Test Yourself...................................................................................417
CSS Review: Floating and Positioning Properties.............................418
viii Contents
Contents ix
A. Answers......................................................................... 737
x Contents
FOREWORD
BY JEN SIMMONS
If you travel to Silicon Valley and navigate between the global headquarters
of some of the world’s most famous internet companies, you can head to
the Computer History Museum. Wander through the museum, past the
ancient mainframes and the story of the punch card, and you’ll eventually
find yourself at the beginning of the Wide World Web. There’s a copy of the
Mosaic browser on a floppy disk tucked in a book of the same name, a copy
of Netscape Navigator that was sold in a box, and something called “Internet
in a Box,” the #1 best-selling internet solution for Windows. Then there are
the websites. Some of the earliest, most notable, and most important websites
are on permanent display, including something called the “Global Network
Navigator,” from 1993. It was designed by none other than the author of this
book, Jennifer Robbins. Long before most of us had any idea the web existed,
or even before many of you were born, Jen was busy designing the first com-
mercial website. She’s been there from the very beginning, and has watched,
taught, and written about every stage of evolution of the web.
Learning Web Design is now in its 5th edition, with a gazillion new pages and
updates from those early days.
I am constantly asked, “What are the best resources for learning web technol-
ogy?” I learned by reading books. Blog posts are great, but you also need an
in-depth comprehensive look at the subject. In the beginning, all books were
beginner books, teaching HTML, URLs, and how to use a browser. When
CSS came along, the books assumed you’d already been using HTML, and
taught you how to change to the new techniques. Then CSS3 came along,
and all the books taught us how to add new CSS properties to our preexist-
ing understanding of CSS2. Of course there were always books for beginners,
but they were super basic. They never touched on professional techniques for
aspiring professionals. Each new generation of books assumed that you had
prior knowledge. Great for those of us in the industry. Tough for anyone new.
xi
Foreword
But how in the world are you supposed to read about two decades of tech-
niques, discarding what is outdated, and remembering what is still correct?
How are you supposed to build a career from knowledge that’s so basic that
you have no idea what real pros code in their everyday jobs?
You can’t. That’s why today when people ask me for a book recommendation,
I have only one answer. This book.
This book you are reading now doesn’t require any prior knowledge. You
don’t need to have made a web page before, or to have any idea where to get a
code editor. It starts at the very beginning. And yet, unlike all the other books
that start at the beginning, this one will get you to the good stuff, fast. Jen will
explain every step you need, including some very advanced concepts. She’s
packed this book full of cutting edge, insider knowledge from top experts.
I honestly don’t know how she does it. How can someone teach the basics
and the advanced stuff at the same time? Usually you’ll learn those things
years apart, with lots of struggling in the dark in the meantime. Here, Jen
will lift you up from wherever you are in your journey, and take you farther.
Every one of us—myself included, and I’m on the CSS Working Group (the
group of people who invent new CSS)—can learn a lot from this book. I do
every time I pick it up.
Pay attention to the notes in the margins. Read the websites she recommends,
watch the videos. Jen is giving you a shortcut to a professional network.
Follow the people she mentions. Read the links they suggest. These might
be your future colleagues. Dare to dream that you will meet them. They are,
after all, only a tweet away. It is a small world, full of real people, and you can
become part of it all. This book will get you started.
—Jen Simmons
Designer and Developer Advocate at Mozilla
Member of the CSS Working Group
April 2018
xiii
Preface
TYPOGRAPHICAL CONVENTIONS
Italic
Used to indicate filenames and directory names, as well as for emphasis.
Colored italic
Used to indicate URLs and email addresses.
Colored roman text
Used for special terms that are being defined.
Constant width
Used to indicate code examples and keyboard commands.
Colored constant width
Used for emphasis in code examples.
Constant width italic
Used to indicate placeholders for attribute and style sheet property values.
→
Indicates that a line of code was broken in the text but should remain
together on one line in use.
Preface xv
Preface
ACKNOWLEDGMENTS
Once again, many smart and lovely people had my back on this edition.
I want to say a special thanks to my two amazing tech reviewers. I am quite
indebted to Elika J. Etemad (fantasai), who, as a member of the W3C CSS
Working Group, helped me make this edition more accurate and up-to-date
with standards than ever before. She was tough, but the results are worth it.
Petter Dessne brought his computer science expertise as well as valuable per-
spective as a professor and a reader for whom English is a second language.
His good humor and photos of his home in Sweden were appreciated as well!
I am also grateful for this roster of web design superstars who reviewed
particular chapters and passages in their areas of expertise (in alphabetical
order): Amelia Bellamy-Royds (SVG), Brent Beer (developer tools), Chris
Coyier (SVG), Terence Eden (audio/video), Brad Frost (Responsive Web
Design), Lyza Danger Gardner (developer tools), Jason Grigsby (images), Val
Head (animation), Daniel Hengeveld (developer tools), Mat Marquis (respon-
sive images), Eric Meyer (CSS layout), Jason Pamental (web fonts), Dan Rose
(images), Arsenio Santos (embedded media), Jen Simmons (CSS layout),
Adam Simpson (developer tools), and James Williamson (structured data).
Thanks also to Mat Marquis for his contribution of two lively JavaScript
chapters that I could never have written myself, and to Jen Simmons for writ-
ing the Foreword and for her ongoing support of Learning Web Design.
I want to thank my terrific team of folks at O’Reilly Media: Meg Foley
(Acquisitions Editor), Jeff Bleiel (Developmental Editor), Kristen Brown
(Production Editor), Rachel Monaghan (Copyeditor), Sharon Wilkey
(Proofreader), and Lucie Haskins (Indexer). Special thanks go to InDesign
and book production expert Ron Bilodeau, who turned my design into a tem-
plate and a set of tools that made book production an absolute joy. Special
thanks also go to Edie Freedman for the beautiful cover design and half a
lifetime of friendship and guidance.
Finally, no Acknowledgments would be complete without profound apprecia-
tion for the love and support of my dearest ones, Jeff and Arlo.
HOW TO CONTACT US
Please address comments and questions concerning this book to the
publisher:
O’Reilly Media, Inc.
1005 Gravenstein Highway North
Sebastopol, CA 95472
800-998-9938 (in the United States or Canada)
707-829-0515 (international or local)
707-829-0104 (fax)
We have a web page for this book, where we list errata, examples,
and any additional information. You can access this page at bit.ly/
learningWebDesign_5e.
To comment or ask technical questions about this book, send email to
bookquestions@oreilly.com.
For more information about our books, courses, conferences, and news, see
our website at www.oreilly.com.
Find us on Facebook: facebook.com/oreilly
Follow us on Twitter: twitter.com/oreillymedia
Watch us on YouTube: www.youtube.com/oreillymedia
Preface xvii
I
GETTING STARTED
Random documents with unrelated
content Scribd suggests to you:
hunt through the first, which is 1234, letter (a); then through the
second, which is 1243, letter (b); then also through the third, which is
1423, letter (c). In which manner it being hunted through the rest of
the twenty four changes, will produce the 120 on five. And then the
figure 6 being hunted through each of those sixscore changes will
produce the 720 changes on six. And the figure 7 being hunted
through each of those 720 changes, will produce the 5040. In which
manner also the eighth, ninth, tenth, eleventh, and twelfth, being
successively hunted through each Peal in the aforesaid order, will at
length produce the compleat number of changes on twelve. Wherein
’tis observable, that all the figures, except two, have a hunting
motion; which two may properly be term’d the Center, about which
the rest do circulate. By these methods it is evident, that every
hunting figure hath a certain number of figures assigned, through
which tis constantly to hunt: as in the aforesaid Example on twelve,
where the 1.2 are assigned for the figure 3 to hunt through, as
appears in the six changes before. And in like manner, 123 are
assigned for the figure 4 to hunt through; 1234 are assigned for the
figure 5 to hunt through; 12345 for 6 to hunt through, &c. Now the
figure 3 hunts as many times through the 1.2. as those two make
changes, that is, two times wherein it makes twice three changes,
that is, six, as before appeareth. The figure 4 hunts as many times
through the 123, as those three figures make changes, that is, six
times; wherein it makes six times four changes, which amounts to
twenty four. The figure 5 hunteth as many times through the 1234, as
those four figures make changes, that is, twenty four times; wherein
it makes twenty four times five changes, which amounts to 120. The
figure 6 hunts as many times through the 12345, as those five make
changes, that is 120 times, wherein it maketh 120 times six changes,
which amounts to 720. And in like manner the figure 7 hunts 720
times through 123456, wherein it maketh 720 times seven changes,
which amounts to 5040. The eighth hunteth 5040 times through
1234567, wherein it makes 40320 changes. The 9th hunteth 40320
times through 12345678, wherein it makes 362880 changes. The
tenth hunteth 362880 times through 123456789, wherein it makes
3628800. The eleventh hunteth 3628800 times through
1.2.3.4.5.6.7.8.9.10. wherein it makes 39916800. And lastly, the
twelfth hunteth 39916800 times through 1.2.3.4.5.6.7.8.9.10.11.
wherein it makes 39916800 times twelve changes, which amounts to
479001600, being the compleat number on twelve. By which ’tis
evident, that every hunting figure hunts as many times through its
assigned number of figures, as those figures are capable of making
changes, which in short comprehends the summe and substance of
this method, which is universal from two, to all greater numbers
whatsoever.
(a) 12345
12354
12534
15234
51234
(b) 51243
15243
12543
12453
12435
(c) 14235
14253
14523
15423
51423
If we consider the multitude of different words, wherewith we
express our selves in Speech, it may be thought almost impossible
that such numbers should arise out of twenty four Letters; yet this
Art of variation will produce much more incredible effects. To give an
instance thereof, I will shew the numbers of every quantity of Letters
from two to twelve, that may be produced out of the Alphabet. The
generality of Words consisting of these quantities, (viz.) two letters,
three letters, four, five, six, seven, eight, nine, ten, eleven, and twelve
letters. There are 10626 times four letters to be produced out of the
twenty four letters of the Alphabet, and not twice four all the same
Letters. There are likewise 42504 times five letters, 134596 times six
letters, 346104 times seven, 735471 times eight, 1307504 times nine,
1961256 times ten, 2496144 times eleven, and 2704156 times twelve.
Now each quantity being varied by the rules of this Art, will produce
incredible numbers. First the 10626 times four letters, being
multiplied by 24, which are the number of ways to vary each four
letters, will produce 255024 that is to say, four letters may be
produced out of the Alphabet to stand together after this manner (a b
c d) two hundred fifty five thousand and twenty four times, and not
twice alike. And in like manner, the 42504 times five Letters, being
multiplied by 120, which are the number of ways to vary each five,
will produce 5100480. The 134596 times six letters, being also
multiplied by 720, will produce 96909120. The 346104, being
multiplied by 5040, will produce 1744364160. The 735471, being
multiplied by 40320, will produce 29654190720. The 1307504, being
multiplied by 362880, will produce 474467051520. The 1961256,
being multiplied by 3628800, will produce 7117005772800. The
2496144, being multiplied by 39916800, will produce
99638080819200. And lastly, the 2704156 time twelve letters, being
multiplied by 479001600, will produce 1295295050649600, which
products being all added together, as also 12696 which are the
numbers consisting of two and three letters, the whole will amount
to 1402556105125320, wherein there are not two alike, nor two
letters of one sort in any one of them; which being written or printed
on large Paper in folio, allowing 5000 to a sheet, they would take up
561022442 Reams of Paper and upwards, reckoning 500 sheets to a
Ream: which Paper all the Houses in the City and Liberties of
London would not contain; and in quantity doubtless infinitely
exceeds all the Books that ever were printed in the world, reckoning
only one of each Impression. And at the rate of five shillings the
Ream, the Paper would cost 140255610.5 Pounds sterling; which is
above four times as much as the yearly Rent of all the Lands and
Houses in England amounts to. And all the people both young and
old in the City and Suburbs of London (admitting they are five
hundred thousand) could not speak the like numbers of words under
forty years and upwards, each of them speaking 15000 every hour,
and twelve hours every day. These prodigious numbers are the more
to be admired, considering that the greatest number of letters in any
of them, exceeds not twelve, neither are two letters of one sort in any
one of them: but by producing and varying all the greater quantities,
and placing two or more letters of one sort, or two of one sort and
two of another, with all variety of the like nature that commonly
happens in words, the numbers arising thereby would infinitely
exceed the former; And if all the numbers of every quantity of letters
from one to twenty four, together with all the variety as aforesaid,
were methodically drawn out and varied according to the rules of this
Art; which might easily be performed in respect of the plain and
practical method of doing it; but the infinite numbers of them would
not permit a Million of men to effect it in some thousands of years: it
would be evident, that there is no word or syllable in any language or
speech in the world, which can be exprest with the character of our
Alphabet, but might be found literatim and entire therein; and more
by many thousands of Millions than can be pronounced, or that ever
were yet made use of in any language.
I will here give one instance of another kind, shewing the
admirable effects of this Art, and so conclude. A man having twenty
Horses, contracts with a Brick-maker to give him one hundred
pound Sterling; conditionally that the Brick-maker will deliver him
as many Loads of Bricks, as there are several Teams of six Horses to
be produced out of the aforesaid twenty to fetch them, and not one
Team or Sett of six Horses to fetch two Loads. The Brick-maker
might be thought to have made a very advantageous bargain, but the
contrary will appear. For there are thirty eight thousand seven
hundred and sixty several Teams of six Horses, to be produced out of
twenty, and not twice six the same Horses; then the Brick-maker
must deliver as many Loads as there are Teams, and each Load
consisting of five hundred Bricks, the whole would amount to
19380000, which being bought for one hundred pounds as aforesaid,
would not cost above five Farthings a thousand; and at the rate of
thirteen shillings and four pence the thousand, they amount to
twelve thousand nine hundred and twenty pounds Sterling. But
should a contract be made with the Brick-maker to deliver as many
Loads of Bricks, as there are Teams of six Horses in each, to be
produced out of the aforesaid twenty, which shall stand in the Cart in
a differing manner; that is to say, although there may be the same
Horses in several Teams, yet their places shall be so changed, that
they shall not stand twice alike in any two Teams. On this account
the Brick-maker must deliver seven hundred and twenty times as
many as before; for there are 38760 several Teams as before I have
shewed: then each Team may be placed 720 ways in the Cart, and not
twice alike, which is to be done according to the methods whereby
the 720 changes on six Bells are rung. So that 38760, which are the
number of Teams, multiplied by 720, which are the number of ways
to vary the six Horses in each Team, the product will be 27907200,
which are the compleat number of Teams; and every Team carrying
one Load, consisting of five hundred Bricks, the Whole will amount
to 13953600000 Bricks. And after the proportion of a hundred and
fifty thousand of Bricks to a House, they would build ninety three
thousand and twenty four Houses; which are above six times as
many as the late dreadful fire in London consumed. And at the rate
of thirteen shillings and four pence the thousand, they are worth
6976800 pounds Sterling, which is at least four hundred Waggon-
loads of money, as much as five Horses can ordinarily draw.
AN
INTRODUCTION
To the Practice of
RINGING
┌──┬──┐
│ 1│2 │
├─┬┴┬─┤
│3│4│5│
└─┴─┴─┘
Observ. 2d. The Learner must rightly apprehend the places of
the notes, which I think cannot better be done than by this means.
Considering that the notes of a peal of bells do all strike one after
another at the fore-stroke, and the like at back-stroke; it might be
requisite for him to imagine, that the notes in their striking do lie in
a direct line, that is, in a row at the fore-stroke, and the like again at
back-stroke; for then the places of the notes will much resemble the
places of the figures wherewith the changes are prickt: for as the
figures of every change do all stand in a row; so likewise the notes of
the bells, being imagined to strike in the like row, he may the more
readily apprehend the places of the notes, and consequently of
changing them. For the practick part of this Art, is performed by
means of imaginary, not real notions; which will thus manifestly
appear. This is the platform of a Frame, wherein five bells may be
supposed to hang in a Steeple, the figures therein representing the
places wherein the five bells hang. Now in the sixscore changes on
five bells, we will suppose the Treble to be the whole Hunt, and to
hunt up first over the Second, then over the Third, &c. Now the
Treble cannot really move out of the place wherein it hangs; but by
delaying its striking untill the Second Bell has struck, it may by that
means strike next after it; and again, by delaying its striking until the
Third has struck; it may also strike next after that, this being the true
manner of the changes; by which ’tis evident, that the bells have
neither really such places nor motion as is pretended, but is meerly
imaginary, and was at first feigned only as a Guide to direct the
Practitioner’s apprehension in the ringing of them. So that although
the art of changes is in it self a real thing, yet the notions by which
they are reduced to practice on bells, are not so. For which reason,
the several practitioners of this Art, before they can become expert,
are fain to form in their minds imaginary notions to guide them;
some after one manner, some perhaps after another, according to
their several fancies, yet all tending, to render the methods of
changes practicable on bells; and having once form’d in their minds
such imaginary helps, they become expert in short time: and then no
sooner do they understand the methods of changes prickt with
figures, which they commonly discover at first view; but they are
presently capable of ringing them readily on bells, which experience
daily testifies. And hence it is, that oftentimes the Learners, although
they perfectly understand the methods of changes prickt, and also
can perfectly manage a Bell; yet for want of a right apprehension of
the nature of changing the notes, which of themselves it may be they
cannot soon attain, are therefore much puzzled in their first practice
of ringing changes. Therefore as a guide, the Learner must first form
in his mind a fit representation of the places of the notes; which I
think cannot better be done, than by imagining each note to be a
figure; as the Treble-note to be the figure 1, the second note the
figure 2, the third note the figure 3, and the like of the rest. Then
whensoever he hears a peal of bells ring, let him by strength of
imagination conceit, that each note bears the shape of a figure; that
is, at the same instant of time that the note strikes, he may imagine
that it leaves the impression of the figure behind it, and that with the
eye of his imagination he perfectly sees it: and likewise as the notes
of the bells do all strike after one another at the fore-stroke, so he
may imagine that they lie in a row in the shape of figures; and the
like again at back-stroke. For instance: suppose that five Muskets
were charged with five bullets, and that each bullet bears the shape
of a figure; one Gun to be charged with the figure 1, another with the
figure 2, and the other three Guns with these three figures, 3. 4. 5.
Then supposing a straight line were drawn upon the wall, thus
—————————— and that the five Muskets were by five men
levell’d against the line, which is to be the mark for them to shoot at;
the figure 1 to be first shot off, then the figure 2, and so the rest in
order immediately after one another: now at the same instant of time
that the Guns are heard to go off, the five figures would appear in a