نرگس چنگیزی
مطالب مرتبط با طراحی صفحات وب
می توان در یک لحظه در یک سند html به چند فایل css لینک داد. اگر چند فایل CSS داشته باشید به جای این که در ابتدای صفحه چند بارآ ن ها را برای بارگزاری صدا بزنید سعی کنید همه را در یک فایل جمع کنید و فقط یک بار این کار را انجام بدهید. ارسال هر Request و دریافت پاسخ آن ، بخشی از زمان بارگذاری صفحه است.هرچه تعداد Request ها کمتر باشد ، زمان بارگذاری صفحه کمتر می شود. بهتر است به جای چند فایل CSS از یک فایل استفاده کنیم! مثال: n<link rel=”stylesheet” type=”text/css” href=”/body.css” /> اکنون که يک مفهومي از زبان جاوااسکريپت را در ذهن داريد، بايد ببينيم که با آن چکار مي توانيم انجام دهيم يا بهتر بگويم که جاوااسکريپت چه کاري براي ما انجام مي دهد و چه قابليتهايي را در مرورگر ايجاد مي کند.
<html>
<head>
<title>
Table
</title>
</head>
<body text="black">
<p align="center">
<font size="5">
<table border="2" cellpadding="5" width="200" height="200">
<tr>
<td colspan="3">
<img align="right" src="sad_girl2.jpg" alt="Angry face"
width="100" height="100" />
</td>
<tr/>
<tr>
<td>
<video src="Baby.mp4" width="150" height="150"
controls="controls">
Yor browser not suppot! </video></td>
<td>
<ol>
<li>Mozilla</li>
<li>Opera</li>
<li>IE</li>
</ol>
</td>
<td>
<a href="http://www.iranweb3.com"> iranweb3 </a>
</td>
</tr>
</table>
<table border="3" cellpadding="5" width="200" height="200">
<tr>
<td >
<img src="sad_girl2.jpg" alt="Angry face" width="100"
height="100" />
</td>
</tr>
<tr>
<td>
<video src="Baby.mp4" width="150" height="150"
controls="controls">
Yor browser not suppot!
</video>
</td>
</tr>
<tr>
<td >
<ol>
<li>Mozilla</li>
<li>Opera</li>
<li>IE</li>
</ol></td>
<td rowspan="3">
<a href="http://www.iranweb3.com"> iranweb3 </a>
</td>
</tr>
</table>
<table border="4" cellpadding="5" width="200" height="200">
<tr>
<td colspan="3"> <img src="sad_girl2.jpg" alt="Angry face"
width="100" height="100" /> </td>
</tr>
<tr>
<td rowspan="3">
<video src="Baby.mp4" width="150" height="150"
controls="controls">
Yor browser not suppot!
</video>
</td>
<td>
<ol>
<li>Mozilla</li>
<li>Opera</li>
<li>IE</li>
</ol></td>
</tr>
<tr>
<td>
<a href="http://www.iranweb3.com"> iranweb3 </a>
</td>
</tr>
<tr>
<td>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
</td>
<tr/>
</table>
</font>
</body>
</html>
<link rel=”stylesheet” type=”text/css” href=”/side.css” />
<link rel=”stylesheet” type=”text/css” href=”/footer.css” />n
تبدیل کنید به:
<link rel=”stylesheet” type=”text/css” href=”/style.css” />
يكي ديگر از قابليتهاي CSS پايين آوردن حجم صفحات HTML مي‌باشد. چون با استفاده از CSS شما يك كد را يك بار مي‌نويسيد و در هزار جاي صفحه از اون استفاده مي‌كنيد.حتي مي‌توان يك فايل CSS خارجي ايجاد كرد و از آن در تمام صفحات سايت استفاده كرد. با اين كار هم حجم اطلاعات كم مي‌شود و هم سرعت كار بيشتر مي‌شود.
در حقيقت جاوااسکريپت يک ابزار براي طراحان وب و نويسندگان کدهاي HTML مي باشد. جاوااسکريپت داراي ترکيباتي ساده نسبت به زبانهاي برنامه نويسي است که براحتي مي توان آنها را داخل کدهاي اچ تي ام ال يک صفحه قرار داد و از آنها استفاده کرد. يکي از قابليتهاي ويژه جاوااسکريپت رايگان بودن آن است که اگر شما زبان HTML را بدانيد، مي توانيد با کمي دانستن جاوااسکريپت کدهاي آماده که بيش از 2000 نوع از آنها در وب وجود دارد را در صفحات خود بکار گيريد.
با استفاده از اين زبان مي توانيد متنهاي پويا و متحرک در صفحات و در نقاط مختلف مرورگرها مانند نوار وضعيت آنها خلق کنيد. يکي ديگر از قابليتهاي اين زبان عکس العمل نشان دادن به وقايع و اتفاقات مي باشد بطور مثال واکنش نسبت به کليک يکي از دکمه هاي موس يا فشردن يک کليد بر روي کيبورد و يا انجام عملي هنگام بسته شدن صفحه مرورگر.
جاوااسکريپت حتي مي تواند کدهاي اچ تي ام ال را بخواند و يا توليد کند که توسط اين خاصيت مي توانيد در هر زمان خاص يک متني را توليد يا تغيير دهيد و يا در زماني مشخص عکسي را جايگزين عکسي ديگر کنيد.
يکي از بهترين ويژگيهاي جاوااسکريپت، اعتبار بخشيدن به اطلاعات مي باشد مثلاً شما يک فرمي براي ارتباط با کاربر خود ساخته ايد و مي خواهيد قبل از اينکه آن اطلاعات به سرور فرستاده شود، بازبيني شده تا اگر مشکلي وجود داشته باشد به کاربر اطلاع داده شود تا در صدد رفع آن برآيد. چون جاوااسکريپت اصطلاحاً Client side است، يعني در سيستم کاربر اجرا شده و مستقل از وب سرور است مي تواند ترافيک روي سرور را کم کرده که اين موضوع يک امتياز مثبت براي ميزبانان وب محسوب مي شود.
0 | 0
امتياز: 0 | نظر شما: 1 2 3 4 5
برچسب ها: جاوااسکريپت,ابزار ,وب,کد, HTML,Client side ,Client side ,قابليت,
