طراحی مقدماتی وب سایت

در این دوره طراحی کامل وب سایت به صورت استاتیک آموزش داده خواهد شد.

مدت دوره : 20ساعت

زمان برگزاری : مهر 93

هزینه: 500،000 تومان

مقدمه‌ای بر اینترنت، وب و HTML

  • درک مفهوم HTML
  • آشنایی با مرورگر وب و انواع آن
  • نقش CSS در ساخت صفحات وب
  • آشنایی با XHTML
  • استانداردهای موجود
  •  آشنایی با مارک‌آپ (Markup)
  • آشنایی با المان، تگ، خاصیت و مقدار
  • محتوای متنی یک صفحه وب
  • لینک‌ها، تصاویر و محتوای غیرمتنی
  • HTML در مقابل XHTML
  • انواع نسخه‌های HTML

 آشنایی با DOCTYPE و ضرورت استفاده از آن

  • ساخت اولین صفحه وب
  •  آشنایی با نرم‌افزارهای ساخت صفحات وب نظیر Dreamweaver
  •  ضرورت کدنویسی دستی و ساخت صفحه وب با Notepad
  •  ساخت اولین صفحه وب توسط  Notepad
  •  مشاهده صفحه وب ساخته شده در مرورگرهای مختلف
  •  فنداسیون یک صفحه وب
  •  تقسیم کردن یک صفحه وب به قسمت‌های مختلف
  •  Encoding برای نمایش درست متن‌ها
  •  کاراکترهای خاص در HTML

فرمت کردن متن در HTML و تصاویر در وب

  • نوشتن متن به صورت bold و italic
  • تغییر سایز نوشته یک متن
  • متن‌های نقل قول
  • تراز متن در صفحه وب
  •  پسوندهای رایج تصاویر در وب
  • آشنایی با نرم‌افزارهای کار با تصاویر
  •  ضرورت استفاده از فوتوشاپ (یا نرم‌افزارهای مشابه)
  •  آشنایی با دستور Save for Web
  • شفافیت(Transparency) در تصاویر
  • شفافیت، تصاویر PNG و ناسازگاری‌های مرورگرها
  • تغییر سایز تصاویر توسط HTML
  •  آشنایی با متن جایگزین عکس

لینک‌ها  و لیست‌ها

  •  لینک‌ها: فرامتن بودن HTML
  •  ساخت لینک‌ها در صفحه وب
  • آشنایی با انواع لینک‌ها
  • آشنایی با دکمه Tab در کیبورد و نقش آن در لینک‌ها
  • آشنایی با انواع لیست‌ها
  • ساخت لیست‌های ترتیبی و غیرترتیبی
  • انتخاب نوع بولت برای لیست‌ها
  • تعیین شماره شروع برای لیست‌ها
  • ساخت لیست‌های توضیحی
  •  لیست‌های تودرتو و مدیریت آن‌ها

جداول

  •  آشنایی با جداول و کاربردهای آن در صفحات وب
  •  ساخت اولین جدول
  • تعیین حاشیه کنار جدول
  • تعیین فاصله درونی و بیرونی سلول جدول

فرم‌ها

  • نقش فرم‌ها در صفحات وب
  • ساخت اولین فرم
  • پردازش اطلاعات وارد شده توسط کاربر
  • آشنایی با Server-Side Programming
  • ساخت منوهای Drop Down
  • ساخت دکمه‌های رادیویی و چک‌باکس‌ها (Checkbox)
  • فیلدهای آپلود فایل
  • فیلدهای مخفی و کاربردهای آن
  • آشنایی با دکمه‌هایSubmit و Reset
  •  نقش دکمه Tab در فیلدهای یک فرم
  • غیرفعال کردن المان‌های موجود در فرم
  •  فیلدهای فقط خواندنی

مقدمات کار با CSS

  • درک مفهوم CSS و جایگاه آن در کنار HTML
  • آشنایی با استایل‌ها و روش‌های مختلف نوشتن آن
  • درک ساختار یک دستور CSS
  •  انتخاب المان مورد نظر در HTML
  •  آشنایی کامل با انتخاب‌کننده‌ها در CSS
  • آشنایی با کلاس‌های دروغین (Pseudo-Class)
  •  آشنایی با المان‌های دروغین (Pseudo-Element)
  •  وراثت در CSS

فرمت‌دهی متن و فونت توسط CSS

  • تعیین نوع فونت مورد نظر
  • آشنایی با گروه‌های کلی فونت (Font Families)
  • تعیین سایز فونت
  •  آشنایی با ویژگی‌های یک فونت: style, weight, variant
  • تعیین تورفتگی یک متن از کناره‌ها
  • تعیین فاصله بین حروف و فاصله بین خطوط یک متن
  •  تراز یک متن در صفحه وب

تعیین موقعیت المان‌ها (Position)

  • شناور کردن المان‌ها در صفحه وب
  • کنترل المان‌های موجود در مجاورت المان‌های شناور
  •  آشنایی با انواع مختلف تعیین موقعیت یک المان و کاربردهای آن
  • مخفی کردن المان‌ها در یک صفحه وب

درست کردن ساختار (Layout) توسط CSS

  • چرا برای ساخت یک صفحه وب، از جداول استفاده نکنیم
  •  آشنایی با صفحات تک‌ستونی
  •  آشنایی با صفحات چندستونی
  •  ساخت صفحات دوستونی

توضیح گرید بندی صفحات وب

  •  تنظیم ارتفاع تمامی ستون‌های صفحه وب به یک اندازه
  •  آشنایی با باگ‌های مختلف مرورگرهای مختلف
دریافت سیلابس ثبت نام دوره