Learning Web Design

🌐 می‌خواهید صفحات وب بسازید اما هیچ تجربه‌ای ندارید؟

این راهنمای دوستانه، نقطۀ شروعی عالی برای شماست. از پایه آغاز می‌کنید — یاد می‌گیرید وب و صفحات وب چگونه کار می‌کنند — و گام‌به‌گام پیش می‌روید تا در پایان کتاب بتوانید سایتی ساده با صفحاتی چندستونه بسازید که به‌خوبی با دستگاه‌های موبایل سازگار است.

هر فصل شامل تمرین‌هایی برای یادگیری عملی تکنیک‌ها و آزمون‌های کوتاهی برای سنجش درک مفاهیم کلیدی است.

این ویرایش ششم کاملاً بازبینی و به‌روزرسانی شده و برای دانشجویان و متخصصان با هر پیش‌زمینه و سطح مهارتی مناسب است. مطالب آن برای مبتدیان ساده و روشن، و برای توسعه‌دهندگان باتجربه مرجع مناسبی برای به‌روز نگه داشتن دانش‌شان محسوب می‌شود.

• ساخت صفحات HTML شامل متن، پیوندها، تصاویر، جدول‌ها و فرم‌ها
• استفاده از CSS برای قالب‌بندی متن، رنگ‌ها، پس‌زمینه‌ها، چیدمان صفحه و انیمیشن‌های ساده
• یادگیری Flexbox و Grid Layout برای طراحی‌های پیچیده و منعطف
• آشنایی با طراحی واکنش‌گرا برای نمایش عالی در همه دستگاه‌ها
• آشنایی مقدماتی با JavaScript و افزودن قابلیت‌های تعاملی به صفحات
• درک نقش کلیدی JavaScript در فرایند توسعه وب مدرن
• بهینه‌سازی تصاویر وب برای کاهش زمان بارگذاری
• شناخت توانایی‌های فرمت SVG

ویرایش ششم شامل بخشی کاملاً بازنویسی‌شده دربارۀ JavaScript است که توسط Aaron Gustafson نگاشته شده و تمرین‌های بیشتری برای تسلط عملی بر کدنویسی در اختیار شما می‌گذارد.

📘 فهرست مطالب

بخش I. شروع کار

1. تیم‌ها و ابزارها
2. چگونگی کارکرد وب
3. مفاهیم مهمی که باید بدانید

بخش II. HTML برای ساختار

4. ایجاد یک صفحۀ ساده

5. نشانه‌گذاری متن

6. افزودن پیوندها

7. افزودن تصاویر

8. ساخت جدول

9. فرم‌ها

10. رسانه‌های جاسازی‌شده

بخش III. CSS برای ارائه

11. معرفی CSS

12. قالب‌بندی متن

13. رنگ‌ها و پس‌زمینه‌ها

14. انتخاب‌گرها

15. جعبه و مدل باکس

16. شناور‌سازی و موقعیت‌دهی

17. Flexbox

18. Grid Layout

19. طراحی واکنش‌گرا

20. گذارها، تبدیلات و انیمیشن

21. تکنیک‌های پیشرفتۀ CSS

بخش IV. JavaScript برای رفتار

22. شروع کار با JavaScript

23. توابع، شرط‌ها و حلقه‌ها

24. کار با DOM و رویدادها

25. JavaScript پیشرفته

بخش V. تصاویر وب

26. اصول تصاویر در وب

27. روش‌های تولید تصویر

28. SVG

ضمائم

A. پاسخ تمرین‌ها

B. ویژگی‌های عمومی HTML

C. انتخاب‌گرهای CSS سطح ۴

D. مرجع URLهای کوتاه‌شده

💡 دربارۀ کتاب

چه تازه‌کار باشید، چه بخواهید مهارت‌های خود را به‌روز کنید، این کتاب پایه‌ای محکم در تولید صفحات وب مدرن به شما می‌دهد. آموزش هر مبحث به‌صورت تصویری و با سرعتی مناسب ارائه شده و تمرین‌های متعدد به شما امکان می‌دهد مهارت‌ها را عملاً تمرین کنید. مطالعۀ آن همانند نشستن در کلاس درس نویسنده است!

در پایان، خواهید توانست سایتی چندستونه بسازید که در تمامی اندازه‌های صفحه نمایش به‌درستی کار می‌کند.

🆕 تازه‌های ویرایش ششم:

• چهار فصل کاملاً جدید دربارۀ JavaScript، نوشته‌شده توسط Aaron Gustafson
• آموزش عمیق‌تر دربارۀ نحوۀ کدنویسی JavaScript همراه با تمرین‌های عملی
• پوشش ویژگی‌های جدید CSS برای طراحی واکنش‌گرا مانند تایپوگرافی منعطف و container queries
• روش‌های نوین برای تعریف رنگ‌ها در CSS در نمایشگرهای گسترده‌طیف
• بیش از ۱۰۰ صفحۀ محتوای جدید!

👩‍💻 دربارۀ نویسنده

Jennifer Niederst Robbins از نخستین طراحان وب است. او طراح سایت Global Network Navigator (GNN) — اولین وب‌سایت تجاری — بوده و از سال ۱۹۹۳ در حوزۀ طراحی وب فعالیت دارد. وی نویسندۀ کتاب پرفروش Web Design in a Nutshell از انتشارات O’Reilly است و سابقۀ تدریس طراحی وب در کالج هنر ماساچوست و دانشگاه Johnson & Wales را دارد.

او در کنفرانس‌های معتبر طراحی و اینترنت از جمله SXSW Interactive و Seybold Seminars سخنرانی کرده است.

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.

Table of Contents

Part I. GETTING STARTED

1. Teams and Tools

2. How the Web Works

3. Some Big Concepts You Need to Know

Part II. HTML for Structure

4. Creating a Simple Page

5. Marking Up Text

6. Adding Links

7. Adding Images

8. Table Markup

9. Forms

10. Embedded Media

Part III. CSS FOR PRESENTATION

11. Introducing Cascading Style Sheets

12. Formatting Text

13. Colors and Backgrounds

14. Selectors

15. Thinking Inside the Box

16. Floating and Positioning

17. Getting in Line with Flexbox

18. Grid Layout

19. Responsive Web Design

20. Transitions, Transforms, and Animation

21. More CSS Techniques

Part IV. JavaScript for Behavior

22. Getting Started with JavaScript

23. Functions, Conditionals, and Loops

24. Working with the DOM and Events

25. Next-Level JavaScript

Part V. WEB IMAGES

26. Web Image Basics

27. Image Production Techniques

28. SVG

Part VI. APPENDICES

A. Answers

B. HTML Global Attributes

C. CSS Selectors, Level 4

D. Shortened URL Reference

More about the book

Whether you’re a beginner, or bringing your skills up-to-date, this book gives you a solid footing in modern web production. I teach each topic visually at a pleasant pace, with frequent exercises to let you try new skills. Reading it feels like sitting in my classroom!

You’ll begin from square one, learning how the web and web pages work, then steadily build from there. Along the way, there are hands-on exercises and short quizzes to make sure you understand key concepts. By the end of the book, you’ll have the skills to create a simple multi-column site that works on all screen sizes.

• Build HTML pages with text, links, images, tables, and forms
• Use style sheets (CSS) for typography, colors, backgrounds, responsive page layout, and more
• Learn the basics of JavaScript and how it is used to add interactivity to web pages
• Create and optimize web images so they’ll download as quickly as possible

New in the 6th Edition: The 6th edition is thoroughly updated and expanded to reflect the latest standards and practices, including:

• Four all-new JavaScript chapters, written by standards and accessibily expert Aaron Gustafson, that provide more in-depth instruction on JavaScript syntax, including more exercises that put your new coding skills to work
• Newly-supported CSS features that aid responsive layouts, such as flexible typography and container queries
• Cutting-edge methods for specifying color in CSS for wide-gamut displays
• Over 100 new pages of content!

About the Author

Jennifer Niederst Robbins was one of the first designers for the Web. As the designer of O’Reilly’s Global Network Navigator (GNN), the first commercial web site, she has been designing for the Web since 1993. She is the author of the bestselling “Web Design in a Nutshell” (O’Reilly), and has taught web design at the Massachusetts College of Art in Boston and Johnson and Wales University in Providence. She has spoken at major design and Internet events including SXSW Interactive, Seybold Seminars, the GRAFILL conference (Geilo, Norway), and one of the first W3C International Expos.