Learning Web Design, 6th Edition / Изучаем веб-дизайн, 6-е издание Год издания: 2025 Автор: Robbins J. N. / Роббинс Дж. Н. Издательство: O’Reilly Media, Inc. ISBN: 978-1-098-13768-7 Язык: Английский Формат: PDF Качество: Издательский макет или текст (eBook) Интерактивное оглавление: Да Количество страниц: 913 Описание: Do you want to build web pages but have no prior experience? This friendly guide is the perfect place to start. You'll begin at square one, learning how the web and web pages work, and then steadily build from there. By the end of the book, you'll have the skills to create a simple site with multicolumn pages that adapt for mobile devices. Each chapter provides exercises to help you learn various techniques and short quizzes to make sure you understand key concepts. This thoroughly revised sixth edition is ideal for students and professionals of all backgrounds and skill levels. It's simple and clear enough for beginners yet thorough enough to be a useful reference for experienced developers keeping their skills up-to-date. Build HTML pages with text, links, images, tables, and forms Use style sheets (CSS) for formatting text, colors, backgrounds, page layout, and simple animation effects Use CSS Flexbox and Grid Layout for sophisticated and flexible page designs Learn the ins and outs of responsive web design to make web pages look great on all devices Get an introductory lesson in JavaScript programming, and use it to add functionality to web pages Understand the ways in which JavaScript has become central to the web development workflow Create and optimize web images so they'll download as quickly as possible Get to know the superpowers of the SVG format The sixth edition features a completely rewritten and expanded JavaScript section written by Aaron Gustafson that provides more opportunities to practice writing code. Вы хотите создавать веб-страницы, но у вас нет опыта? Это удобное руководство - идеальное место для начала. Вы начнете с самого начала, изучите, как работает веб-сайт и веб-страницы, а затем постепенно будете совершенствоваться. К концу книги вы овладеете навыками создания простого сайта с многоколоночными страницами, адаптируемого для мобильных устройств. В каждой главе приведены упражнения, которые помогут вам освоить различные техники, и короткие тесты, позволяющие убедиться, что вы понимаете ключевые понятия. Это тщательно переработанное шестое издание идеально подходит для студентов и профессионалов любого уровня подготовки. Оно достаточно простое и понятное для начинающих, но в то же время достаточно основательное, чтобы стать полезным справочником для опытных разработчиков, которые постоянно совершенствуют свои навыки. Создавайте HTML-страницы с текстом, ссылками, изображениями, таблицами и формами. Используйте таблицы стилей (CSS) для форматирования текста, цветов, фона, макета страницы и простых анимационных эффектов Используйте CSS Flexbox и Grid Layout для создания сложного и гибкого дизайна страниц Изучите все тонкости адаптивного веб-дизайна, чтобы веб-страницы выглядели великолепно на любых устройствах Пройдите вводный урок по программированию на JavaScript и используйте его для добавления функциональности веб-страницам Поймите, каким образом JavaScript стал центральным элементом процесса веб-разработки Создавайте и оптимизируйте веб-изображения, чтобы они загружались как можно быстрее Познакомьтесь со сверхспособностями формата SVG В шестом издании представлен полностью переписанный и расширенный раздел JavaScript, написанный Аароном Густафсоном, который предоставляет больше возможностей для практики написания кода.
Примеры страниц (скриншоты)
Оглавление
FOREWORD . xi PREFACE xiii Part I. GETTING STARTED 1. Teams and Tools...........................................................................3 Getting Started in Web Design........................................................... 4 Roles and Responsibilities ................................................................. 4 Tools of the Trade............................................................................ 15 What You’ve Learned....................................................................... 21 Test Yourself.................................................................................... 22 2. How the Web Works..................................................................... 23 The Internet Versus the Web............................................................ 23 Serving Up Your Information........................................................... 24 A Word About Browsers................................................................... 25 Web Page Addresses (URLs)............................................................. 26 The Anatomy of a Web Page............................................................. 30 Putting It All Together...................................................................... 34 Test Yourself.................................................................................... 36 3. Some Big Concepts You Need to Know............................................ 37 A Multitude of Devices .................................................................... 38 Sticking with the Standards.............................................................. 39 Progressive Enhancement................................................................. 40 Responsive Web Design................................................................... 41 Accessibility..................................................................................... 43 Site Performance.............................................................................. 45 Test Yourself.................................................................................... 48 Part II. HTML for Structure 4. Creating a Simple Page.................................................................. 51 A Web Page, Step-by-Step................................................................. 51 Launch a Text Editor........................................................................ 52 Step 1: Start with Content................................................................ 55 Step 2: Give the HTML Document Structure......................................... 57 Step 3: Identify Elements.................................................................. 61 Step 4: Add an Image....................................................................... 64 Step 5: Change the Look with a Style Sheet...................................... 68 When Good Pages Go Bad............................................................... 69 Validating Your Documents.............................................................. 71 HTML Resources............................................................................. 72 Test Yourself.................................................................................... 73 Element Review: HTML Document Setup ............................................ 74 5. Marking Up Text............................................................................ 75 Paragraphs....................................................................................... 75 Headings.......................................................................................... 76 Thematic Breaks (Horizontal Rules)...................................................... 78 Lists................................................................................................. 78 More Content Elements.................................................................... 82 Organizing Page Content.................................................................. 85 The Text-Level Element Roundup..................................................... 90 Generic Elements (div and span)......................................................101 Improving Accessibility with ARIA................................................ 105 Character Escapes.......................................................................... 107 Putting It All Together.....................................................................110 Test Yourself.................................................................................. 113 Element Review: Text Elements.......................................................114 6. Adding Links............................................................................. 115 The href Attribute...........................................................................116 Linking to Pages on the Web...........................................................117 Linking Within Your Own Site .......................................................118 Targeting a New Browser Window................................................. 128 Mail Links..................................................................................... 129 Telephone Links............................................................................. 130 Test Yourself.................................................................................. 131 Element Review: Links................................................................... 132 7. Adding Images............................................................................133 First, a Word on Image Formats.....................................................134 The img Element............................................................................135 Adding SVG Images........................................................................141 The picture Element for Alternative Image Formats.........................148 A Quick Introduction to Responsive Images....................................149 And We’re Finished!.......................................................................150 Test Yourself..................................................................................150 Element Review: Images ................................................................151 8. Table Markup................................................................................153 How to Use Tables.........................................................................153 Minimal Table Structure..................................................................155 Table Headers................................................................................157 Spanning Cells...............................................................................158 Table Accessibility .........................................................................159 Row and Column Groups................................................................161 Wrapping Up Tables.......................................................................163 Test Yourself..................................................................................165 Element Review: Tables..................................................................166 9. Forms..........................................................................................167 How Forms Work..........................................................................167 The form Element.........................................................................169 Variables and Content....................................................................172 The Great Form Control Roundup....................................................173 Form Accessibility Features............................................................191 Form Layout and Design................................................................196 Test Yourself..................................................................................198 Element Review: Forms..................................................................199 10. Embedded Media........................................................................205 Window-in-a-Window (iframe)......................................................205 Multipurpose Embedder (object)....................................................208 Video and Audio............................................................................208 Canvas.........................................................................................217 Test Yourself..................................................................................220 Element Review: Embedded Media.................................................221 Part III. CSS FOR PRESENTATION 11. Introducing Cascading Style Sheets..................................................225 The Benefits of CSS........................................................................225 How Style Sheets Work..................................................................226 The Big Concepts...........................................................................232 CSS Units of Measurement..............................................................241 Developer Tools Right in Your Browser...............................................244 Moving Forward with CSS................................................................246 Test Yourself...................................................................................247 12. Formatting Text..............................................................................249 Basic Font Properties......................................................................249 Descendant, ID, and Class Selectors.................................................268 Specificity 101................................................................................272 Text Line Adjustments....................................................................275 Underlines and Other “Decorations”.................................................278 Changing Capitalization.................................................................279 Spaced Out....................................................................................280 Text Shadow..................................................................................281 Changing List Bullets and Numbers..................................................284 Finishing Up Text Styles.................................................................287 Test Yourself..................................................................................288 CSS Review: Font and Text Properties..............................................290 13. Colors and Backgrounds................................................................293 Color Spaces and Models ..............................................................293 Specifying Color Values..................................................................296 Foreground Color...........................................................................306 Background Color..........................................................................307 Playing with Opacity......................................................................309 Background Images......................................................................311 Like a Rainbow (Gradients)............................................................321 Wrapping It Up..............................................................................326 Test Yourself..................................................................................326 CSS Review: Color and Background Properties...................................328 14. Selectors......................................................................................329 Selectors You’ve Learned So Far.......................................................329 Attribute Selectors..........................................................................330 Pseudo-Class Selectors...................................................................332 Pseudo-Element Selectors...............................................................348 External Style Sheets......................................................................350 Wrapping It Up..............................................................................354 Test Yourself..................................................................................355 15. Thinking Inside the Box...................................................................359 The Element Box............................................................................359 Specifying Box Dimensions...............................................................360 Padding .........................................................................................366 Borders..........................................................................................371 Margins.........................................................................................381 Assigning Display Types.................................................................387 Box Drop Shadows.........................................................................389 Test Yourself..................................................................................391 CSS Review: Box Properties...........................................................392 16. Floating and Positioning..................................................................395 Normal Flow..................................................................................395 Floating .........................................................................................396 Fancy Text Wrap with CSS Shapes ....................................................407 Positioning Basics............................................................................411 Relative Positioning.........................................................................413 Absolute Positioning........................................................................414 Fixed Positioning............................................................................421 Stacking Order...............................................................................422 Test Yourself...................................................................................424 CSS Review: Floating and Positioning Properties..................................425 17. Getting in Line with Flexbox..........................................................427 Setting Up a Flex Container...........................................................428 Controlling the “Flow” Within the Container.....................................430 Controlling the Alignment of Flex Items..........................................434 Flexbox Alignment Techniques.......................................................441 Determining How Items “Flex” in the Container................................445 Changing the Order of Flex Items...................................................450 Flexbox for Page Layout.................................................................453 More Flexbox Resources................................................................454 Test Yourself..................................................................................456 CSS Review: Flexbox Properties.....................................................457 18. Grid Layout .................................................................................459 Grid Layout Overview....................................................................460 Implicit Grids and Default Grid Behavior ..........................................463 Explicit Grids.................................................................................469 Placing Items on the Grid...............................................................477 The grid Shortcut Property.............................................................487 Grid Alignment and Spacing .........................................................489 Responsive Grids...........................................................................494 Additional Resources.....................................................................501 Test Yourself..................................................................................502 CSS Review: Layout Properties.......................................................504 19. Responsive Web Design...................................................................505 Why RWD?....................................................................................505 The Responsive Recipe...................................................................507 Setting the Viewport......................................................................507 Fluid Layouts.................................................................................509 Flexible Images ..............................................................................510 Query Magic..................................................................................512 Designing Responsively..................................................................529 A Few Words About Testing............................................................546 More RWD Resources....................................................................548 Test Yourself..................................................................................549 20. Transitions, Transforms, and Animation.............................................551 Ease-y Does It (CSS Transitions).....................................................551 CSS Transforms.............................................................................561 Keyframe Animations.....................................................................571 Wrapping Up.................................................................................576 Test Yourself..................................................................................576 CSS Review: Transitions, Transforms, and Animation...........................578 21. More CSS Techniques.....................................................................579 Styling Tips for Forms....................................................................579 A Clean Slate (Reset and Normalize)..............................................583 Supporting Older Browsers (CSS Feature Detection).........................587 CSS Custom Properties (Variables).................................................592 A Quick Introduction to CSS Nesting.................................................596 An Even Quicker Introduction to CSS Layers......................................598 CSS Frameworks............................................................................600 Wrapping Up Style Sheets..............................................................602 Test Yourself..................................................................................602 CSS Review....................................................................................604 Part IV. JavaScript for Behavior 22. Getting Started with JavaScript.........................................................607 Meet a Script..................................................................................608 Statements......................................................................................612 Numbers and Math...........................................................................613 Strings............................................................................................618 Variables........................................................................................621 Embedded Versus External JavaScript..............................................627 The JavaScript Console..................................................................628 Wrapping Up.................................................................................631 Test Yourself..................................................................................633 23. Functions, Conditionals, and Loops....................................................635 Functions.......................................................................................636 Functions Can Receive and Return Information..................................639 Conditional Statements..................................................................645 Arrays.........................................................................................652 Loops Make Repetitive Tasks Easier..................................................654 Wrapping Up.................................................................................659 Test Yourself..................................................................................660 24. Working with the DOM and Events..................................................663 UI as a Progressive Enhancement...................................................664 Generating New Markup................................................................665 JavaScript Events.........................................................................678 Refactoring for Accessibility...........................................................684 Wrapping Up.................................................................................689 Test Yourself..................................................................................690 25. Next-Level JavaScript.....................................................................693 JavaScript Libraries........................................................................694 Web Components...........................................................................698 JavaScript Frameworks....................................................................701 JavaScript Beyond the Browser........................................................711 Progressive Web Apps.....................................................................714 Wrapping Up.................................................................................720 Test Yourself..................................................................................721 Part V. WEB IMAGES 26. Web Image Basics...........................................................................725 Image Sources................................................................................726 Meet the Image Formats.................................................................730 Resolution and Reference Pixels.....................................................752 Working with Transparency...........................................................756 Favicons and Site Icons....................................................................762 That’s a Wrap on Image Basics!......................................................766 Test Yourself..................................................................................767 27. Image Production Techniques............................................................769 Image Production Strategy...............................................................769 Optimizing Images.........................................................................773 Responsive Image Sets....................................................................785 Tools, Tips, and Techniques...........................................................789 Automate It! ..................................................................................794 Wrapping Up Image Production.....................................................796 Test Yourself..................................................................................796 28. SVG ..........................................................................................799 Drawing with XML........................................................................801 Features of SVG as XML................................................................813 SVG Design Tools..........................................................................820 SVG Production Tips......................................................................822 Scaling SVGs...............................................................................826 Further SVG Exploration................................................................837 Test Yourself ...............................................................................837 And...WE’RE DONE!.....................................................................838 Part VI. APPENDICES A. Answers.....................................................................................841 B. HTML Global Attributes.................................................................857 C. CSS Selectors, Level 4..................................................................861 D. Shortened URL Reference..............................................................867 INDEX . 873
Robbins J. N. / Роббинс Дж. Н. - Learning Web Design, 6th Edition / Изучаем веб-дизайн, 6-е издание [2025, PDF, ENG] download torrent for free and without registration
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot vote in polls in this forum You cannot attach files in this forum You can download files in this forum
![[Quote]](./templates/default/images/lang/en/icon_quote.gif "Reply with quote"){kind=icon}
![[Profile]](./templates/default/images/lang/en/icon_profile.gif "View user's profile"){kind=icon}
![[PM]](./templates/default/images/lang/en/icon_pm.gif "Send private message"){kind=icon}
