تا %60 تخفیف خرید برای 7 نفر با صدور مدرک فقط تا
00 00 00
در توسینسو تدریس کنید

مهم: برای خریدهای بالای 100 هزار تومان باید از رمز پویا استفاده کنید و امکان خرید با رمز ایستا وجود نخواهد داشت

با خرید یکجای این دوره از 30 درصد تخفیف بر روی خرید خود استفاده کنید. تخفیف های وب سایت بر روی خرید تک ویدیوها اعمال نخواهد شد. در صورت هر گونه سوال برای خرید خود می توانید با شماره 02634209662 تماس گرفته یا به تلگرام پشتیبانی سایت پیام دهید.

قیمت: 378,410 تومان

با 30% تخفیف وب سایت و مدرس در صورت خرید یکجا: 264,890 تومان

خرید دوره با 30 تخفیف

آموزش طراحی سایت صفر تا صد قسمت 21 : آشنایی با Grid System

آموزش طراحی سایت صفر تا صد قسمت 21 : آشنایی با Grid System

برای استفاده از این فیلم آموزشی باید هزینه آن را پرداخت کنید.

شما می توانید 3 دقیقه از این ویدیو را به صورت رایگان مشاهده کنید

در قسمت بیستم از دوره آموزشی طراحی وب به سراغ مبحث Grid System میرویم. این مبحث یکی از مهمترین مباحث در طراحی وب بوده و علاقه مندان به طراحی وب با درک صحیح این مطلب می توانند با روشی اصولی در طراحی Layout صفحات وب آشنا شوند و به راحتی Layout صفحات را طراحی کنند. در این مبحث به بررسی سیستم گرید در سایز 960 خواهیم پرداخت و با مفهامی مانند سطر ها و ستون ها در Grid System آشنا می شویم. مباحث آموزش داده شده در این قسمت:

  1. آشنایی اولیه با Grid System و مزایای استفاده از آن
  2. بررسی ساختار Grid System در سایز 960 پیکسل
  3. بررسی مفاهیم container و row و column در grid system
  4. آشنایی با مفاهیم Guids و Grids در Photoshop و انجام تنظیمات مربوط به آن ها
  5. آماده سازی محیط Photoshop برای طراحی وب سایت مبتنی بر Grid System
  6. پیاده سازی Layout بر اساس Grid System در Photoshop به صورت خیلی ابتدایی
  7. نحوه محاسبه اندازه سطر ها و ستون ها بر اساس Pixel و Percent
  8. نوشتن کدهای CSS مربوط به Grid System (یکبار نوشتن کدهای Grid System و استفاده در کلیه طراحی ها)
  9. دلیل استفاده از درصد در مشخص کردن اندازه ستون ها
  10. آشنایی با سایت 960.gs و فایل های آماده Grid System در این سایت
  11. آشنایی با Action ها در فتوشاپ و استفاده از اکشن های سایت 960.gs

تصاویری از محیط آموزش:

دوره آموزشی طراحی وب


دوره آموزشی طراحی وب


تهیه کننده: حسین احمدی
منبع: ITpro
#آموزش_html_و_css #دوره_طراحی_وب_سایت #ایجا_layout_صفحات_وب #آموزش_طراحی_وب_سایت #کار_با_action_ها_در_فتوشاپ #grid_system_در_طراحی_وب #guid_ها_و_grid_ها_در_فتوشاپ
نظر شما
برای ارسال نظر بر روی این مطلب باید آن را خریداری کنید.
14 نظر
افرادی که این مطلب را خواندند مطالب زیر را هم خوانده اند