آموزش HTML، CSS و بوت استرپ - دوره مقدماتی و دریافت مدرک معتبر - آخرین آپدیت

سرفصل ها و درس ها

بخش 1: توسعه HTML Section 1: HTML Development

• 1. مقدمه ای بر HTML 1. Introduction to HTML

• 2. ساختار اساسی یک صفحه وب 2. Basic Structure of a Web Page

• 3. HTML Head Tags 3. HTML Head Tags

• 4. HTML Body Tag 4. HTML Body Tag

• 5. فاصله پاراگراف HTML 5. HTML Paragraph Spacing

• 6. HTML Line Breaks 6. HTML Line Breaks

• 7. HTML Non Breaking Space 7. HTML Non-Breaking Space

• 8. HTML Header Tags 8. HTML Header Tags

• 9. قالب بندی و تزئین متن HTML 9. HTML Text Formatting and Decoration

• 10. قالب بندی متن درون خطی HTML 10. HTML Inline Text Formatting

• 11. لیست های نامرتب HTML 11. HTML Unordered Lists

• 12. لیست های مرتب شده HTML 12. HTML Ordered Lists

• 13. درج تصویر HTML 13. HTML Image Insertion

• 14. فیلم های جاسازی HTML 14. HTML Embedding Videos

• 15. HTML مطلق در مقابل ارجاع فایل نسبی 15. HTML Absolute vs. Relative File Referencing

• 16. ایجاد لینک HTML 16. HTML Link Creation

• 17. HTML Anchor Tags 17. HTML Anchor Tags

• 18. جداول HTML 18. HTML Tables

• 19. HTML Nested Tables 19. HTML Nested Tables

• 20. ادغام سلول های HTML 20. HTML Merging Cells

• 21. HTML Text Wrapping 21. HTML Text Wrapping

• 22. تصویر پس زمینه جدول HTML 22. HTML Table Background Image

• 23. تراز سلولی جدول HTML 23. HTML Table Cell Alignment

• 24. HTML - مقدمه ای بر فرم ها 24. HTML - Introduction to Forms

• 25. برچسب ها و ویژگی های فرم HTML 25. HTML Form Tags and Attributes

• 26. فرم های HTML - ارسال در مقابل دریافت 26. HTML Forms - Post vs. Get

• 27. فرم های HTML - فیلدهای متنی ورودی 27. HTML Forms - Input Text Fields

• 28. فرم های HTML - منوها را انتخاب کنید 28. HTML Forms - Select Menus

• 29. فرم های HTML - کادرها و دکمه های رادیویی را علامت بزنید 29. HTML Forms - Check Boxes and Radio Buttons

• 30. فرم های HTML - مناطق متن و دکمه ها 30. HTML Forms - Text Areas and Buttons

• 31. HTML Iframes 31. HTML Iframes

• 32. پروژه HTML - مقدمه 32. HTML Project - Introduction

• 33. پروژه HTML - سربرگ 33. HTML Project - Header

• 34. پروژه HTML - Callout 34. HTML Project - Callout

• 35. پروژه HTML - درج تصویر 35. HTML Project - Image Insertion

• 36. پروژه HTML - درج متن 36. HTML Project - Text Insertion

• 37. پروژه HTML - پیوندها و فرم 37. HTML Project - Links and Form

• 38. پروژه HTML - داده های جدولی 38. HTML Project - Tabular Data

• 39. پروژه HTML - پاورقی 39. HTML Project - Footer

HTML توسعه HTML Development

• معرفی HTML Introduction to HTML

• ساختار اصلی یک صفحه وب Basic Structure of a Web Page

• تگ های هد HTML HTML Head Tags

• تگ بادی HTML HTML Body Tag

• فاصله پاراگراف HTML HTML Paragraph Spacing

• شکست خط HTML HTML Line Breaks

• فاصله غیر شکستنی HTML HTML Non-Breaking Space

• تگ های عنوان HTML HTML Header Tags

• قالب بندی و تزئین متن HTML HTML Text Formatting and Decoration

• قالب بندی متن درون خطی HTML HTML Inline Text Formatting

• لیست های نامرتب HTML HTML Unordered Lists

• لیست های مرتب HTML HTML Ordered Lists

• درج تصویر HTML HTML Image Insertion

• تعبیه ویدیو HTML HTML Embedding Videos

• ارجاع فایل مطلق در برابر نسبی HTML HTML Absolute vs. Relative File Referencing

• ایجاد لینک HTML HTML Link Creation

• تگ های انکر HTML HTML Anchor Tags

• جداول HTML HTML Tables

• جداول تودرتو HTML HTML Nested Tables

• ادغام سلول ها HTML HTML Merging Cells

• شکستن متن HTML HTML Text Wrapping

• تصویر پس زمینه جدول HTML HTML Table Background Image

• تراز بندی سلول جدول HTML HTML Table Cell Alignment

• HTML - معرفی فرم ها HTML - Introduction to Forms

• تگ ها و ویژگی های فرم HTML HTML Form Tags and Attributes

• فرم های HTML - ارسال در مقابل دریافت HTML Forms - Post vs. Get

• فرم های HTML - فیلدهای متن ورودی HTML Forms - Input Text Fields

• فرم های HTML - منوهای انتخابی HTML Forms - Select Menus

• فرم های HTML - جعبه های چک و دکمه های رادیویی HTML Forms - Check Boxes and Radio Buttons

• فرم های HTML - نواحی متن و دکمه ها HTML Forms - Text Areas and Buttons

• آی فریم های HTML HTML Iframes

• پروژه HTML - معرفی HTML Project - Introduction

• پروژه HTML - سربرگ HTML Project - Header

• پروژه HTML - فراخوان HTML Project - Callout

• پروژه HTML - درج تصویر HTML Project - Image Insertion

• پروژه HTML - درج متن HTML Project - Text Insertion

• پروژه HTML - لینک ها و فرم HTML Project - Links and Form

• پروژه HTML - داده های جدولی HTML Project - Tabular Data

• پروژه HTML - پاورقی HTML Project - Footer

بخش 2: توسعه CSS Section 2: CSS Development

CSS توسعه CSS Development

• معرفی CSS Introduction to CSS

• بخش های یک قانون CSS Parts of a CSS Rule

• انواع قوانین CSS Types of CSS Rules

• CSS - نام ها و کدهای رنگ CSS - Color Names and Codes

• کلاس ها و اسپن های CSS CSS Classes and Spans

• بخش های CSS - DIVs CSS Divisions - DIVs

• آی دی های CSS CSS IDs

• حاشیه های CSS CSS Margins

• فاصله داخلی CSS CSS Padding

• ویژگی های متن CSS CSS Text Properties

• ویژگی های فونت CSS CSS Font Properties

• حاشیه های CSS CSS Borders

• پس زمینه های CSS CSS Backgrounds

• شفافیت CSS CSS Transparency

• متن روی تصاویر CSS CSS Text on Top of Images

• ویژگی های عرض و ارتفاع CSS CSS Width and Height Properties

• ویژگی های نمایش CSS CSS Display Properties

• موقعیت دهی استاتیک CSS CSS Static Positioning

• موقعیت دهی نسبی CSS CSS Relative Positioning

• موقعیت دهی مطلق CSS CSS Absolute Positioning

• موقعیت دهی ثابت CSS CSS Fixed Positioning

• ویژگی Float CSS CSS Float Property

• ویژگی Clear CSS CSS Clear Property

• Z-Index CSS CSS Z-Index

• استایل دادن به لینک ها CSS CSS Styling Links

• جداول CSS CSS Tables

• پروژه CSS - معرفی CSS Project - Introduction

• پروژه CSS - قوانین CSS CSS Project - CSS Rules

• پروژه CSS - قوانین ناوبری CSS Project - Navigation Rules

• پروژه CSS - CSS واکنش گرا CSS Project - Responsive CSS

• پروژه CSS - عناصر صفحه CSS Project - Page Elements

بخش 3: توسعه بوت استرپ Section 3: Bootstrap Development

Bootstrap توسعه Bootstrap Development

• معرفی بوت استرپ Introduction to Bootstrap

• تعبیه بوت استرپ Embedding Bootstrap

• بوت استرپ - ساختار اصلی صفحه Bootstrap - Basic Page Structure

• سیستم گرید بوت استرپ Bootstrap Grid System

• طرح بندی سه ستونی بوت استرپ Bootstrap Three Column Layouts

• تایپوگرافی بوت استرپ Bootstrap Typography

• جداول بوت استرپ Bootstrap Tables

• استایل دادن به تصاویر بوت استرپ Bootstrap Styling Images

• جامبوترون بوت استرپ Bootstrap Jumbotron

• ولز بوت استرپ Bootstrap Wells

• هشدارهای بوت استرپ Bootstrap Alerts

• دکمه های بوت استرپ Bootstrap Buttons

• گروه های دکمه بوت استرپ Bootstrap Button Groups

• گروه های دکمه توجیه شده بوت استرپ Bootstrap Justified Button Groups

• Glyphicons بوت استرپ Bootstrap Glyphicons

• نشان ها و برچسب های بوت استرپ Bootstrap Badges and Labels

• نوارهای پیشرفت بوت استرپ Bootstrap Progress Bars

• صفحه بندی بوت استرپ Bootstrap Pagination

• صفحه بندی پیجر بوت استرپ Bootstrap Pager Pagination

• گروه های لیست بوت استرپ Bootstrap List Groups

• پنل های بوت استرپ Bootstrap Panels

• منوهای کشویی بوت استرپ Bootstrap Dropdown Menus

• Collapsibles بوت استرپ Bootstrap Collapsibles

• پنل Collapsibles بوت استرپ Bootstrap Collapse Panel

• گروه لیست Collapsibles بوت استرپ Bootstrap Collapse List Group

• آکاردئون بوت استرپ Bootstrap Accordian

• منوهای تب بوت استرپ Bootstrap Tab Menus

• منوهای Pill بوت استرپ Bootstrap Pill Menus

• زبانه ها و قرص های پویا بوت استرپ Bootstrap Dynamic Tabs and Pills

• نوار ناوبری بوت استرپ Bootstrap Navigation Bar

• نوار ناوبری Collapsibles بوت استرپ Bootstrap Collapsible Navigation Bar

• فرم های بوت استرپ - عمودی و درون خطی Bootstrap Forms - Vertical and Inline

• ورودی های بوت استرپ Bootstrap Inputs

• حالت های کنترل فرم بوت استرپ Bootstrap Form Control States

• سایز ورودی بوت استرپ Bootstrap Input Sizing

• چرخ فلک بوت استرپ Bootstrap Carousel

• مودال بوت استرپ Bootstrap Modal

• تولتیپ بوت استرپ Bootstrap Tooltip

• پاپ اوور بوت استرپ Bootstrap Popover

• Scrollspy بوت استرپ Bootstrap Scrollspy

• پروژه بوت استرپ - معرفی تم ها Bootstrap Project - Themes Intro

• پروژه بوت استرپ - بررسی اجمالی فایل Bootstrap Project - File Overview

• پروژه بوت استرپ - بررسی اجمالی اسکریپت Bootstrap Project - Script Overview

• پروژه بوت استرپ - ادامه بررسی اجمالی اسکریپت Bootstrap Project - Script Overview Continued