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

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

HTML زبان بنیادی طراحی وب

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

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

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

 

 

برای مشاهده جزئیات و تهیه آموزش طراحی وب با HTML  به این لینک (+) مراجعه نمایید.

 

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

  • مقدمه‌ای بر اینترنت، وب و HTML
    • درک مفهوم HTML
    • آشنایی با مرورگر وب و انواع آن
    • نقش CSS در ساخت صفحات وب
    • آشنایی با XHTML
    • جنگ مرورگرهای وب
    • استانداردهای موجود
  • عناصر سازنده صفحات وب
    • مارک‌آپ (Markup)
    • المان، تگ، خاصیت و مقدار
    • محتوای متنی یک صفحه وب
    • لینک‌ها، تصاویر و محتوای غیرمتنی
    • اسم فایل‌های صفحات وب
    • HTML در مقابل XHTML
    • انواع نسخه‌های HTML
    • آشنایی با DOCTYPE و ضرورت استفاده از آن
  • ساخت اولین صفحه وب
    • آشنایی با نرم‌افزارهای ساخت صفحات وب نظیر Dreamweaver
    • مشاهده صفحه وب ساخته شده در مرورگرهای مختلف
    • آشنایی با ناسازگاری‌های مرورگرهای مختلف
  • ساختار اساسی HTML
    • ساختار یک صفحه وب
    • عنوان یک صفحه وب
    • ساخت پاراگراف‌ها
    • آشنایی با Headerها
    • نامگذاری المان‌ها
    • تقسیم کردن یک صفحه وب به قسمت‌های مختلف
    • Encoding برای نمایش درست متن‌ها
    • کاراکترهای خاص در HTML
    • المان‌های DIV و Span
  • فرمت کردن متن در HTML
    • نوشتن متن به صورت bold و italic
    • تغییر سایز نوشته یک متن
    • استفاده از فونت‌های Monospaced
    • استفاده از متن‌های Preformatted
    • متن‌های نقل قول
    • متن‌های Superscript و Subscript
    • تراز متن در صفحه وب
  • تصاویر در وب
    • پسوندهای رایج تصاویر در وب
    • آشنایی با نرم‌افزارهای کار با تصاویر
    • آشنایی با دستور Save for Web
    • آشنایی با نحوه لود شدن تصاویر در وب
    • شفافیت (Transparency) در تصاویر
    • شفافیت، تصاویر PNG و ناسازگاری‌های مرورگرها
    • وارد کردن تصاویر درون یک صفحه وب
    • تغییر سایز تصاویر توسط HTML
    • آشنایی با متن جایگزین عکس
    • شناورکردن تصاویر در صفحه وب
  • لینک‌ها
    • لینک‌ها: فرامتن بودن HTML
    • ساخت لینک‌ها در صفحه وب
    • آشنایی با انواع لینک‌ها
    • نحوه آدرس‌دهی به لینک‌ها
    • درست کردن میانبرهای کیبوردی برای کار با لینک‌ها
    • آشنایی با دکمه Tab در کیبورد و نقش آن در لینک‌ها
    • آشنایی با لینک‌های Anchor و HASHها
  • لیست‌ها
    • آشنایی با انواع لیست‌ها
    • ساخت لیست‌های ترتیبی و غیرترتیبی
    • انتخاب نوع بولت برای لیست‌ها
    • تعیین شماره شروع برای لیست‌ها
    • ساخت لیست‌های توضیحی
    • لیست‌های تودرتو و مدیریت آن‌ها
  • جداول
    • آشنایی با جداول و کاربردهای آن در صفحات وب
    • ساخت اولین جدول
    • تعیین حاشیه کنار جدول
    • تعیین فاصله درونی و بیرونی سلول جدول
    • ساخت جدول‌های حرفه‌ای‌تر
    • تقسیم کردن جدول به گروه‌های افقی
    • تقسیم کردن جدول به قسمت‌های عمودی
    • کنترل حرفه‌ای حاشیه‌های کناری و داخلی یک جدول
  • فرم‌ها
    • نقش فرم‌ها در صفحات وب
    • ساخت اولین فرم
    • پردازش اطلاعات وارد شده توسط کاربر
    • آشنایی با Server-Side Programming
    • ساخت اولین برنامه دینامیک فوق ساده
    • دسته‌بندی المان‌های موجود در فرم
    • ساخت منوهای Drop Down
    • ساخت دکمه‌های رادیویی و چک‌باکس‌ها (Checkbox)
    • فیلدهای آپلود فایل
    • فیلدهای مخفی و کاربردهای آن
    • آشنایی با دکمه‌های Submit و Reset
    • قراردادن عکس به جای دکمه تایید فرم
    • نقش دکمه Tab در فیلدهای یک فرم
    • غیرفعال کردن المان‌های موجود در فرم
    • فیلدهای فقط خواندنی

 

برای مشاهده جزئیات و تهیه آموزش طراحی وب با HTML  به این لینک (+) مراجعه نمایید.

 

0 پاسخ

ارسال یک پاسخ

در گفتگو ها شرکت کنید.

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *