آموزش HTML, CSS پرند

آموزش HTML, CSS - دوره مقدماتی

آموزش HTML, CSS - دوره متوسطه

آموزش HTML, CSS - دوره پیشرفته

 

آموزش HTML, CSS - دوره مقدماتی

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

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

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

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

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

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

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

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

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

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

١١ - ویژگی Direction
ویژگی Direction

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

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

١۴ - کار با Colspan و Rowspan
کار با Colspan - کار با Rowspan

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

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

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

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

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

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

.....

آموزش HTML, 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 - ساختار فرم تماس با ما - تگ های ورودی متن

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

.....

آموزش HTML, CSS - دوره پیشرفته

١ - ایجاد انواع دکمه
ایجاد دکمه ساده - ایجاد دکمه 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 (٣)

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