آموزش طراحی سایت (HTML CSS)

توضیحات دوره

یکی از مهم ترین و کاربردی ترین ابزارها برای معرفی خدمات، کالا یا هرچیز دیگری به مردم داشتن یک وب سایت یا اپلیکیشن است. بنابراین همه آن هایی که می خواهند یک کسب و کار جدیدی را شروع کنند باید این آچار را درون جعبه ابزار خود داشته باشند.

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

همچنین آن دسته از دانشجویانی که آشنایی کمی با HTML و CSS دارند ولی می خواهند طراحی Theme را به صورت حرفه ای بیاموزند با استفاده از مطالبی که در این دوره در اختیار آنان قرار خواهد گرفت می توانند به راحتی وارد بازار کار شده و کسب درآمد کنند.

سرفصل دوره

آشنایی با مفاهیم پایه دنیای وب و نحوه کار وب سایت ها (4 قسمت)

آشنایی با مفاهیم اینترنت، وب و وب سرور
آشنایی با هاست
آشنایی با دامنه سایت
آشنایی با dns server

آشنایی با HTML 5 و تگ های HTML (9 قسمت)

آشنایی با زبان های Markup مانند HTML5
معرفی IDE های مختلف برای طراحی صفحات سایت
آشنایی با ساختار کلی یک سند html
HTML Heading
HTML Formmating
HTML Links & Images
HTML Block & Inline
HTML List
HTML Table

آشنایی و کار با CSS3 (6 قسمت)

آشنایی با زبان نشانه گذاری CSS و کاربرد آن در طراحی سایت
آموزش انواع روش های استایل دهی با استفاده از CSS
آشنایی با base selector ها در CSS3
آموزش کار با ابزار Inspect Element مرورگرها
آموزش کار با رنگ ها در طراحی صفحات وب
آموزش تزریق Font دلخواه به سایت با استفاده از CSS

آشنایی و کار با CSS3 - Part 2 (6 قسمت)

آموزش CCS Box Model
آشنایی با نحوه اعمال Background و Border به عناصر در CSS
آشنایی با float و نحوه استفاده از آن برای چیدمان عناصر صفحه وب
طراحی Button Link های زیبا
آموزش ایجاد منوی تک سطحی و Side Menu
آموزش مفاهیم inline و inline block در CSS

آشنایی و کار با CSS3 - Part 3 (4 قسمت)

آموزش مفهوم CSS Position و کار با انواع Position ها در CSS
آموزش تفاوت های استفاده از Display و Visibility در طراحی سایت
ایجاد یک فرم ورود اطلاعات
استایل دهی فرم ورود اطلاعات

پروژه : سایت هتل آتریا (8 قسمت)

طراحی منوی سایت
طراحی بخش ویترین سایت
طراحی بخش درباره ما
آشنایی با Media Query ها در CSS
طراحی بخش سرویس ها و خدمات هتل و افزودن آیکون به سایت
طراحی صفحه درباره ما بخش اول
طراحی صفحه درباره ما بخش دوم
طراحی صفحه تماس با ما

آشنایی با نحوه Responsive کردن سایت (Responsive Web Design) (7 قسمت)

آشنایی با ریسپانسیو سایت (Responsive Web Design)
آشنایی با تگ Viewport و کاربرد آن
کار با Media Query
ایجاد استایل های مختلف برای screen های مختلف
آشنایی با واحدهای اندازه گیری Absolute و Relative در CSS
کار با واحدهای اندازی گیری em و rem در css
ریسپانسیو کردن سایت هتل طراحی شده در فصل 6

آموزش Flexbox در CSS3 (12 قسمت)

آشنایی با CSS Flexbox
آشنایی با پراپرتی های Letter Spacing and White Space جهت رفع مشکل Display inline-block
کار با ماژول Flex در CSS3
آشنایی با Flex Direction
تراز عناصر داخلی نسبت به محور اصلی با استفاده از ویژگی justify-content
تراز عناصر داخلی نسبت به محور عمودی با استفاده از ویژگی align-items
آشنایی با align-content
تغییر ترتیب عناصر داخلی با استفاده از ویژگی order
انعطاف پذیری عناصر داخلی با flex-grow
انعطاف پذیری عناصر داخلی با Flex-shrink و flex-basis
آشنایی با ویژگی align-self
طراحی یک صفحه واکنش گرا با Flexbox

طراحی یک سایت تک صفحه ای با استفاده از CSS flexbox (0 قسمت)

Advance CSS (0 قسمت)

بخش دهم: طراحی یک سایت آموزشی حرفه ای و واکنش گرا (0 قسمت)

اطلاعات دوره آموزشی


  • مدرس دوره: محمد رامشینی
  • مدت زمان دوره: 12:55:30
  • تعداد ویدیو: 56
  • آخرین بروزرسانی: 1399/07/09
  • فیلم های نمونه: امکان دریافت بخش های رایگان

پیش نیازهای دوره

آشنایی با اینترنت

آنچه در پایان دوره خواهید آموخت

در این دوره آموزشی ما مباحث طراحی سایت را از ابتدا به صورت کامل و روان مطرح می کنیم و سعی کرده ایم مباحث طراحی سایت را با طراحی و پیاده سازی مثال های متنوع پیش ببریم تا مخاطبان به طور کامل با مباحث آشنا شده و از این پس خود بتوانند بخش های گوناگون یک وب سایت را به صورت حرفه ای طراحی نمایند. در انتهای دوره نیز به جهت آشنایی مخاطبان با نحوه طراحی یک وب سایت حرفه ای واکنش گرا از صفر تا 100، یک نمونه وب سایت به صورت کامل از ابتدا تا انتها طراحی می گردد. در این دوره آموزشی ما به طور مفصل در رابطه با Flexbox, Convas, SVG, Media Query و Sass صحبت خواهیم کرد و سعی می کنیم شما را به طور کامل با قابلیت های css آشنا کنیم تا بتوانید سایت های مدرن و سبک ایجاد نمایید تا سرعت بارگذاری سایت شما سریع صورت بگیرد.

لطفا، بدون ریسک خرید کنید!

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

پلن های قیمتی

بسته پایه

  • ضمانت بازگرداندن وجه
  • دریافت به روزرسانی های دوره آموزشی
  • پشتیبانی از طریق واتساپ و تلفن
  • 5 ساعت خصوصی آنلاین جهت رفع اشکالات
  • 250,000 تومان
ثبت نام

بسته ویژه

  • ضمانت بازگرداندن وجه
  • دریافت به روزرسانی های دوره آموزشی
  • پشتیبانی از طریق واتساپ و تلفن
  • 5 ساعت خصوصی آنلاین جهت رفع اشکالات
  • 500,000 تومان
ثبت نام

دانشجویان این دوره، دوره های زیر را هم شرکت کرده اند

نظرات خود را به اشتراک بگذارید
موسسه آموزشی آتریا
نظرات (0)