CSS & DHTML

دوستان عزيز براي ادامه درس لازم است كه با مفهــــــــــــــــــــــــــــــــــــــــــوم CSS (Cascading Style Sheet) آشنا شوند.در اينجا تعريف مختصري در اين دربــــاره ارائه ميگردد.
W3C (World Wide Web Consortium) اينگونه CSS را تعريف مينمـــــايد كه عبارت است از تعيين حالات بصري يك صفحه وب. CSS‌ شما را قـــــــــادر ميسازد كه رنگ ‚ margin ‚ پس زمينه ‚ فونت و تمام حــــــــــالات بصري يك تگ در صفحه وب را تعيين نمائيد.خوب از آنجائي كه هر تگ در DHTML يك Object ميباشد پس خودتـــــان به اهميت آشنائي با CSS پي ميبريد. :)
با اين توضيح مختصر وارد مبحث ارتباط DHTML و CSS ميشويم .
يكي از بهترين حالاتي كه يك صفحه وب Interactive ميشود اين است كه مــــــــا حالات بصري صفحه را به اختيار كاربر و به فرمان آن عوض نمــائيم. يعني در حقيقت به نوعي يك واسط كاربر براي صفحه بسازيم.مثلا صفحه را داراي منو و يا حــــــالات متنهاي داخل صفحه را به فرمان كاربر تغيير دهيم و غيره.
مثلا فرض كنيد كه ميخواهيد يك متن در صفحه وب شما با قرار گرفتن نشانگر موس بروي آن رنگ و اندازه اش عوض شود و زماني كه از روي آن كنــــــــــار رفت مجددا به حالت اول برگردد.براي اين منظور براي تگ <p>و بروي  Event هـــــاي mouseover و mouseout كد مي نويسيم . به صورت زير:
<p style="font-size:medium;color=blue" language=javascript onmouseover="this.style.color='red';this.style.fontSize='large'" onmouseout="this.style.color='blue';this.style.fontSize='medium'" align="left"> Put mouse arrow over this text!</p>

Put mouse arrow over this text!

در اين مثال تگ <p> داراي CSS به صورت style="font-size:medium;color=blue"
ميباشد كه با نوشتن كد براي Eventهــــــاي اين Object توانسته ايم fontSize و Color را براي CSS اين تگ به صورت Interactive تغيير دهيم.
البته در باره نحوه نوشتن كد براي اين منظور در درسهــاي آتي توضيح خواهم داد.
به طور كلي براي ايجاد صفحات DHTML كاراتر بايد به CSS هاي هر Object مسلط باشيم.
در جلسات بعدي CSS هاي مهمتر را بررسي ميكنيم.

معلم اين درس

مقدمه اي بر كلاس

قبل از هر چيز لازم به ذكر است كه آشنائي كامل با مفــاهيم HTML براي دوستاني كه به اين كلاس مراجعه مي نمايند الزامي است.
هر صفحه HTML از يكسري تگ تشكيل شده است كه نحوه نمايش اجــــــــــــزاء آن صفحه را به عهده دارد و يك مرورگر وب براي نمايش آن صفحه اين تگهـــــــا را تفسير مي نمايد.
از ويرايش 4 به بعد مرورگر وب شركت مايكـروسافت يعنيInternet Explorer ‚ اين مرورگروب داراي قابليتي شد كه به وسيله آن طراح صفحات وب مي توانست بـــــــه هر تگ به چشم يكobject نگاه كند و از Methodها و Propertyهاي آن استفاده نمايد و يا Eventهاي هر كدوم از آنها را مديريت نمايد و زماني كه صفحه وب كــاملا از سرور مربوطه  load شد بازهم اين صفحه به صورت Interactive قابل تغييـــــــر باشد.
به عنوان مثـال كاربر بتواند رنگ يك متن را پس از load شدن ‚ با حركت موس بروي آن عوض نمايد. :)
به اين نوع از صفحات وب DHTML(Dynamic HTML) گفته ميشود.
طبيعي ميباشد كه براي استفاده از Methodها و Propertyهاي اين object ها و مديريت Eventهاي مربوطه احتياج به يك زبان اسكريپت نويسي در صفحــــــات وب ميباشد. شركت مايكـروسافت دو زبان JavaScript و VBScript را براي اين منظـور طراحي كرده است.
مطمئن باشيد كه صفحات وب شما پس از تبديل شدن به DHTML بسيار كـــاراتر و جذابتر خواهند شد.پس منتظر مطالب بعدي اين كلاس باشيد.

معلم اين درس