html,css:part1 طراحی وب سایت خبری

وب سایت خبری psd

این قسمت طراحی قالب به طور کامل انجام میگیرد . کلیپ اول

پروژه رو به شکل زنده در اینجا مشاهده کنید

http://projects.clipamooz.ir/

پیشنهاد می شود قبل از دیدن این آموزش حتما کلیپ زیر رو نگاه کنید

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

سرفصل های ارائه شده در این کلیپ

پنهان کردن خط کش فتوشاپ

برش گذاری تصاویر جهت استفاده در قالب

– css – تعریف

دانلود فونت های مورد نیاز

مورد نظر direction تنظیم

– css header طراحی

– طراحی نقشه هدر

منوی اصلی css طراحی

شبکه های اجتماعی css طراحی

عنوان اصلی وب سایت css طراحی

تبلیغات هدر سایت css طراحی

تاریخ هدر سایت css طراحی

اسلایدر سایت css طراحی

جستجوگر سایت css طراحی

عناوین اسلایدر سایت css طراحی

مطالب ویژه سایت css طراحی

هدر مطالب ویژه سایت css طراحی

آخرین مطالب css طراحی

شمارنده صفحه سایت css طراحی

فوتر سایت css طراحی

Click to see the clip

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

google

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

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

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

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

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