آموزش  دوره طراحی صفحات وب HTML & CSS

سر فصل های آموزش HTML :

۱٫ معرفی DOCTYPE

۲٫ آموزش روش آماده سازی بستر طراحی وب و نرم افزارهای مربوطه

۳٫ معرفی Project Structure در طراحی وب

۴٫ بررسی تگ های p و div

۵٫ بررسی تگ های span , h , head

۶٫ بررسی تگ های header , br و لیست‌ها

۷٫ بررسی تگ a

۸٫ آشنایی تگ img

۹٫ تگ map

۱۰٫ تگ picture

۱۱٫ تگ table

۱۲٫ بررسی تگ tbody

۱۳٫ تگ form

۱۴٫ تگ input

۱۵٫ تگ Select

۱۶٫ تگ textarea

۱۷٫ تگ video

۱۸٫ معرفی مفهوم Attribute

۱۹٫ معرفی مفهوم Comment و دلائل استفاده از آن

۲۰٫ معرفی و ارائه مثال از تگ‌های مربوط به هر طبقه بندی

۲۱٫ بررسی استانداردهای نامگذاری المان ها

۲۲٫ بررسی مفهوم Validation در اسناد Html

۲۳٫ معرفی مفهوم Hyper Link و نکات مربوط به Navigation

۲۴٫ آشنایی با مفهوم Anchor و Hash

۲۵٫ ایجاد Shortcut برای لینک‌ها

۲۶٫ بررسی Site Map و روش ایجاد آن

۲۷٫ بررسی روش ایجاد منو و انواع آن

۲۸٫ بررسی روش‌های مختلف آدرس دهی لینک‌ها مثلا Internal و External

۲۹٫ بررسی نکات جدید HTML5 در مورد لینک‌ها مانند Download

۳۰٫ معرفی تگ‌های مفهومی HTML5 مانند مفاهیم موارد زیر

<article>  <aside>  <details>  <figcaption>  <figure>  <footer>  <header>  <main>  <mark>  <nav>   <section>  <summary>  <time>

 

سر فصل های آموزش CSS :

۱٫ معرفی CSS

۲٫ ساختار css

۳٫ نحوه استفاده از css

۴٫ بررسی نقش CSS در آرایش تگ‌ها

۵٫ سلکتور ها در css

۶٫ رنگ ها در css

۷٫ background در css

۸٫ واحد های اندازه گیری در css

۹٫ مفهوم border در css

۱۰٫آموزش کار با ویژگی Margins در CSS

۱۱٫ آموزش کار با ویژگی Padding در CSS

۱۲٫ آموزش کار با ویژگی های Height و Width در CSS

۱۳٫ آموزش کار با ویژگی Outline در CSS

۱۴٫ آموزش ویژگی text-align در CSS

۱۵٫ آموزش کار با متن ها یا Texts در CSS

۱۶٫ آموزش کار با فونت ها یا Fonts در CSS

۱۷٫آیکون ها در CSS

۱۸٫ آموزش دستور import در CSS

۱۹٫ آموزش تگ link در HTML

۲۰٫ لیست ها در CSS

۲۱٫ استایل دهی جدول ها در CSS

۲۲٫ آموزش ویژگی display در CSS

۲۳٫ آموزش ویژگی position در CSS

۲۴٫ آشنایی با صفت overflow در CSS

۲۵٫ آموزش ویژگی float در CSS

۲۶٫ آموزش ویژگی opacity در CSS

۲۷٫ آموزش کامل کار با ویژگی Transition در CSS3

۲۸٫ آموزش کار با ویژگی Transforms در CSS3

۲۹٫ بررسی انواعEffect ها در CSS3

۳۰٫ معرفی قابلیت‌های Design Envirement مانند منوها و قسمت‌های مختلف Dream Weaver

۳۱٫ بررسی روش‌های مختلف اعمال Style روی تگ‌ها مانند Inline، Internal، External

۳۲٫ بررسی انواع File Path

۳۳٫ بررسی مفهوم Save/Export For Web

۳۴٫ بررسی نحوه Load شدن تصاویر

۳۵٫ بررسی پسوندهای مختلف تصاویر

۳۶٫ بررسی تصاویر PNG و مشکلات نمایشی مرورگرها

۳۷٫ بررسی نکات مربوط به تصاویر مانند Transparency

۳۸٫ بررسی Image Map

۳۹٫ بررسی نحوه ویرایش و بهینه سازی تصاویر برای وب با نرم افزارهای مربوطه

۴۰٫ بررسی نکات مربوط به استفاده از تصاویر در Background مانند Repeat و…

۴۱٫ بررسی نحوه استفاده از صدا و تصویر در Background

۴۲٫ معرفی IFrame و روش استفاده از آن

۴۳٫ بررسی روش استفاده از Google Map و سایر موارد مرتبط با IFrame

۴۴٫ بررسی Localization برای زبان‌های RTL

۴۵٫ بررسی Drag & Drop

۴۶٫ بررسی Canvas و نحوه استفاده از آن

۴۷٫ بررسی SVG و نحوه استفاده از آن

۴۸٫ معرفی Edge و Illusttator و کاربرد آن‌ها