ثبت نام دوره آموزش اچ تی ام ال – طراحی وب با HTML

آموزش Html مقدماتی تا پیشرفته

اگر به فکر طراحی یک وب‌سایت هستید، حتما واژه‌های HTML و CSS را شنیده‌اید. این دو ابزار ضروری برخی از پایه‌های هر صفحه وب را تشکیل می‌دهند. بااین‌حال، اگرچه آن‌ها اغلب همراه با یکدیگر استفاده می‌شوند، اما هر کدام از این دو مورد در زمینه برنامه‌نویسی وب اهداف متفاوتی دارند.

تفاوت‌های کلیدی در پیاده‌سازی، سهولت استفاده، ویژگی‌های مختلف و نحوه ساختار آن‌ها نهفته است. اما در نهایت HTML و CSS کلیدهای باز کردن نحوه عملکرد وب جهانی هستند. برای یادگیری رایگان html css در کمترین زمان ممکن کافی است دوره آموزش رایگان html و css مکتب‌خونه را ببینید تا به‌خوبی با تمام بخش‌های گوناگون html و css آشنا شوید.

سرفصل‌های آموزش اچ تی ام ال:

درس اول: مقدمات HTML

• معرفی HTML
• شروع کار با HTML
• مفهوم تگ یا نشانه
• تگ html
• تگ head
• تگ body
• تگ meta و استفاده از آن برای تعیین Encoding صفحه
• تگ title و مزایا و نقش آن در SEO
• معرفی مفهوم SEO یا Search Engine Optimization
• تگ p برای ایجاد پاراگراف
• معرفی خصوصیت style و مفهوم آن
• معرفی خصوصیات مهم موجود در Style از قبیل font-size, width, height, color, background-color, background-image, font-weight, text
  align, direction و …
• معرفی تگ‌های Heading و نقش آن در SEO
• معرفی تگ span
• معرفی موجودیت (Entity) ها در HTML از جمله برای فاصله گذاری
• معرفی تگ br

درس دوم: تگ های Text Formatting

• تگ b
• تگ i
• تگ u
• تگ strong و نقش آن در SEO
• تگ em و مفهوم آن
• اشاره ای به وب معنایی
• تگ های big, small, del, ins, mark, sup, sub, blockquote, q , abbr, address, cite, samp, code, kbd, code, pre, var

درس سوم: Link Building

• معرفی تگ a و خصوصیت href برای ایجاد لینک
• انواع آدرس دهی و تفاوت آن ها
• نکات مربوط به SEO
• خصوصیت title
• خصوصیت target
• ایجاد Bookmark با استفاده از تگ a و خصوصیت name

درس چهارم: عکس ها در صفحه وب

• معرفی تگ img و خصوصیت src
• معرفی خصوصیات title و alt
• گذاشتن عکس در لینک و استفاده از خصوصیات مربوط به border
• استفاده از map به منظور ایجاد چند ناحیه قابل کلیک در یک عکس

درس پنجم: مروری بر CSS

• بررسی اشکالات گذاشتن Style به صورت inline
• معرفی تگ style
• مفهوم انتخاب گر یا selector در CSS و بررسی چند selector از قبیل id و class
• معرفی Style به صورت external و معرفی مفهوم CSS و تگ link

درس ششم: لیست ها

• تگ ol و لیست مرتب
• تگ ul و لیست نامرتب
• معرفی خصوصیات type و start
• تعیین عکس به عنوان bullet برای لیست

درس هفتم: جدول

• معرفی تگ table
• استفاده از تگ های tr و td در جدول
• خصوصیات border, align, valign, width, colspan, row
• تگ های colgroup, tfoot, thead, tbody

درس هشتم: تگ div

• معرفی مفهوم و موارد استفاده تگ div
• کنار هم چیدن div ها برای قالب بندی صفحه
• مفهوم position و مختصات left و top
• مفهوم float
• قالب بندی یک صفحه با div
• مفهوم clear

درس نهم: فرم در صفحه وب

• تگ form
• کنترل های فرم برای برنامه نویسی در html4 و html5
• تگ های input با انواع button, text, checkbox, radio, submit , reset, password, number, color, date, range
• تگ textarea
• تگ select و option برای ایجاد Dropdown
• تگ datalist

درس دهم: مدیا در صفحه وب

• معرفی تگ video و source برای گذاشتن ویدیو در صفحه وب
• معرفی تگ audio
• تگ object
• تگ embed

درس یازدهم: تگ های درون head و مفهوم DOCTYPE

• معرفی انواع تگ های meta
• تگ base
• مفهوم DOCTYPE و معرفی انواع نسخه HTML