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

PSD آموزش طراحی وب سایت خبری

وب سایت خبری

در این کلیپ صفر تا 100 یک وب سایت خبری را طراحی می کنیم در این کلیپ در فتوشاپ تمامی قالب سایت رو پیاده سازی می کنیم html,css رو طراحی می کنیم سپس در کلیپ بعدی

سورس پروژه را می توانید از اینجا دانلود کنید

http://source project : https://github.com/Borhani-clipamooz/clipamooz_news

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

https://www.youtube.com/watch?v=2QSolCcex7g&t=7s

میتونید به صورت آنلاین وب سایت رو در اینجا مشاهده کنید

http://projects.clipamooz.ir/clipamooz-news/

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

: – معرفی وب سایتی که میخواهین طراحی کنید

– آموزش امکانات اولیه فتوشاپ جهت اجرای این پروژه

– بررسی اولیه انجام پروژه و توضیح امکانات و بخش های وب سایت جهت تولید این وب سایت

– کار با خط کش فتوشاپ و قالب بندی پروژه با این ابزار

– طراحی منوهای وب سایت

– طراحی هدر سایت

– منوها gradiant تنظیم

– آیکون های مورد نظر رو از iconfinder دانلود میکنیم – طراحی باکس های مورد نظر –

طراحی تبلیغات وب سایت –

طراحی اسلایدر وب سایت

– – استفاده از motion blur –

طراحی مطالب ویژه طراحی

آخرین اخبار سایت

– طراحی خبرنامه وب سایت

– طراحی مطالب سایت –

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

– طراحی فوتر وب سایت

Click to see the clip