الدرس السادس: تحسين مظهر عرض البيانات

الدرس السادس: تحسين مظهر عرض البيانات

الدرس السادس: تحسين مظهر عرض البيانات

تحسين مظهر عرض البيانات يعتمد على أوامر لغة HTML فإن كنا نود عرض النتائج كل جملة في سطر فسنضع الجملة بين <p></p> أي أن أوامر العرض ستكتب بالطريقة التالية:
ملاحظة: لا تنسى أن تغلق نصوص ASP بوضع هذه العلامة <% قبل السطور التالية.

<

كود PHP:
p><%response.write        "العنوان : " & rs(subject)%></p>
<p><%response.write        "التاريخ : " & rs(add_dat)%></p>
<p><%response.write        "الخبر : " & rs(body)%></p>

يجب ملاحظة التالي:

  • قبل البدء بكتابة أوامر HTML علينا إغلاق نصوص ASP بالعلامة التالية: <%
  • عند كتابة نصوص ASP في أسطر HTML علينا عدم نسيان وضع هذه العلامات: <% %> . مثال: <p><%response.write “العنوان : ” & rs(2)%></p>

شغل صفحة أخبار تقنية. لترى النتيجة:

إليكم آخر المستجدات في الساحة التقنية

العنوان : اختراق مواقع حركة طالبان على الإنترنت
التاريخ : 31/9/2001
الخبر : بعد عملية تفجير برجي التجارة العالمية بنيويورك، ورفض حركة طالبان تسليم بن لادن للولايات المتحدة الأمريكية، قام مجهولون باختراق مواقع الحركة على الإنترنت.

أظن أن شكل النتائج أصبح أجمل بهذه الطريقة. وغن كنت تريد تجميله أكثر، عليك باستخدام الجداول.ز كما في المثال التالي:

كود PHP:
       <div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:        collapse" bordercolor="#111111" width="90%">
<tr>
<td width="100%"        dir="rtl"        bgcolor="#DFDFFF"><b><span        lang="ar-sa">العنوان        : <%response.write rs(subject)%></span></b></td>
</tr>
<tr>
<td width="100%" dir="rtl"><b><span        lang="ar-sa">التاريخ :        <%response.write rs(add_dat)%></span></b>
<p><b><span lang="ar-sa">الخبر : <%response.write        rs(body)%></span></b></td>
</tr>
</table>
</center>
</div>
<hr color="#DFDFFF"        width="90%">

وستكون النتيجة:

العنوان : اختراق مواقع حركة طالبان على الإنترنت التاريخ : 31/9/2001الخبر : بعد عملية تفجير برجي التجارة العالمية بنيويورك، ورفض حركة طالبان تسليم بن لادن للولايات المتحدة الأمريكية، قام مجهولون باختراق مواقع الحركة على الإنترنت.

لا تنسى أن تضع <% ADO.close %> عند الانتهاء من كتابة هذه الأوامر.
بهذا نكون قد عالجنا الإشكالية الأولى، وهي مظهر البيانات. لكن هنالك إشكالية أكبر، وهي أن الـ Code الذي كتبناه قام بعرض وطباعة أول حقل فقط من القاعدة (أول خبر فقط) وتجاهل الأخبار الأخرى. لذا سنستخدم كل من If … Then و Do … Loop لحل هذه الإشكالية.
وهذا ما سنقوم به في الدرس التالي.

  • يمكنك مشاهدة الصفحة التي قمنا بتصميمها في هذا الدرس من خلال هذا الرابط: أخبار تقنية
  • سيتم وضع رابط لسحب هذه الصفحة في الدرس الثامن وذلك بعد الانتهاء من تصميم صفحة tech.asp بالكامل.

إعداد: خالد الحر

الكاتب ayman

ayman

مواضيع متعلقة

التعليقات مغلقة