آموزش طراحی سایت با زبان HTML

آموزش طراحی سایت با زبان HTMLReviewed by مدیرسایت on Nov 8Rating: ۵.۰آموزش طراحی سایت با زبان HTMLآموزش طراحی سایت با زبان HTML (اچ تی ام ال) مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری فوق متن است. این زبان، زبان استاندارد صفحات وب است و زبان نهایی است که توسط مرورگر ترجمه شده و به کاربر نمایش داده می شود.

آموزش طراحی سایت با زبان HTML

آموزش طراحی سایت با زبان HTML
زبان بنیادی طراحی وب

آموزش طراحی سایت با زبان HTML وقتی حرف از طراحی وب سایت به میان می آید ذهن تمامی افراد ناخواسته به سمت زبان HTML و CSS هدایت می شوند.

آموزش طراحی سایت با زبان HTML (اچ تی ام ال) مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری فوق متن است. این زبان، زبان استاندارد صفحات وب است و زبان نهایی است که توسط مرورگر ترجمه شده و به کاربر نمایش داده می شود. به طور دقیقتر، شما وبسایتی را به زبان PHP و یا ASP.Net طراحی و برنامه نویسی می کنید، این وبسایت بعد از اجرا بر روی سرور و همینطور سیستم کاربر، تبدیل به قطعه کدهای HTML شده و بر روی مرورگر ترجمه شده و به کاربر نمایش داده می شود. در اصل می توانیم بگوییم که:

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

آموزش طراحی سایت با زبان HTML

فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:

آموزش طراحی سایت با زبان HTML

  • درس اول: مقدمات 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
  • درس دوازدهم: مروری مختصر بر رنگ ها

 

ادامه آموزش در ارسال های بعدی …

در شبکه های اجتماعی منتشر کنید
دسته بندی : طراحی وب
نویسنده : مدیر
تاریخ ارسال : ۹۵/۰۸/۱۷
بازدید ها : 353 بار
دیدگاه ها : 0 نظر

دیدگاه شما

(ضروری) :

(ضروری) :

:

دیدگاه شما