معرفی و دانلود کتاب طراحی وب سایت

معرفی کتاب طراحی وب سایت

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

درباره‌ی کتاب طراحی وب سایت

گرگ ریکابی (Greg Rickaby)، طراح و توسعه‌دهنده‌ی وب، با تجربه‌ای است که در پروژه‌های بزرگ متعددی داشته، کتاب طراحی وب سایت (Creating a Web Site: Design and Build Your First Site!) را نگاشته است. او در این اثر ساده‌ی آموزشی تلاش کرده تجربه‌ی شخصی خود را به‌صورت ساختارمند ارائه دهد. زبان کتاب به گونه‌ای است که برای کودکان و نوجوانان و افراد مبتدی قابل‌فهم و مفید خواهد بود. سرفصل‌های اصلی کتاب شامل شش پروژه هستند: انتخاب موضوع، طراحی نقشه‌ی سایت، ایجاد یک وایرفریم، ایجاد راهنمای سبک، به طراحی‌تان جان ببخشید، ظاهر وب‌سایتتان را زیبا کنید.

در فصول اولیه‌ی کتاب طراحی وب سایت، گرگ ریکابی به توضیح مفاهیم اساسی طراحی وب از جمله زبان برنامه‌نویسی HTML و CSS و همچنین Google Drawing و... پرداخته است. ریکابی به‌صورت پروژه‌محور این مفاهیم را توضیح داده و تلاش کرده تا با مثال‌های عملی و کدنویسی گام‌به‌گام، یادگیری را ملموس و راحت‌تر کند. از جمله نکات قابل‌توجه این کتاب، تمرکز بر طراحی مدرن و استانداردهای امروزی است. به‌روزترین رویکردهای طراحی وبسایت مانند ایجاد برند با Frontify، رعایت دسترس‌پذیری، بهینه‌سازی برای دستگاه‌های مختلف و حتی استفاده از ابزارهایی مثل ColorHexa معرفی شده است.

نکته‌ی ویژه‌ی کتاب طراحی وب سایت ادغام مفاهیم تئوریک و دانش فنی با تجربیات شخصی و آموزش پروژه‌محور است که یادگیری را برای خواننده جذاب و مؤثر می‌کند. علاوه بر مباحث فنی، این کتاب به اهمیت سئو در طراحی وب نیز اشاره دارد. ریکابی تأکید می‌کند که طراحی زیبا کافی نیست، بلکه سایت باید برای موتورهای جست‌و‌جو نیز بهینه شود تا دیده شود. او درمورد سرعت بارگذاری صفحات، سبک‌دهی به لینک‌ها و استفاده از تگ‌های معنایی HTML نکات مهمی ارائه می‌دهد.

کتاب طراحی وب سایت در کنار اِعمال رویکرد پروژه‌محور و توجه به استانداردهای روز وب، به بیان کاربردی طراحی بصری وب پرداخته و تمامی مطالب را به صورت گام‌به‌گام آموزش داده است؛ ویژگی‌ای که مباحث را برای مبتدیان، تا حد زیادی ساده کرده است. خواننده صرفاً با تئوری روبه‌رو نمی‌شود، بلکه از ابتدا کدنویسی و طراحی صفحات واقعی را تجربه می‌کند. همچنین نویسنده به اشتباهات رایج مبتدیان اشاره می‌کند و راه‌حل‌هایی برای آن‌ها ارائه می‌دهد. این نکته باعث می‌شود خواننده از خطاهای معمول دوری و سریع‌تر پیشرفت کند؛ موضوعی که کتاب را به منبعی جامع و مسئولانه تبدیل کرده است. گرگ ریکابی در این کتاب با توضیح ساده و ارائه‌ی تصاویر دقیق از مراحل کار طراحی وب، منبعی خوب برای خوانندگانی فراهم کرده که قصد دارند یادگیری این مهارت ارزشمند را شروع کنند.

کتاب پیش رو توسط شیدا سرمدی ترجمه شده و به همت انتشارات آوند دانش در اختیار مخاطبان قرار گرفته است.

کتاب طراحی وب سایت برای چه کسانی مناسب است؟

این کتاب برای کودکان و نوجوانان و افراد مبتدی که می‌خواهند مهارت طراحی وبسایت را یاد بگیرند، مفید و کاربردی است.

در بخشی از کتاب طراحی وب سایت می‌خوانیم

فهرست موضوع‌ها

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

آیا تابه‌حال در کلاس‌های فوق‌برنامه مثل کاراته یا فوتبال شرکت کرده‌اید؟ آیا تاکنون ساز زده‌اید؟ به چیزهایی فکر کنید که غالباً با دوستان‌تان راجع به آن‌ها صحبت می‌کنید؛ مثلاً پسر من طرفدار پروپاقرص پوکمون است و مطمئنم که می‌تواند تا چند روز درباره‌ی کاراکترهای آن صحبت کند. آیا کاراکتر کارتونی خاص یا ابرقهرمانی وجود دارد که از آن خوشتان بیاید؟ اگر چنین است، مثلاً می‌توانید یک وب‌سایت اختصاصی برای کاپیتان تیم ملی فوتبال یا اسپایدرمن طراحی کنید.

ایده، هر چیزی می‌تواند باشد. مهم‌ترین نکته این است که موضوع موردنظر را روی کاغذ یادداشت کنید.

فهرست مطالب کتاب

مقدمه
درباره‌ی این کتاب
کلامی درباره‌ی کپی‌رایت
درباره‌ی شما
درباره‌ی نمادها
بیشتر بخوانید
پروژه‌ی 1: انتخاب موضوع
فهرست موضوع‌ها
نگاهی به سایت‌های مشابه
حفظ امنیت در حین وبگردی
چگونه در google. com جست‌وجو کنیم
چگونه با استفاده از similarsites. com جست‌وجو کنیم
جست‌وجوی آفلاین
ایده‌های ضعیف را حذف کنید
مخاطب خود را انتخاب کنید
پروژه‌ی 2: طراحی نقشه‌ی سایت
چیدمان محتوای سایت
طراحی نقشه‌ی سایت با استفاده از Google Drawings
ایجاد یک سند جدید Google Drawing
ایجاد اولین حباب در Google Drawing
ایجاد حباب‌های بیشتر
طراحی نقشه‌ی سایت با قلم و کاغذ
پروژه‌ی 3: ایجاد یک وایرفریم
وایرفریم چیست؟
برای شروع چه چیزهایی را باید بدانید
ایجاد یک وایرفریم Low-fidelity
قراردادن لوگو
ایجاد منوی مسیریابی
محتوای اصلی را اضافه کنید
ایجاد نوار کناری و ویجت‌ها
ایجاد پاصفحه
وایرفریم کامل شد
پروژه‌ی 4: ایجاد راهنمای سبک
راهنمای سبک چیست؟
ایجاد راهنمای سایت با استفاده از Frontify
ایجاد حساب کاربری در Frontify
ایجاد یک برند با Frontify
یادگیری کد رنگ‌ها
کدهای هگز
کشف ترکیب رنگ‌ها با ColorHexa
انتخاب سه رنگ برای استفاده در وب‌سایتتان
اضافه‌کردن پالت رنگ به Frontify
پیداکردن فونت با Google Fonts
اضافه‌کردن فونت به Frontify
پیداکردن عکس‌ها از وب
استفاده از VisualHunt برای پیدا‌کردن عکس‌های رایگان
اضافه‌کردن عکس‌ها به Frontify
پروژه‌ی 5: به طراحی‌تان جان ببخشید
راه‌اندازی محیط کدنویسی
ایجاد Google Folder
اضافه‌کردن برنامه‌های کدنویسی به Google Drive
نوشتن کدهای صفحه‌ی خانگی
ساختار HTML
اضافه‌کردن متن به وب‌سایت
اضافه‌کردن ساختار بیشتر به وب‌سایتتان
اضافه‌کردن مشخصه‌های سبک به وب‌سایتتان
اضافه‌کردن تصویر به وب‌سایت
اضافه‌کردن صفحات بیشتر به وب‌سایت
پروژه‌ی 6: ظاهر وب‌سایتتان را زیبا کنید
آماده‌کردن Google Drive
فولدر Google Drive خود را عمومی کنید
برنامه‌ی CSS Editey را به Google Drive اضافه کنید
ایجاد یک فایل CSS برای سبک
ایجاد یک فایل CSS
انتقال کدهای سبک به فایل CSS
فایل CSS را به فایل HTML لینک کنید
تغییرات را امتحان کنید
سبک‌دهی به وب‌سایت
تعیین رنگ‌های پس‌زمینه
تغییر رنگ فونت
قالب‌بندی صفحه
سبک‌دهی به لینک‌ها
تغییر پس‌زمینه
اضافه‌کردن محتوا
اضافه‌کردن مطالب و ویجت‌ها به صفحه‌ی خانگی
متن پاصفحه را تغییر دهید
اضافه‌کردن محتوا به صفحات دیگر
به‌اشتراک‌گذاشتن با دوستان