کتاب Web Design Playground

کتاب Web Design Playground, 2nd Edition (زمین بازی طراحی وب، ویرایش دوم) به طور کامل با فناوری‌های جدید و رویکردهای متفکرانه برای ساخت وب‌سایت‌های مدرن به روز شده است.

تکنیک‌های همیشگی HTML و CSS را کشف کنید و به برچسب‌ها و ویژگی‌های جالب جدید آن‌ها، از جمله Flexbox و CSS Grid بروید. چهار پروژه جدی مهارت‌های شما را آزمایش می‌کنند و صفحات مفید و واقعی را برای نمونه کارها به شما می‌دهند.

در ادامه مقدمه‌ای از کتاب Web Design Playground را از زبان نویسنده شرح خواهیم داد.

مقدمه‌ای بر کتاب Web Design Playground:

در دنیای امروز، بسیاری از مردم هوس می‌کنند که خود را به صورت آنلاین بیان کنند. آن‌ها می‌توانند این کار را از طریق رسانه‌های با فرمت ثابت مانند فیس بوک، X (توئیتر سابق) و اینستاگرام انجام دهند، اما برای بسیاری از افراد، این سایت‌ها بسیار محدود‌کننده هستند. در عوض، آن‌ها ترجیح می‌دهند حضور خود را در وب ایجاد کنند، و راه انجام این کار با حداکثر آزادی و خلاقیت، یادگیری HTML و CSS است.

در محافل برنامه‌نویسی، بسیاری از مردم بر این باورند که بهترین راه برای یادگیری کدنویسی، کدنویسی است. خواندن در مورد زبان خوب و ضروری است، اما اگر واقعاً می‌خواهید زبان را یاد بگیرید، باید از آن استفاده کنید. اعتقاد خودم این است که بهترین راه برای یادگیری کدنویسی بازی با کد است. برای HTML و CSS، این به معنای دو چیز است:

در آموزش استاندارد HTML/CSS، مقداری کد به شما داده می‌شود – یک برچسب، مثلاً یا یک الگو – و به شما گفته می‌شود که چگونه کار می‌کند. در آموزش بازیگوش HTML/CSS، مقداری کد به شما داده می‌شود و تشویق می‌شوید که با آن بازی کنید: اندازه فونت را تغییر دهید، بالشتک را گسترش دهید، رنگ‌ها را اعمال کنید و غیره.

در آموزش استاندارد HTML/CSS، مثال‌های ساده یا بی‌اهمیت مانند Hello World به شما داده می‌شود! تظاهرات. در آموزش بازیگوش HTML/CSS، پروژه‌های اساسی و مفیدی به شما داده می‌شود تا از ابتدا بسازید و مطابق با نیاز‌های خود سفارشی کنید.

این روحیه بازیگوشی و آزمایش در زمین بازی طراحی وب وجود دارد و من شما را تشویق می‌کنم که HTML و CSS را به عنوان ابزاری برای خلاقیت و بیان نگاه کنید.

در کتاب Web Design Playground، من به شما یاد می‌دهم که چگونه صفحات وب زیبا را در کوتاه‌ترین زمان ممکن ایجاد کنید. می‌دانم که همین‌ایده تلاش برای ایجاد چیزی که به خوبی آنچه در وب می‌بینید به نظر می‌رسد چالشی ترسناک است.

بیشتر بخوانید: کتاب Basics of Web Design: HTML5 & CSS

با این حال، هدف من در کتاب Web Design Playground این است که به شما نشان دهم که این کتاب کاملاً ساده است و هر کسی می‌تواند با دست خالی یک صفحه وب جذاب و پیچیده بسازد. من حتی سعی می‌کنم در حین پیش‌روی، کمی سرگرمی بی‌احترامی داشته باشم.

همچنین خوشحال خواهید شد بدانید که کتاب Web Design Playground فرض نمی‌کند که شما تجربه‌ای در طراحی وب، HTML یا CSS دارید. شما از صفر شروع می‌کنید و به آرامی دانش خود را می‌سازید تا زمانی که قبل از اینکه آن را بدانید، دانش خود را داشته باشید

تراکت خود املاک وب تمام اطلاعات به صورت تکه‌های کوتاه و قابل هضم ارائه می‌شوند که می‌توانید برای یافتن اطلاعات مورد نظر خود، از آن‌ها استفاده کنید. زمین بازی طراحی وب آنلاین (https://webdesignplayground. io/۲) همچنین دستورالعمل‌ها و تمرین‌هایی را ارائه می‌دهد که می‌توانید برای تقویت دانش خود کار کنید.

من فرض می‌کنم که شما یک زندگی دور از صفحه رایانه خود دارید، بنابراین Web Design Playground طوری تنظیم شده است که مجبور نباشید آن را از روی جلد به جلد بخوانید. اگر می‌خواهید بدانید که چگونه یک تصویر را به صفحه وب خود اضافه کنید، برای

به عنوان مثال، به فصلی که کار با تصاویر را پوشش می‌دهد (فصل ۶ کتاب Web Design Playground) بروید. با این حال، مبتدیان می‌خواهند حداقل فصل‌های ۱ تا ۴ را قبل از رفتن به موضوعات باطنی‌تر بخوانند. برای سهولت یافتن چیز‌ها، بخش زیر خلاصه‌ای از ۲۰ فصل کتاب (و یک ضمیمه) را در اختیار شما قرار می‌دهد.

نحوه سازماندهی کتاب Web Design Playground: نقشه راه

فصل ۱ شما را با HTML و CSS آشنا می‌کند. شما با مزایا و محدودیت‌های این فناوری‌های ضروری طراحی وب آشنا می‌شوید و یاد می‌گیرید که چگونه تگ‌های HTML و ویژگی‌های CSS کار می‌کنند. همچنین معرفی مختصری از وب سایت همراه کتاب، زمین بازی طراحی وب، دریافت می‌کنید.

فصل ۲ شما را به سفری می‌برد تا اولین صفحه وب خود را بسازید. شما یاد می‌گیرید که چگونه ساختار اصلی یک صفحه را تنظیم کنید و سپس یک عنوان و مقداری متن اضافه کنید. از آنجا، یاد می‌گیرید که چگونه متن مهم و تأکید شده را علامت‌گذاری کنید، متن را نقل قول کنید، عنوان اضافه کنید و پیوند ایجاد کنید.

فصل ۳ کتاب Web Design Playground، به شما نشان می‌دهد که چگونه می‌توانید ساختاری را به یک صفحه وب اضافه کنید، با دادن تگ‌های HTML که متن صفحه را به پاراگراف‌ها تقسیم می‌کند، خطوط شکسته را اضافه می‌کند، متن صفحه را به تکه‌های جداگانه سازمان‌دهی می‌کند، و ظروف درون خطی برای استایل دادن به کلمات و عبارات ایجاد می‌کند. شما همچنین در لیست‌های شماره‌دار و گلوله‌دار ساختمان، پایین‌تر را دریافت می‌کنید.

فصل ۴ به CSS برمی گردد و به شما نشان می‌دهد که چگونه متن را با اعمال یک تایپ، اندازه تایپ و استایل پررنگ و مورب قالب‌بندی کنید. همچنین یاد می‌گیرید که چگونه پاراگراف‌ها را تراز و تورفتگی کنید و چگونه رنگ‌ها را در متن صفحه و پس زمینه اعمال کنید.

فصل پنجم اولین پروژه کتاب Web Design Playground را پوشش می‌دهد. در این مورد، دانش HTML و CSS را از فصل‌های ۱ تا ۴ کتاب Web Design Playground جمع‌آوری می‌کنید و از آن برای ایجاد یک صفحه اصلی شخصی برای خود استفاده می‌کنید.

فصل ۶ به شما نشان می‌دهد که چگونه صفحات وب خود را با عناصر غیر متنی تقویت کنید. بیشتر این فصل از کتاب Web Design Playground، تصاویری مانند عکس‌ها و تصاویر را پوشش می‌دهد، اما شما همچنین یاد می‌گیرید که چگونه فایل‌های ویدئویی و صوتی را اضافه کنید.

فصل ۷ آموزش CSS شما را با نشان دادن سه روشی که می‌توانید به یک صفحه سبک اضافه کنید، بیشتر می‌کند. شما همچنین یاد می‌گیرید که چگونه از انتخابگر‌های کلاس استفاده کنید، که از مفیدترین و قدرتمندترین تکنیک‌های CSS هستند. من همچنین شما را با واحد‌های اندازه‌گیری مختلفی که می‌توانید در قوانین CSS خود استفاده کنید، معرفی می‌کنم.

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

فصل ۹ شما را با یکی از قدرتمندترین مفاهیم در تمام CSS آشنا می‌کند: مدل جعبه. شما یاد می‌گیرید که مدل جعبه در مورد چیست، و از آن برای تنظیم عرض و ارتفاع یک عنصر، اضافه کردن بالشتک در اطراف محتوای یک عنصر، و افزایش یک عنصر با حاشیه و حاشیه استفاده می‌کنید.

فصل ۱۰ کتاب Web Design Playground شما را در پروژه دوم کتاب Web Design Playground، که صفحه فرود برای یک محصول یا خدمات است، راهنمایی می‌کند. شما فرآیند کامل صفحه‌سازی را انجام می‌دهید، از طراحی طرح گرفته تا انتخاب حروف و رنگ‌ها تا ساخت ساختار و محتوای صفحه.

فصل ۱۱ شما را در مورد موضوع بسیار مهم طرح‌بندی صفحه وب شروع می‌کند. من شما را با برچسب‌های صفحه‌آرایی معنایی HTML۵ – از جمله <header>, <article>، و <footer> آشنا می‌کنم و به شما نشان می‌دهم که چگونه از آن‌ها برای ایجاد طرح‌بندی‌های مدرن استفاده کنید.

سرفصل‌های کتاب Web Design Playground:

• inside front cover
• praise for the first edition
• Web Design Playground
• Copyright
• dedication
• contents
• front matter
• 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. From Playground to Web: Getting Your Pages Online
• index
• inside back cover

جهت دانلود کتاب Web Design Playground می‌توانید پس از پرداخت، دریافت کنید.