Web Design Playground, Second Edition

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.

This exciting second edition of Web Design Playground is fully updated with new technologies and thoughtful approaches for building modern websites. You'll have a blast experimenting with a landing page, photo gallery, portfolio site, and more while you learn important web design skills.

In Web Design Playground, Second Edition you'll learn essential tools of the web design trade, such as:

• Structuring a web page with HTML
• Styling a web page with CSS
• Modern page layout techniques
• Using colors in web design
• Making text look awesome with typography

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. Best of all, this book gives you free access to a custom online workspace, the "playground!" 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.

Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications.

About the technology

If you can use a web browser, you can create a web site! Web Design Playground, Second Edition shows you how, progressing step by step through fun and engaging projects. You learn the basics of HTML, CSS, and other important web skills. With its unique online "playground," the book helps you build a landing page, a photo gallery, a portfolio site, and more, all from scratch. No prior experience or knowledge of special tools is required.

About the book

Web Design Playground, Second Edition takes a creative, visual approach and clear explanations of the components, concepts, and of each step you'll need to build your own web pages. You'll become a confident web designer as you practice each new skill in the Playground. The many small projects introduce everything from page layout basics to new tags and features like Flexbox and CSS Grid--all presented in author Paul McFedries's inimitably friendly style.

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.

What's inside

• Structure a web page with HTML
• Style a web page with CSS
• Modern page layout techniques
• How to use colors and typography

About the reader

No web design experience required.

About the author

Paul McFedries has written more than 100 books, which have sold over four million copies worldwide.

Table of Contents

PART 1 GETTING STARTED WITH HTML AND CSS
1 Getting to Know HTML and CSS
2 Building Your First Web Page
3 Adding Structure to Your Page
4 Formatting Your Web Page
5 Project: Creating a Personal Home Page
PART 2 WORKING WITH IMAGES AND STYLES
6 Adding Images and Other Media
7 Learning More About Styles
8 Floating and Positioning Elements
9 Styling Sizes, Borders, and Margins
10 Project: Creating a Landing Page
PART 3 LAYING OUT A WEB PAGE
11 Learning Page Layout Basics
12 Creating Page Layouts with Flexbox
13 Creating Page Layouts with Grid
14 Designing Responsive Web Pages
15 Project: Creating a Photo Gallery
PART 4 MAKING YOUR WEB PAGES SHINE
16 More HTML Elements for Web Designers
17 Adding a Splash of Color to Your Web Designs
18 Enhancing Page Text with Typography
19 Learning Advanced CSS Selectors
20 Project: Creating a Portfolio Page
Appendix A From Playground to Web: Getting Your Pages Online

進入「Web Design Playground」，開始在易於使用的免費線上工作空間中實驗創建網頁的各個方面，從設計、開發到發佈。

這本令人興奮的第二版《Web Design Playground》全面更新了新技術和建立現代網站的思考方法。在學習重要的網頁設計技巧的同時，您將在實驗中製作登陸頁面、相片庫、作品集網站等，絕對會玩得開心。

在《Web Design Playground, Second Edition》中，您將學習網頁設計的基本工具，例如：
- 使用HTML結構化網頁
- 使用CSS為網頁添加樣式
- 現代頁面佈局技巧
- 在網頁設計中使用顏色
- 使用排版使文字更出色

只需HTML、CSS和良好網頁設計原則，您就能創建出美麗的作品！這本獨一無二的指南中包含了所有這些內容。更重要的是，這本書還提供了一個自定義的線上工作空間「playground」，讓您專注於核心技能，如頁面佈局、添加圖片和視頻，以及學習排版、響應式設計和其他現代網頁設計技巧。

購買印刷版書籍還包括Manning Publications提供的PDF、Kindle和ePub格式的免費電子書。

關於技術：
只要會使用網頁瀏覽器，您就能創建網站！《Web Design Playground, Second Edition》透過有趣且引人入勝的項目，逐步引導您學習HTML、CSS和其他重要的網頁技能。通過其獨特的線上「playground」，本書幫助您從頭開始建立登陸頁面、相片庫、作品集網站等。無需事先經驗或特殊工具知識。

關於本書：
《Web Design Playground, Second Edition》以創意和視覺化的方式，清晰解釋了構成網頁的組件、概念和每個步驟。通過在「playground」中練習每個新技能，您將成為一位自信的網頁設計師。這些小型項目從頁面佈局基礎到Flexbox和CSS Grid等新標籤和功能，一一呈現在作者Paul McFedries獨特友好的風格中。

不用擔心設置自己的伺服器和域名，本書附帶一個免費的線上「playground」供您實驗和創作。您可以專注於核心技能，如頁面佈局、添加圖片和視頻，以及學習排版、響應式設計和其他現代網頁設計技巧。在您知不覺間，您將準備好創建出反映您創意和風格的華麗網頁。

本書內容包括：
- 使用HTML結構化網頁
- 使用CSS為網頁添加樣式
- 現代頁面佈局技巧
- 如何使用顏色和排版

讀者對象：
無需網頁設計經驗。

關於作者：
Paul McFedries已經撰寫了100多本書，全球銷量超過400萬冊。

目錄：
第1部分 開始使用HTML和CSS
1. 了解HTML和CSS
2. 建立您的第一個網頁
3. 為您的頁面添加結構
4. 格式化您的網頁
5. 項目：創建個人主頁

第2部分 使用圖片和樣式
6. 添加圖片和其他媒體
7. 了解更多樣式
8. 浮動和定位元素
9. 設置大小、邊框和邊距的樣式
10. 項目：創建登陸頁面

第3部分 網頁佈局
11. 學習頁面佈局基礎
12. 使用Flexbox創建頁面佈局
13. 使用Grid創建頁面佈局
14. 設計響應式網頁
15. 項目：創建相片庫

第4部分 讓您的網頁閃耀
16. 網頁設計師的更多HTML元素
17. 添加一個

About the author

Paul McFedries has written more than 100 books, which have sold over four million copies worldwide.

關於作者

Paul McFedries已經撰寫了超過100本書籍，全球銷售量超過400萬冊。