آموزش HTML, CSSآموزش اچ.تی.ام.ال، سی.اس.اس

نرم افزار HTML, CSS: این دیسک شامل نسخه نهایی برترین ادیتورهای مورد نیاز در آموزش 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 (٣)

٢٠ – آزمون های عملی
۶ دوره آزمون عملی