|
HTML پیشرفته : آشنایی با Javascript و CSS
|
|
جلسه
|
مطالب ارائه شده
|
تکالیف
|
پروژه
|
|
1
|
* مقدمات کار با CSS
o درک مفهوم CSS و جایگاه آن در کنار HTML
o آشنایی با استایلها و روشهای مختلف نوشتن آن
o درک ساختار یک دستور CSS
o نوشتن دستورات CSS در کنار یکدیگر
o انتخاب المان مورد نظر در HTML
o آشنایی کامل با انتخابکنندهها در CSS
o آشنایی با Pseudo
o وراثت در CSS
o آشنایی با واژه Cascade و نحوه عملکرد آن
|
ایجاد یک فایل .css در Dreamviewer و اتصال آن به صفحه کتاب
|
ایجاد یک سایت کتابخانه استاتیک
|
|
2
|
* فرمتدهی متن و فونت توسط CSS
o تعیین نوع فونت مورد نظر
o آشنایی با گروههای کلی فونت (Font Families)
o تعیین سایز فونت
o آشنایی با ویژگیهای یک فونت
o تعیین تورفتگی یک متن از کنارهها
o تعیین فاصله بین حروف و فاصله بین خطوط یک متن
o تراز یک متن در صفحه وب
|
شکل دهی به متون کتاب با استفاده از CSS
|
|
3
|
* تعیین موقعیت المانها (Position)
o درک کامل CSS Box Model
o نقش استانداردها در CSS Box Model
o شناور کردن المانها در صفحه وب
o کنترل المانهای موجود در مجاورت المانهای شناور
o انواع مختلف تعیین موقعیت یک المان و کاربرد آن
o مخفی کردن المانها در یک صفحه وب
|
ساخت توضیحات متن و پاورقی های کتاب به صورت کادر
|
|
4
|
* درست کردن ساختار (Layout) توسط CSS
o چرا از جداول استفاده نکنیم؟
o آشنایی با انواع صفحات وب مختلف
o آشنایی با صفحات تکستونی
o آشنایی با صفحات چندستونی
o ساخت صفحات دوستونی
o ساخت صفحات سهستونی ساده و پیچیده
o تنظیم ارتفاع تمامی ستونها به یک اندازه
o آشنایی با صفحات Absolutely-Positioned
o آشنایی با باگهای مختلف مرورگرهای مختلف
|
چند ستونه کردن صفحه و ایجاد Header و Footer از طریق CSS
|
|
5
|
* آشنایی با زبان برنامهنویسی جاوااسکریپت
o زبان برنامهنویسی جاوااسکریپت چیست؟
o نسخههای مختلف جاوااسکریپت
o ساختار اصلی جاوااسکریپت و طریقه نوشتن کد
o انواع دادهها و مقادیر
o متغیرها و مدیریت آنها در جاوااسکریپت
o عبارات و ساختارهای کنترلی
o اشیا و آرایهها در جاوااسکریپت
o کاربرد اشیا در برنامهنویسی مدرن
o توابع و نحوه کنترل آنها در جاوااسکریپت
o آشنایی با توابع بینام و نقش آن در جاوااسکریپت
|
ساخت تایع Hello World و اتصال آن به صفحه کتاب
|
|
6
|
* جاوااسکریپت، مرورگرهای وب و DOM
o طریقه نوشتن جاوااسکریپت در صفحات وب
o ناسازگاریهای مرورگرهای مختلف با یکدیگر
o کنترل کنندههای زمانی در جاوااسکریپت
o هندسه پنجره مرورگر
o آشنایی با شی window و کاراییهای آن
o کادرهای محاورهای در جاوااسکریپت
o کار با پنجرههای مرورگر: باز و بسته کردن
|
نمایش توضیحات و پاورقی صفحه به صورت Dialog Box و بستن پنجره
|
|
7
|
* (Document Object Model (DOM
o آشنایی با المانهای HTML و DOM
o دسترسی به المانها در DOM
o دسترسی به خاصیتهای یک المان
o مدیریت استایلهای یک المان در DOM
o دسترسی به محتوای یک المان و تغییردادن آن
o ساخت المانهای جدید
o حرکت در نمودار درختی DOM
o تعیین موقعیت یک المان در صفحه
o تغییر کلاسها و ID یک المان
|
ساخت یک منوی درختی برای فهرست توسط javascript و CSS
|
|
8
|
* وقایع (Events) و کنترل آنها
o آشنایی با وقایع و انواع آن
o کاربردهای وقایع در برنامههای مدرن
o آشنایی با ناسازگاریهای مرورگرهای مختلف
o نوشتن کدی سازگار با همه مرورگرها
o ساخت کنترل کننده واقعه (event handler)
o مدیریت حرفهای واقعه: آشنایی با شی event
o کنترل دکمههای کیبورد کاربر
|
حرکت در صفحات کتاب از طریق منوی فهرست
و نمایش پانویس ها به صورت منو
|
