آموزش HTML, CSS

استفاده از زبان HTML در کنار تکنولوژی CSS یکی از مهمترین و پر استفاده ترین متدهای طراحی صفحات وب است. در دوره مقدماتی این آموزش، شما با تمامی تگ های HTML آشنا شده و نحوه طرح بندی یک صفحه وب را با متدهای مختلفی خواهید آموخت. علاوه بر این، کار با انواع لینک ها، لیست ها، Styleها و همچنین درج و ویرایش کدهای CSS از جمله مباحث این دوره آموزشی است. در دوره متوسط این آموزش شما ابتدا نحوه کار با Class ،ID و انواع Selector‌ها را فراخواهید گرفت. پس از آن نیز مطالب کاملی را در خصوص درج و ویرایش تصویر، کار با Mapها، ایجاد گالری تصویر، طراحی انواع Navigation Bar و Drop Down و همچنین کار با Iframe ،Frameset و فرم های ورودی خواهید آموخت. در دوره پیشرفته نیز پس از بررسی اصول درج و ویرایش دکمه، Checkbox ،Radio Button و Progress Bar، روش های طراحی انیمیشن توسط CSS بصورت کامل آموزش داده شده است. علاوه بر این، دستورات CSS3 و کار با صفحات Responsive و قانون Media از دیگر مباحث این دوره آموزشی است.
این بسته شامل ۲ عدد DVD ٩ گیگابایتی حاوی نرم افزارهای مورد نیاز آموزش HTML, CSS، دوره های مقدماتی، متوسط و پیشرفته آموزش HTML, CSS می باشد. این دیسک شامل نسخه نهایی نرم افزارهای مورد نیاز در آموزش CSS و HTML می باشد. در صورت نیاز، پس از نصب هر یک از نرم افزارها با مراجعه به پوشه برنامه در دیسک و مشاهده فیلم آموزشی، نرم افزار را بر روی سیستم خود فعال کنید.

imageاین دیسک شامل نسخه نهایی برترین ادیتورهای مورد نیاز در آموزش CSS و HTML نظیر Notepad++ ،Adobe Dreamweaver ،UltraEdit Professional ،Brackets ،Sublime Text و... می باشد. در صورت نیاز، پس از نصب هر یک از نرم افزارها با مراجعه به پوشه برنامه در دیسک و مشاهده فیلم آموزشی، نرم افزار را بر روی سیستم خود فعال کنید.

سرفصل های این دوره آموزشی به شرح ذیل است:

دوره مقدماتی

١ - مبانی اولیه

مقدمه - آشنایی با برنامه نویسی Web - نحوه عمکلرد وب سایت ها - آشنایی با تگ ها

٢ - ایجاد یک HTML ساده

کدنویسی HTML - ویرایش فایل HTML

٣ - کار با Dreamweaver

آشنایی با تگ های متنی - درج فاصله و ایجاد خط جدید

۴ - قالب بندی متن

قالب بندی متن (١) - قالب بندی متن (٢) - قالب بندی متن (٣3)

۵ - کاربرد دستور Style

کاربرد دستور Style (١) - کاربرد دستور Style (٢)

۶ - کار با تگ Span

آشنایی با تگ Span - کاربرد تگ Span

٧ - کار با رنگ ها

کار با رنگ ها

٨ - درج و دسته بندی لینک ها

درج لینک - دسته بندی لینک ها

٩ - روش Document Relative

روش Document Relative (١) - روش Document Relative (٢)

١٠ - تنظیمات لینک ها

کار با ویژگی Target - پیمایش صفحه توسط لینک ها - ایجاد لینک ایمیل

١١ - ویژگی Direction

ویژگی Direction

١٢ - کار با لیست ها

ایجاد لیست ها - استایل های لیست

١٣ - ترسیم جدول

طرح بندی توسط تگ Table - کار با پانل DOM

١۴ - کار با Colspan و Rowspan

کار با Colspan - کار با Rowspan

١۵ - ایجاد جداول پیشرفته

ایجاد جدول های تو در تو - تنظیم فواصل سلول ها

١۶ - طرح بندی توسط تگ Div

طرح بندی توسط تگ Div (1) - طرح بندی توسط تگ Div (2)

١٧ - طرح بندی در HTML5

طرح بندی در HTML5

١٨ - کار با CSS

آشنایی با CSS - ساختار دستورات CSS - ایجاد یک فایل CSS - درج ویژگی در CSS

١٩ - ویرایش کدهای CSS

ویرایش کدهای CSS (١) - ویرایش کدهای CSS (٢)

٢٠ - آزمون های عملی

۶ دوره آزمون عملی

دوره متوسط

١ - آشنایی با Class و ID

آشنایی با مفهموم Class - آشنایی با مفهوم ID

٢ - کار با کلاس ها

استفاده از کلاس ها - اعمال کلاس ها روی تگ های خاص

٣ - کار با انواع Selector

کار با Descendant Selector - کار با Pseudo Selector

۴ - واحدهای اندازه گیری

واحدهای اندازه گیری

۵ - کنترل مکان و حاشیه تگ ها

آشنایی با Float و Clear - تنظیم لبه ها

۶ - درج و ویرایش تصاویر

افزودن تصویر - تغییر ابعاد تصویر - درج لینک بر روی تصویر

٧ - کار با تصویر پشت زمینه

درج تصویر پشت زمینه - ویژگی Background-Repeat - ویرایش تصویر پشت زمینه

٨ - درج تصویر پشت زمینه تگ

درج تصویر پشت زمینه تگ (١) - درج تصویر پشت زمینه تگ (٢)

٩ - ویرایش تصویر پشت زمینه تگ

ویرایش تصویر پشت زمینه تگ (١) - ویرایش تصویر پشت زمینه تگ (٢)

١٠ - کار با Rollover Image

کار با Rollover Image

١١ - کار با Map

درج Map بر روی تصویر - ایجاد Map مستطیلی - ایجاد Map دایره ای و چندضلعی

١٢ - ایجاد گالری تصاویر

ایجاد گالری تصاویر (١) - ایجاد گالری تصاویر (٢) - ایجاد گالری تصاویر (٣)

١٣ - کار با Opacity

کار با Opacity

١۴ - کار با Navigation Bar عمودی

ایجاد Navigation Bar عمودی - ویرایش Navigation Bar عمودی - تنظیمات Navigation Bar عمودی

١۵ - کار با Navigation Bar افقی

ایجاد Navigation Bar افقی - تنظیمات Navigation Bar افقی

١۶ - ایجاد انواع Dropdown

ایجاد Dropdown ساده - ایجاد Dropdown پیشرفته

١٧ - کار با IFrame

مبانی استفاده از Iframe - ویژگی های Iframe (١) - ویژگی های Iframe (٢)

١٨ - کار با Frameset

ایجاد Frameset - مقدار دهی به Frameset

١٩ - ایجاد فرم های ورودی

کار با تگ Form - ساختار فرم تماس با ما - تگ های ورودی متن

٢٠ - آزمون های عملی

۶ دوره آزمون عملی

دوره پیشرفته

١ - ایجاد انواع دکمه

ایجاد دکمه ساده - ایجاد دکمه Submit و Reset - ایجاد دکمه تصویری و Button

٢ - امکان انتخاب گزینه ها

ایجاد Checkbox - ایجاد Radio Button

٣ - استفاده از تگ Output

استفاده از تگ Output

۴ - کار با تگ Select

کار با تگ Select (١) - کار با تگ Select (٢)

۵ - ایجاد Progress Bar

ایجاد Progress Bar

۶ - درج انواع Objectها

افزودن فایل های صوتی - افزودن فایل های ویدئویی - تگ های Embed و Object

٧ - کار با موتورهای مرورگر

کار با موتورهای مرورگر

٨ - کار با دستور Transform

چرخاندن محتویات یک تگ - مقادیر ویژگی Transform

٩ - ایجاد انیمیشن

ایجاد انیمیشن

١٠ - مدیریت انیمیشن

تنظیمات انیمیشن - کنترل سرعت انیمیشن

١١ - قانون Keyframe

استفاده از قانون Keyframe - کار با Keyframeها

١٢ - نقش CSS3 در طراحی

گرد کردن زوایا - ویژگی Border-Image - درج هم زمان تصاویر در CSS3

١٣ - کار با رنگ ها در CSS3

نقش رنگ ها در CSS3 - ایجاد گرادیان های خطی - ایجاد گرادیان ها دایره ای - کار با سایه ها

١۴ - مدیریت متن و فونت

کار با متن - کار با فونت ها - فراخوانی فونت ها

١۵ - مرور صفحات

مرور صفحات (١) - مرور صفحات (٢)

١۶ - ایجاد و ویرایش ستون

صفحات چند ستونی - جداکننده چند ستونی

١٧ - کار با صفحات Responsive

تغییر ابعاد توسط کاربر - ایجاد صفحات Responsive - استفاده از Grid-View

١٨ - کار با قانون Media

کار با قانون Media

١٩ - کاربرد قانون Media

قانون Media (١) - قانون Media (٢) - قانون Media (٣)

٢٠ - آزمون های عملی

۶ دوره آزمون عملی