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

آموزش HTML و CSS پرند دارای 3 دوره مقدماتی، متوسطه و پیشرفته است که طی آن با ساختار کدهای HTML و CSS برای طراحی صفحات وب در قالب مثالهای عملی آشنا خواهید شد. HTML یک زبان استاندارد برای طراحی صفحات وب است. این زبان نشانه‌گذاری بخشهای مختلف تشکیل دهنده یک صفحه وب را توسط اجزایی با نام تگ که می‌توانند دارای کاربرد خاص و منحصربفردی باشند تعریف می‌کند و به این ترتیب به مرورگر اعلام می‌کند که صفحه از چه نوع عناصری تشکیل شده است و باید به چه صورت نمایش داده شود. CSS نیز از جنس زبانهای نشانه‌گذاری با ساختار متن ساده رایانه‌ای و روشی ساده برای توصیف ظاهر سایت و نمایش و چیدمان عناصر مانند نوع قلم، رنگ و اندازه‌ها در صفحات وب است و در کنار HTML هسته اصلی فناوری ساخت وب سایت را تشکیل می‌دهند.

برای طراحی سایت نیاز به یادگیری جاوااسکریپت نیز دارید. برای اطلاعات بیشتر دوره آموزش JAVAScript پرند را مشاهده کنید.

سرفصلهای آموزش HTML و CSS پرند

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

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

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

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

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

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

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

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

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

٩- روش Document Relative
روش Document Relative

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

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

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

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

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

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

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

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

١٨- کار با 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

١٨- کار با Frameset
ایجاد Frameset، مقداردهی به Frameset

١٩- ایجاد فرم‌های ورودی
کار با تگ Form، ساختار فرم تماس با ما، تگ‌های ورودی متن

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

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

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

٢- امکان انتخاب گزینه‌ها
ایجاد Checkbox، ایجاد Radio Button

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

۴- کار با تگ 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

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