Web Design Playground, 2nd Edition / Игровая площадка для веб-дизайна, 2-е издание Год издания: 2024 Автор: McFedries Paul / Макфедрис Пол Издательство: Manning Publications Co. ISBN: 978-1-6334-3832-3 Язык: Английский Формат: PDF Качество: Издательский макет или текст (eBook) Интерактивное оглавление: Да Количество страниц: 442 Описание: Enter the Web Design Playground and start experimenting with all aspects of creating a web page—from design, to development, to publishing—in an easy-to-use free online workspace. In Web Design Playground, Second Edition you’ll learn essential tools of the web design trade, such as: Styling a web page with CSS Modern page layout techniques Using colors in web design Making text look awesome with typography Web Design Playground, Second Edition teaches you modern HTML, CSS, and web design standards through fun projects that encourage you to get creative. You’ll have a blast experimenting with a landing page, photo gallery, portfolio site, and more while you learn important web design skills. Best of all, you’ll have free access to a custom online workspace, the “playground!” About the technology HTML, CSS, and the principles of good web design are all you need to build something beautiful! You’ll find them all inside this one-of-a-kind guide. Written by web designer and master teacher Paul McFedries, this unique book shapes and sharpens your skills in the always-relevant technologies of the web. About the book This exciting second edition of Web Design Playground is fully updated with new technologies and thoughtful approaches for building modern websites. Discover timeless HTML and CSS techniques, and dive into their cool new tags and features, including Flexbox and CSS Grid. Four serious projects put your skills to the test and give you useful, real-world pages for your portfolio. Don’t worry about setting up your own servers and domain names—the book comes with a free online “playground” to experiment with and get creative. You can concentrate on core skills like page layout and adding images and video, as well as learning typography, responsive design, and the other modern web design techniques. Before you know it, you’ll be ready to create gorgeous pages that reflect your creativity and style. About the reader If you can use a browser, you’re ready to create web pages! About the author Paul McFedries has written more than 100 books, which have sold over four million copies worldwide. Войдите в Web Design Playground и начните экспериментировать со всеми аспектами создания веб—страницы — от дизайна до разработки и публикации - в простом в использовании бесплатном онлайн-рабочем пространстве. Во втором издании Web Design Playground вы познакомитесь с основными инструментами веб-дизайна, такими как: Оформление веб-страницы с помощью CSS Современные методы верстки страниц Использование цветов в веб-дизайне Придание тексту потрясающего вида с помощью типографики Web Design Playground, Второе издание обучает вас современным стандартам HTML, CSS и веб-дизайна с помощью увлекательных проектов, которые поощряют вас к творчеству. Вы с удовольствием поэкспериментируете с целевой страницей, фотогалереей, сайтом-портфолио и многим другим, осваивая важные навыки веб-дизайна. А самое главное, у вас будет бесплатный доступ к настраиваемому онлайн-рабочему пространству “playground!” О технологии HTML, CSS и принципы хорошего веб-дизайна - это все, что вам нужно для создания чего-то красивого! Вы найдете все это в этом единственном в своем роде руководстве. Написанная веб-дизайнером и мастером-преподавателем Полом Макфедрисом, эта уникальная книга формирует и оттачивает ваши навыки в области всегда актуальных технологий Интернета. О книге Это захватывающее второе издание Web Design Playground полностью обновлено новыми технологиями и продуманными подходами к созданию современных веб-сайтов. Откройте для себя вечные методы HTML и CSS и ознакомьтесь с их новыми классными тегами и функциями, включая Flexbox и CSS Grid. Четыре серьезных проекта проверят ваши навыки и предоставят вам полезные реальные страницы для вашего портфолио. Не беспокойтесь о настройке собственных серверов и доменных имен — к книге прилагается бесплатная онлайн-“игровая площадка”, с которой можно поэкспериментировать и проявить творческий подход. Вы можете сконцентрироваться на основных навыках, таких как верстка страниц и добавление изображений и видео, а также изучить типографику, адаптивный дизайн и другие современные методы веб-дизайна. Не успеете оглянуться, как будете готовы создавать великолепные страницы, отражающие ваши творческие способности и стиль. О читателе Если вы умеете пользоваться браузером, вы готовы создавать веб-страницы! Об авторе Пол Макфедрис написал более 100 книг, которые разошлись тиражом более четырех миллионов экземпляров по всему миру.
Примеры страниц
Оглавление
Preface . xi Acknowledgments . xiii About This Book. xv About the Author. xix PART 1 GETTING STARTED WITH HTML AND CSS Chapter 1 Getting to Know HTML and CSS . 3 What is HTML?. 4 What is CSS?. 7 What Can’t You Do with HTML and CSS?. 10 How HTML and CSS Create the Web. 10 Introducing the Web Design Playground . 11 Chapter 2 Building Your First Web Page. 17 Adding HTML Tag Attributes. 19 Getting Your Web Page Off the Ground. 23 Learning the Most Common Text Elements. 27 Chapter 3 Adding Structure to Your Page. 39 HTML Elements for Structuring Page Text. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .40 Organizing Text into Lists. 46 Chapter 4 Formatting Your Web Page. . . . . . . . . . . . . . . . . . . . . . . . . 53 Styling Text . 54 Working with Text Styles. 59 Styling Paragraphs. 62 Working with Colors. 66 Formatting Your Web Page. 70 Chapter 5 Project: Creating a Personal Home Page. 71 What You’ll Be Building . 72 Sketching the Layout. 72 Choosing Typefaces. 73 Choosing a Color Scheme. 73 Building the Page. 74 From Here. 83 viii PART 2 WORKING WITH IMAGES AND STYLES Chapter 6 Adding Images and Other Media. 87 Understanding Image File Formats. 89 Getting Graphics. 90 Inserting an HTML5 Figure. 91 Setting Up an Image as a Link. 92 Using an Image as a Custom Bullet . 93 Aligning Images and Text. 94 Controlling the Background Repeat . 97 Setting the Background Position. 98 Adding a Hero Image. 99 The Background Shorthand Property. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101 Optimizing Images. 101 Adding Video and Audio to the Page. 102 Chapter 7 Learning More About Styles. 111 Adding Styles to a Page. 112 Units of Measurement in CSS. 121 Chapter 8 Floating and Positioning Elements. 123 Understanding the Default Page Flow. 124 Clearing Floated Elements. 126 Preventing Container Collapse. 127 Floating a Drop Cap. 130 Floating a Pull Quote. 131 Relative Positioning. 134 Absolute Positioning. 136 Fixed Positioning. 138 Sticky Positioning. 139 Chapter 9 Styling Sizes, Borders, and Margins. 143 The Anatomy of an Element Box . 144 Watch Out for Collapsing Margins!. 156 Chapter 10 Project: Creating a Landing Page. 159 What You’ll Be Building . 160 Sketching the Layout. 160 Choosing Typefaces. 161 Choosing a Color Scheme. 162 Building the Page. 163 From Here. 182 ix PART 3 LAYING OUT A WEB PAGE Chapter 11 Learning Page Layout Basics . 187 The Holy Grail Layout . 188 Understanding Web Page Layout Methods. 189 Learning the HTML5 Semantic Page Elements . 190 Chapter 12 Creating Page Layouts with Flexbox. 203 Understanding Flexbox . 204 Working with Flexbox Containers. 205 Working with Flexbox Items. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213 Chapter 13 Creating Page Layouts with Grid. 227 Understanding CSS Grid Layout. 228 Chapter 14 Designing Responsive Web Pages. 247 Creating a Responsive Layout. 251 Making Images Responsive. 263 Making Typography Responsive . 268 Chapter 15 Project: Creating a Photo Gallery. 275 What You’ll Be Building . 276 Getting Your Photos Ready . 276 Sketching the Layout. 276 Choosing Typefaces. 277 Choosing the Colors. 278 Building the Page. 278 Adding a Few Tricks . 287 From Here. 292 PART 4 MAKING YOUR WEB PAGES SHINE Chapter 16 More HTML Elements for Web Designers . 295 More about Links. 304 Inserting Special Characters. 308 Using the HTML5 Entity Browser . 309 More HTML Elements for Web Designers. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .310 Adding Comments. 310 Chapter 17 Adding a Splash of Color to Your Web Designs. 311 Understanding Colors. 312 Adding Colors with CSS. 315 x Choosing Harmonious Colors. 323 Using the Color Scheme Calculator. 324 Applying a Color Gradient. 326 Chapter 18 Enhancing Page Text with Typography . 333 Specifying the Typeface. 334 Working with Text Styles. 342 Enhancing Page Text with Typography. 348 Chapter 19 Learning Advanced CSS Selectors. 349 Working with ID Selectors. 350 Web Page Genealogy: Parents, Descendants, and Siblings. 352 Working with Contextual Selectors . 353 Taking Things Up a Notch by Combining Selectors . 359 Resetting CSS with the Universal Selector. 362 Styles: What a Tangled Web Page They Weave. 363 Chapter 20 Project: Creating a Portfolio Page . 371 What You’ll Be Building . 372 Sketching the Layout. 372 Choosing Typefaces. 373 Choosing a Color Scheme. 375 Building the Page. 376 From Here. 392 Appendix From Playground to Web: Getting Your Pages Online. 395 From There to Here: Saving Your Playground Work. 396 Selecting a Text Editor. 398 Setting Up Your Folders . 399 Validating Your Code . 400 Getting a Web Host. 402 Uploading Your Files. 404 Index. 405
McFedries Paul / Макфедрис Пол - Web Design Playground, 2nd Edition / Игровая площадка для веб-дизайна, 2-е издание [2024, 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}
