آموزش HTML، CSS، و Bootstrap - دوره صدور گواهینامه برای مبتدیان

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

توسعه 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 Iframes HTML Iframes

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

• پروژه HTML - هدر HTML Project - Header

• پروژه HTML - Callout 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

بخش 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

توسعه 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 Divisions - DIVs CSS Divisions - DIVs

• شناسه های CSS CSS IDs

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

• CSS Padding 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

• ویژگی CSS Float CSS Float Property

• CSS Clear Property CSS Clear Property

• CSS Z-Index 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

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

توسعه بوت استرپ 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

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

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

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

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

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

• Bootstrap Justified Button Groups Bootstrap Justified Button Groups

• گلیفیکون های بوت استرپ Bootstrap Glyphicons

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

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

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

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

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

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

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

• Bootstrap Collapsibles Bootstrap Collapsibles

• پانل فروپاشی بوت استرپ Bootstrap Collapse Panel

• Bootstrap Collapse List Group Bootstrap Collapse List Group

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

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

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

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

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

• نوار ناوبری جمع شونده بوت استرپ Bootstrap Collapsible Navigation Bar

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

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

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

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

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

• Bootstrap Modal Bootstrap Modal

• راهنمای ابزار بوت استرپ Bootstrap Tooltip

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

• Bootstrap Scrollspy Bootstrap Scrollspy

• پروژه بوت استرپ - مقدمه تم Bootstrap Project - Themes Intro

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

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

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

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