آموزش پروژه محور HTML و CSS - درس یکم: مقدمه کلی و معرفی

توضیحات:

برای کسب اطلاعات بیشتر، به این لینک مراجعه نمایید:
#http://www.faradars.org/fvh4c9505

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

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

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

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

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


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

کلمات کلیدی:
دانلود فرادرس آموزشی رایگان,دانلود فیلم آموزشی رایگان,دانلود جزوه تصویری آموزشی,دانلود کتاب تصویری آموزشی,آموزش غیر حضوری و الکترونیکی,دوره آموزشی تخصصی،attribute, Bootstrap, CSS, CSS3, Emmet, HTML, html5, PSD, Sublime Text, آموزش بوت استرپ, اسکچ, اسلایدر, برنامه نویسی, بوت استرپ, پلاگین Emmet, تبدیل فایل PSD به HTML, تگ های HTML5, خصوصیات CSS3, ریسپانسیو کردن, طراحی اسکچ, طراحی اسکچ در فتوشاپ, طراحی اسکچ روی کاغذ, طراحی فوتر سایت, طراحی منو, طراحی هدر, طراحی وب, فایل PSD, فتوشاپ, فریم ورک, کد نویسی اسلایدر, کد نویسی بخش فوتر, کد نویسی ستون های کناری, کد نویسی هد, کد نویسی هدر, محتوای سایت, نحوه طراحی اسکچ, نرم افزار Sublime Text, واکنش گرایی

لغات کلیدی:

دانلود, فرادرس, آموزشی, رایگان, دانلود, فیلم, آموزشی, رایگان, دانلود, جزوه, تصویری, آموزشی, دانلود, کتاب, تصویری, آموزشی, آموزش, غیر, حضوری, و, الکترونیکی, دوره, آموزشی, تخصصی, attribute, Bootstrap, CSS, CSS3, Emmet, HTML, html5, PSD, Sublime, Text, آموزش, بوت, استرپ, اسکچ, اسلایدر, برنامه, نویسی, بوت, استرپ, پلاگین, Emmet, تبدیل, فایل, PSD, به, HTML, تگ, های, HTML5, خصوصیات, CSS3, ریسپانسیو, کردن, طراحی, اسکچ, طراحی, اسکچ, در, فتوشاپ, طراحی, اسکچ, روی, کاغذ, طراحی, فوتر, سایت, طراحی, منو, طراحی, هدر, طراحی, وب, فایل, PSD, فتوشاپ, فریم, ورک, کد, نویسی, اسلایدر, کد, نویسی, بخش, فوتر, کد, نویسی, ستون, های, کناری, کد, نویسی, هد, کد, نویسی, هدر, محتوای, سایت, نحوه, طراحی, اسکچ, نرم, افزار, Sublime, Text, واکنش, گرایی

درباره ما | تماس با ما | قوانین تخته سفید