آموزش ببین

آموزش صفر تا صد به زبان ساده
×

پروژه محور اچ تی ام ال و سی اس اس HTML و CSS 

خانه » دانلود » پروژه محور اچ تی ام ال و سی اس اس HTML و CSS 
امتیاز خود را ثبت کنید
120000 تومان
اطلاعات دوره
70%
تخفیف
تعداد دانشجو
0
مدت دوره
04:09:44
تعداد درس ها
4

admin

درباره استاد
اشتراک گذاری محصول

بیشترین زمان

با بالاترین کیفیت تدریس

اساتید مجرب

بهترین استاد های ایران

ویدیو با کیفیت

دارای ضمانت نامه کیفیت

دسترسی ایمن

تنها خودتان یاد بگیرید

امتیاز خود را ثبت کنید

آموزش پروژه محور اچ تی ام ال و سی اس اس HTML و CSS 


آموزش پروژه محور اچ تی ام ال و سی اس اس HTML و CSS

اهمیت یادگیری پروژه‌محور HTML و CSS چیست؟

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

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

در این آموزش ببین چه چیزی یاد می‌گیریم؟

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

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

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

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

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

فهرست سرفصل‌ها و رئوس مطالب مطرح شده در اين مجموعه آموزشی، در ادامه آمده است:

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

پیش نیاز

آنچه در این آموزش خواهید دید:

آموزش ویدئویی مورد تائید آموزش ببین
فایل برنامه ها و پروژه های اجرا شده

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

 Sublime Text

محتوای این آموزش

۴ ساعت آموزش ویدئویی

فایل برنامه‌ها و پروژه‌ها

11:51
پروژه محور اچ تی ام ال و سی اس اس HTML و CSS 1
01:08:54
پروژه محور اچ تی ام ال و سی اس اس HTML و CSS 2
01:14:52
پروژه محور اچ تی ام ال و سی اس اس HTML و CSS 3
52:41
پروژه محور اچ تی ام ال و سی اس اس HTML و CSS 4

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

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