نرگس چنگیزی
مطالب مرتبط با طراحی صفحات وب
فايلهاي تصويري انواع گوناگوني دارند معمولترين آنها در كامپيوترهاي شخصي bmp.pcx ميباشند كه بيشتر در ويندوز مورد استفاده قرار ميگيرند و رايجترين آنها در مكانتاش فايلهاي TIFF هستند به عنوان مثال، BMP، PNG، GIF، JPG (JPEG - JPE)، TIF (TIFF)، RAW و غيره. اگر تصاويري كه بايد در صفحه وب شما قرار گيرند موجود هستند اما قالبGif, JPEGرا ندارند با استفاده از برنامه نقاشي، يك برنامه كمكي آن را قالبهاي مورد نظر تبديل كنيد. سرعت دستيابي ديسك سرويس دهنده، سرعت پردازنده و ميزان حافظه موجود در كامپيوتر شخصي مشتري كارآرايي نرمافزار مرورگر و سرعت چند وظيفهاي. برای ذخیره تصاویر پشتیبان بهتر است آنها را با فرمت PSD تولید و نگهداری کنیم. این قالب اجازه تولید هر نوع قالب گرافیکی دیگری را برای ما فراهم میکند. اندازه مشخصی برای حجم وجود ندارد اما در عرف وب، حداکثر حجم تصاویر کوچک 10K، حداکثر حجم تصاویر متوسط 30K و حداکثر حجم تصاویر بزرگ 60K در نظر گرفته میشود. Date Object يکي از ويژگي هايي که جاوااسکريپت دارد جمع آوري اطلاعات از سيستم کاربر و نمايش آنها در صفحات وب است. همانطور که ميدانيد زبان اچ تي ام ال به تنهايي قادر به انجام چنين کاري نيست اما با کمک زبانهاي ديگر تحت وب مانند Javascript ، مي تواند تا حدودي اين مشکل را برطرف کند. شئ هايي در جاوااسکريپت وجود دارند که توسط متدهاي مختلف، اطلاعات مورد نياز را از سيستم گرفته و در اختيار کاربران قرار مي دهند. يکي از اين object ها و شئ ها ، Date مي باشد که به کمک آن مي توانيم تاريخ و زمان سيستم را هنگام اجراي کد دريافت کنيم، سپس آنرا نمايش دهيم و يا اينکه در يک متغير ذخيره کنيم تا در صورت لزوم از آن بهره گيريم. اين object بصورت زير تعريف مي شود: اين شئ يک رشته متني شامل روز، ماه، سال، ساعت، دقيقه، ثانيه و اختلاف زماني با UTC را برميگرداند. UTC مخفف Coordinated Universal Time مي باشد که به آن Zulu time هم مي گويند و مطابق با استاندارد جهاني زمان است. بعد از ساختن شئ جديد Date ، مي توانيد توسط متدهاي مربوط به آن جزئيات ديگري از اين شئ دريافت کنيد. اين شئ داراي هفت متد اصلي ميباشد که بيشترين کاربرد را دارند. اين متدها عبارتند از: بطور مثال: ازعلامت : هم بين ساعت، دقيقه و ثانيه استفاده شده و چون مي خواستيم که اين علامت عيناً در صفحه نوشته شود آنرا بين علامت نقل قول يعني "" گذاشتيم. در ضمن مي توانيد از کدهاي اچ تي ام ال هم استفاده کنيد تا زمان به شکل دلخواه شما در صفحه چاپ شود. بطور مثال اگر بخواهيد که صورت Bold در صفحه نوشته شود، به شکل زير عمل مي کنيد: شئ Date به غير از متدهاي ذکر شده در بالا، داراي متدهاي ديگري است که توسط آنها مي توانيد زمان و تاريخي را بصورت دلخواه تنظيم کنيد. در اينگونه متدها بجاي کلمه get بايد از set استفاده کنيد و مقدار معيني را در پرانتز وارد کنيد. بطور مثال مي خواهيم همين موقع را در سال 2008 داخل صفحه چاپ کنيم.
اما از فايلهاي نوع gif بيشتر از ساير انواع در مورد تصاوير درون برنامهاي استفاده ميشود رتبه دوم فايلهاي مورد استفاده تصاوير درون برنامهاي به فايلهاي نوع jpeg با پسوند jpg. اختصاص دارد.
به طور كلي، توصيه ميشود كه در حد امكان از فايلهاي GIF استفاده كنيد بدين طريق ميتوانيد مطمئن باشيد كه هر كاربر با استفاده از يك مرورگر گرافيكي ميتوانيد تصوير شما را مشاهده كند از نظر تئوري انتقال يك فايل تصويري 20KB از سرويس دهنده به مرورگر شخصي كاربر با سرعت اتصال اينترنت 28/8kbps كمتر از 10 ثانيه طول ميكشد اما عوامل بسياري بر اين انتقال تأثير ميگذارند اين عوامل عبارتند از:
سادهترين روش افزايش جذابيت صفحات وب اضافه كردن جلوههاي ويژه و امكانات چند رسانهاي ميباشد يكي از انواع چند رسانهايها كه كاملاً در محدوده تواناييهاي است تصاوير متحرك GIF ميباشد. صداي پسزمينه نيز يك برش صوتي است كه بطور خودكار در هنگامي كه كاربر به صفحه ميرود نواخته ميشود گونههاي مختلفي دارد از قالبهاي صوتي در محيط وب به كار ميرود اما براي كاربران ويندوز، سادهترين نوع، Wav ميباشد فايلهاي صوتي از اين نوع را خود مؤلف نيز ميتوان پديد آورد اين عمل با استفاده از كارت صداي كامپيوتر و يك ميكروفن انجامپذير است اكثر كارتهاي صدا برنامه ضبط صوت خود را ميباشند
تصویر (picture)
پس از متن بیشترین استفاده را در محیط وب تصاویر دارند. مشکلی که اغلب توسط پشتیبانان فنی وب ایجاد میشود عدم دقت در استانداردسازی حجم تصاویر است. کمبود پهنای باند اینترنتی باعث شده است که طراحان وب دقتنظر مضاعفی در این حوزه داشته باشند. استفاده از سه فرمت PNG, GIF,JPG در وب بسیار است چرا که اغلب مرورگرها اینترنتی آنها را پشتیبانی میکنند. هرکدام از این فرمتها بسته بهخصوصیات خود کاربردهای متفاوتی دارند. برای مثال تمامی Iconهای تصویری یا منوها در قالبهای تصویری یا منوها در قالب GIF یا PNG تولید میشوند و اغلب تصاویری که تنوع رنگی بسیار بالایی دارند از قالب گرافیکی JPG بهره میبرند.
()new Date
به طرز نوشتن آن دقت کنيد که غير از اين باشد با پيغام خطا روبرو خواهيد شد چون جاوااسکريپت زبان حساسي است پس هر جا که حروف بزرگ است بايد بزرگ و هر جا کوچک است بايد کوچک نوشته شود. در آخر هم پرانتز مي گذاريد که در قسمتهاي بعدي همين صفحه کارآيي آنها را درک خواهيد کرد.
کد زير را در يک سند اچ تي ام ال وارد کنيد و پس از ذخيره، آنرا اجرا کنيد:
<script language="javascript" type="text/javascript"k>
document.write ( new Date() )n
<script/>
متدهاي شئ Date
getDate(), getDay(), getMonth(), getYear(), getHours(), getMinutes(), getSeconds()n
براي تعريف و استفاده از اين متدها بايد ابتدا شئ را نوشته، سپس يک نقطه بگذاريم و بعد از نقطه متد مورد نظر را بنويسيم.
براي درک بهتر مطالب گفته شده يک تمرين را با هم انجام مي دهيم. در يک صفحه وب، مي خواهيم زمان ورود يک کاربر به همان صفحه را اعلام کنيم.
شما دقيقاً درساعت 14:23:23 وارد اين صفحه شديد.
که اسکريپت آن براي برگرداندن زمان مورد نظر به صورت زير مي باشد:
<script language="javascript" type="text/javascript"n>
var vorood = new Date()n
document.write( vorood.getHours() + ":" + vorood.getMinutes() + ":" + vorood.getSeconds() )n
<script/>
ابتدا شئ Date را تعريف کرده و در يک متغير به نام vorood ذخيره مي کنيم تا بکار بردن آن در قسمتهاي بعدي راحت تر باشد، سپس از شئ document و متد write براي چاپ نتيجه در صفحه وب استفاده کرده و متدهاي لازم براي برگرداندن اطلاعات مورد نياز را مي نويسيم. دقت کنيد که براي ترکيب متدها از علامت + استفاده کرديم، اين علامت باعث ترکيب و پيوند بين اجزاي يک اسکريپت مي شود که خاصيت آنرا در بخش بعدي operator ها يعني عملگرها توضيح خواهم داد.
document.write("<b>"+ vorood.getHours()+ ":"+ ...... + "</b>")n
نکته: هنگاميکه از متد getMonth() براي برگرداندن عدد ماه استفاده مي کنيد بايد هميشه آنرا بعلاوه عدد يک کنيد چون جاوااسکريپت اولين ماه ميلادي را برابر با عدد صفر قرار مي دهد.
document.write( new Date().getMonth()+1 )n
در مورد متد getYear() هم اگر مي خواهيد نتيجه کامل برگردد يعني سال بصورت چهاررقمي نوشته شود بايد از متد getFullYear() استفاده کنيد.
اگر هم بخواهيد تمام مقادير بر اساس UTC برگردانده شوند، بايد اين کلمه را در وسط متد مورد نظر وارد کنيد. بدين صورت:
getUTCFullyear(), getUTCDate(), getUTCHours(), getUTCMinutes()n
تنظيم تاريخ و زمان
<script language="javascript" type="text/javascript"n>
var zaman = new Date()n
zaman.setFullYear(2008)n
document.write ( zaman )n
<script/>
نتيجه اي که اين اسکريپت برميگرداند بصورت زير است، به روز هفته در اول خط و سال در آخر خط توجه کنيد که براي سال 2008 تنظيم شده است.
Sun Jun 29 14:23:23 UTC+0430 2008
0 | 0
امتياز: 0 | نظر شما: 1 2 3 4 5
برچسب ها: تاريخ,زمان,جاوااسکريپت,document,write ,javascript,متد,شئ,Date,
