آموزش پروژه محور HTML و CSS

دسترسی به اطلاعات این آموزش: اطلاعات کلی محتوا و سرفصل ها پیش نمایش و دانلود اطلاعات تکمیلی دیدگاه ها

درباره ناشر

فرادرس
فرادرس

فرادرس بزرگ‌ترین ناشر دیجیتال آموزش‌های تخصصی، دانشگاهی و مهندسی است.

درباره مدرس

مهندس مهران بهدوست
مهندس مهران بهدوست

مدرس فرادرس

کارشناس مهندسی نرم افزار


مهران بهدوست دانشجوی کارشناسی نرم افزار دانشگاه آزاد واحد گرگان می باشند. وی مشاور طراحی رابط کاربری، طراحی وب و گرافیک، طراح بنرهای تبلیغاتی و پوستر و برنامه نویس می باشند. (+)



ما در این دوره، یک پروژه عملی را انجام می دهیم. یعنی طرحی را که در ذهنمان داریم، تبدیل به کد می کنیم. ابتدا به سراغ پیاده سازی این طرح در فتوشاپ می رویم و سپس، این طرح را به کدهای HTML و CSS با استانداردهای روز جهانی تبدیل می کنیم. این دوره برای کسانی که می خواهند به صورت پروژه محور طراحی وب انجام دهند، مناسب است. زیرا ذهن شما را برای سؤالات مختلفی که دارید باز می کند. به عنوان مثال (چطور این Attribute را استفاده کنم؟ در کجا استفاده کنم؟ برای بخش بندی از div استفاده کنم یا section؟ و …) چون ما هنگام انجام پروژه، تک تک این موضوعات را به شما آموزش می دهیم.

👤 مدرس: مهندس مهران بهدوست
🕓 مدت زمان: ۴ ساعت و ۹ دقیقه
🎓 تعداد دانشجو: ۶۰۰ نفر این آموزش را تهیه کرده اند. — ۳۳ نفر در یک ماه اخیر
روش دریافت: لینک دانلود و/یا ارسال فیزیکی

هزینه آموزش: ۱۸,۰۰۰ تومان


آنچه شما در این فرادرس خواهید دید:
آموزش ویدئویی مورد تایید فرادرس
فایل برنامه ها و پروژه های اجرا شده در حین آموزش

تضمین کیفیت و گارانتی بازگشت هزینه
توجه: کیفیت این آموزش توسط فرادرس تضمین شده است. در صورت عدم رضایت از آموزش، به انتخاب شما:
  • به صورت رایگان یک یا چند آموزش معادل دیگر دریافت می کنید.
  • و یا ۷۰ درصد مبلغ پرداختی به حساب بانکی شما بازگشت داده می شود.
    (توضیحات بیشتر +)
دانلود آنی و ارسال سریع
فعال‌سازی آنی لینک دانلود، بلافاصله پس از ثبت سفارش
ارسال پستی به همراه کد رهگیری مرسوله در اولین ساعت اداری روز
ارسال پیک موتوری در تهران، در همان روز ثبت سفارش

(توضیحات بیشتر +)



    توضیحات

    برنامه نویسی، یکی از مشاغل پردرآمد جهان است. یکی از شاخه های برنامه نویسی نیز طراحی وب می باشد که روز به روز در حال پیشرفت و تبدیل شدن به یکی از الزامات دنیای امروز است. امروز هر شخصی که می خواهد خود را به دنیا معرفی کند، از سایت ها استفاده می کند. برای مثال اگر شما یک طراح گرافیک هستید، برای اینکه بتوانید درآمد خوبی کسب کنید و نمونه کارهای خود را به افرادی که در نزدیکی شما نیستند، نشان دهید، باید یک سایت خوب داشته باشید تا تمامی اطلاعات خود را در آن قرار دهید و پس از جلب نظر مشتری ها، پروژه های آنها را انجام داده و شروع به درآمدزایی کنید. در این صورت، مشتری های شما، از کل جهان خواهد بود نه فقط یک شهر. پس امروزه هر شغلی، نیاز به یک سایت دارد.

    ما در این دوره، یک پروژه عملی را انجام می دهیم. یعنی طرحی را که در ذهنمان داریم، تبدیل به کد می کنیم. ابتدا به سراغ پیاده سازی این طرح در فتوشاپ می رویم و سپس، این طرح را به کدهای HTML و CSS با استانداردهای روز جهانی تبدیل می کنیم.

    این دوره برای کسانی که می خواهند به صورت پروژه محور طراحی وب انجام دهند، مناسب است. زیرا ذهن شما را برای سؤالات مختلفی که دارید باز می کند. به عنوان مثال (چطور این Attribute را استفاده کنم؟ در کجا استفاده کنم؟ برای بخش بندی از div استفاده کنم یا section؟ و …) چون ما هنگام انجام پروژه، تک تک این موضوعات را به شما آموزش می دهیم.

    پیش نیاز این دوره، آشنایی با تگ های HTML5 و خصوصیات CSS3 است.

     

    فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
    • درس یکم: مقدمه کلی و معرفی
      • پیش نیازهای آموزش
      • نتیجه نهایی آموزش
    • درس دوم: طراحی اسکچ در فتوشاپ
      • اسکچ چیست؟
      • نحوه طراحی اسکچ روی کاغذ
      • طرح کلی دوره روی کاغذ
      • انتخاب عرض مناسب قالب
      • طراحی اسکچ موردنظر در فتوشاپ
      • طراحی هدر و لوگو و آیکون های شبکه های اجتماعی
      • طراحی منوها و اسلایدر
      • طراحی بخش های کناری
      • طراحی بلاک اصلی مطالب
      • طراحی فوتر سایت
    • درس سوم: تبدیل فایل PSD به HTML
      • تجزیه و تحلیل فایل PSD
      • بخش های مختلف طرح و بخش بندی
      • نرم افزار Sublime Text
      • معرفی پلاگین Emmet و نصب و استفاده از آن
      • کد نویسی هدر و منوها
      • کد نویسی اسلایدر و استفاده از پلاگین ها
      • کد نویسی ستون های کناری و بخش محتوای سایت
      • کد نویسی بخش فوتر سایت
    • درس چهارم: ریسپانسیو کردن طرح
      • واکنشگرایی چیست؟
      • فریم ورک های مختلف واکنشگرایی (Bootstrap)
      • ریسپانسیو کردن دستی سایت
      • ریسپانسیو کردن بدون نیاز به آموزش بوت استرپ

     

    مفید برای رشته های
    • مهندسی نرم افزار

    نرم افزارهای مرتبط با آموزش

    Sublime Text

    پیش نمایش

    پیش نمایش ۱ : مقدمه کلی و معرفی - ۴ دقیقه


    توجه: ممکن است که به خاطر سرعت پایین اینترنت شما، نمایش آنلاین با کیفیت پایین تر از کیفیت HD ویدئوی اصلی نمایش داده شوند. برای تنظیم کیفیت نمایش آنلاین روی علامت کلیک نمایید یا اینکه آموزش را دانلود کرده و سپس مشاهده نمایید.

    دانلود مستقیم پیش نمایش - حجم دانلود ۱۲ مگابایت (کلیک کنید +)


    پیش نمایش ۲ : طراحی اسکچ در فتوشاپ - ۲۰ دقیقه


    توجه: ممکن است که به خاطر سرعت پایین اینترنت شما، نمایش آنلاین با کیفیت پایین تر از کیفیت HD ویدئوی اصلی نمایش داده شوند. برای تنظیم کیفیت نمایش آنلاین روی علامت کلیک نمایید یا اینکه آموزش را دانلود کرده و سپس مشاهده نمایید.

    دانلود مستقیم پیش نمایش - حجم دانلود ۲۸ مگابایت (کلیک کنید +)


    پیش نمایش ۳ : تبدیل فایل PSD به HTML (الف) - ۲۱ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    پیش نمایش ۴ : تبدیل فایل PSD به HTML (ب) - ۱۶ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.

    پیش نمایش ۵ : ریسپانسیو کردن طرح - ۱۱ دقیقه


    مشاهده آنلاین و یا دانلود رایگان این پیش نمایش، نیازمند عضویت و ورود به سایت (+) است.


    اطلاعات تکمیلی

    نام آموزش آموزش پروژه محور HTML و CSS
    ناشر فرادرس
    شناسه اثر ۸-۱۲۴۵۲-۰۵۵۶۳۷ (ثبت شده در مرکز رسانه‌های دیجیتال وزارت ارشاد)
    کد آموزش FVH4C9505
    مدت زمان ۴ ساعت و ۹ دقیقه
    زبان فارسی
    نوع آموزش آموزش ویدئویی     (کیفیت HD - مورد تایید فنی فرادرس)
    حجم دانلود ۵۳۲ مگابایت     (کیفیت ویدئو HD‌ با فشرده سازی انحصاری فرادرس)
    تعداد DVD یک عدد (در صورت دریافت غیر آنلاین)


    ​راهنمای تهیه آموزشها

    آیا می دانید که تهیه یک آموزش از فرادرس و شروع یادگیری چقدر ساده است؟

    راهنمایی بیشتر ( +)

    در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟ 
    • با شماره تلفن واحد مخاطبین ۸۸۳۱۲۲۷۶ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
    • از طریق بخش چت آنلاین، با پشیبان های فرادرس گفتگو کنید.- همه روزهای کاری هفته از ساعت ۸ صبح تا ۱۲ شب
    • با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه

    با شروع یادگیری، یک کلیک فاصله دارید. همین حالا شروع کنید.

    آموزش پروژه محور HTML و CSS

    هزینه آموزش: ۱۸,۰۰۰ تومان




    سایر آموزش های مهندس مهران بهدوست



    مطالب مرتبط


    دیدگاه ها

    تا کنون ۶۰۰ نفراز این آموزش استفاده کرده اند.
    1. 5 از 5

      :

      عالی هست.
      کاش برنامه نویسی php رو برای داینامیک کردنش همراه با j-query بهش اضافه میکرید.
      اگر php رو هم اضافه کنید ممنون میشم.


    نظر شما در مورد این فرادرس چیست؟

    درج دیدگاه

    امتیاز شما به این آموزش:

    *



​همین امروز شروع به آموختن کنید​

آموزش پروژه محور HTML و CSS

هزینه آموزش: ۱۸,۰۰۰ تومان



برچسب‌ها: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

دسته های مرتبط:



فرادرس در رسانه ها و جشنواره ها

روزنامه ایرانیان مرکز توسعه فناوری اطلاعات و رسانه های دیجیتال روز آفرین نت استارت کنفرانس مهندسی برق ایران جشنواره وب ایران

عضویت در خبرنامه فرادرس

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

Please leave this field empty.

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