آموزش طراحی وب سایت گوگل

google

در این کلیپ برای تقویت اچ تی ام ال و سی اس اس شما یک طراحی ساده در نظر گرفتم

پیشنهادم این است قبل از دیدن این کلیپ اینجا رو مشاهده کنید

https://www.youtube.com/watch?v=x8jL4KnyGJc

مطالبی که در این کلیپ به آن اشاره میشه به شرح ذیل است

  • تعاریف اجزای اصلی گوگل بدون هیچگونه استایل دهی –
  • استفاده از تگ تصویر جهت الصاق تصویر گوگل به صفحه اصلی سایت
  • – مرتب سازی کدها جهت خوانایی بهتر توسعه دهنده
  • – تعاریف کلاس های مورد نیاز –
  • ID بخش بندی قسمت های مختلف با استفاده از
  • – ریست کردن فضاهای اضافی در قالب صفحه –
  • پیدا کردن رنگ ها از رویه تصویر قالب گوگل
  • – hover تنظیم حالت های دکمه ها –
  • تعریف سایه برای دکمه ها –
  • طراحی فیلدهای ورودی گوگل –
  • طراحی منوهای گوکل
Click to see the clip