دورة تعليم لغة ASP من البداة حتى الاحتراف (الدرس الثالث)

 الصفحة الأولى default.asp
 
في الموقع لتشغیلها Index أو Default عن صفحة تحمل اسم (Browser) دائما ما یبحث برنامج التصفح
: Default . تلقائیا. لذا عادة ما تكون الصفحة الرئیسیة في الموقع بهذا الاسم. وفي مشروعنا سنستخدم اسم
قم بتصمیم ما یعجبك.. مع مراعاة وضع عنوان الصفحة بشكل بارز، ورابط لكل من Frontpage باستخدام
وآخر ،(guest.asp) ورابط لسجل الزوار ،(news.asp) والأخبار المنوعة ، (tech.asp) الأخبار التقنیة
ولا تنسى أن تكتب فقرة (admin.asp). وأخیرا رابط لقسم إدارة الموقع ،(search.asp) لمحرك البحث
C:\Inetpub\wwwroot\news ترحیبیة بالزوار .وخزن جمیع هذه الملفات في
ملاحظة: هذه بعض المواقع التي تشرح لك كیفیة التصمیم بالفرونت بیج :المصمم لك ، أجنادین.
ثم قم أنت بإنشاء المجلد C:\Inetpub\wwwroot سیتم إنشاء هذه المجلدات PWS ملاحظة: عند تركیب
لتخزین ملفات مشروعنا هذا فیه. news
التصمیم المقترح:
عالم الیوم
 هذا هو نص html للتصمیم المقترح. (استخدام هذا النص سیسهل علیك متابعة الدروس)


كود بلغة HTML:


<html dir=rtl>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1256">
<meta http-equiv="Content-Language" content="ar-qa">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title> الیوم عالم </title>
</head>
<body>
<p align="center"><img border="0" src="thetitel.gif"></p>
<hr>
<p align="center"><font face="Simplified Arabic"
size="3"><b><a href="tech.asp"> أخبار
تقنیة </a>| <a href="news.asp"> أخبار منوعة </a>| <a
href="search.asp"> بحث </a>
| <a href="guest.asp"> سجل الزوار </a>| <a href="admin.asp"> إدارة
الموقع </a></b></font></p>
 <hr>
<p align="center"><font face="Simplified Arabic" size=" مرحبا <" 3
بكم في
موقعنا الإخباري المتمیز </font></p>
<p align="center"><font face="Simplified Arabic" size=" نتمنى <" 3
لكم
المتعة والفائدة معنا </font></p>
<p align="center"><font face="Simplified Arabic" size=" مع <" 3
تحیات </font></p>
<p align="center"><font face="Simplified Arabic" size="3"
color="#AD إدارة<" 1212
الموقع </font></p>
<hr>
<p align="center"><font face="Simplified Arabic"
size="3"><b><a href="tech.asp"> أخبار
تقنیة </a>| <a href="news.asp"> أخبار منوعة </a>| <a
href="search.asp"> بحث </a>
| <a href="guest.asp"> سجل الزوار </a>| <a href="admin.asp"> إدارة
الموقع </a></b></font></p>
<p align="center"><b><font face="Simplified Arabic"
size=" جمیع<" 2
الحقوق محفوظة ٢٠٠١ </font></b></p>
</body>
</html> 
استخدام للاستغناء عن تكرار تصمیم الأجزاء المتشابهة في كل صفحة.. مثل الجزء العلوي من الصفحة.. أو مؤخرة لوضع الجزء المراد تكراره في ملف SSI الصفحة والتي تحتوي على حقوق الحفظ .. نستطیع استخدام میزة واحد فقط.. وإضافة اسم الملف في الملفات المراد تكرار الجزء فیها. على سبیل المثال: سنعتمد تصمیما واحدا لجمیع الصفحات.. ففي رأس الصفحة عنوان الموقع، وتحته روابط للأقسام المختلفة.. وفي نهایة الصفحة الروابط من جدید. ببساطة، یمكنك نسخ نفس النص لجمیع الصفحات.. الرأس:
كود بلغة HTML:


<head>
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1256">
<meta http-equiv="Content-Language" content="ar-qa">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title> عالم الیوم </title>
</head>
<body>
<p align="center"><img border="0" src="thetitel.gif"></p>
<hr>
<p align="center"><font face="Simplified Arabic"
size="3"><b><a href="tech.asp"> أخبار
تقنیة </a>| <a href="news.asp"> أخبار منوعة </a>| <a
href="search.asp"> بحث </a>
| <a href="guest.asp"> سجل الزوار </a>| <a href="admin.asp"> إدارة
الموقع </a></b></font></p>
<hr>

نهایة الصفحة:

كود بلغة HTML:



<hr>
<p align="center"><font face="Simplified Arabic"
size="3"><b><a href="tech.asp"> أخبار
تقنیة </a>| <a href="news.asp"> أخبار منوعة </a>| <a
href="search.asp"> بحث </a>
| <a href="guest.asp"> سجل الزوار </a>| <a href="admin.asp"> إدارة
الموقع </a></b></font></p>
<p align="center"><b><font face="Simplified Arabic"
size=" جمیع<" 2
الحقوق محفوظة ٢٠٠١ </font></b></p>
</body></html>
ثم كتابة ما تریده ما بین هاتین الفقرتین. للتوضیح أكثر، سأضح النص كاملا مرة أخرى، الجزء العلي سأضعه باللون الأخضر، والسفلي باللون الأرق، والجزء الرئیسي سیكون باللون الأسود. هذا هو النص:
كود بلغة HTML:


<html dir=rtl>
الجزء العلوي '
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1256">
<meta http-equiv="Content-Language" content="ar-qa">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title> عالم الیوم </title>
</head>
<body>
<p align="center"><img border="0" src="thetitel.gif"></p>
<hr>
<p align="center"><font face="Simplified Arabic"
size="3"><b><a href="tech.asp"> أخبار
تقنیة </a>| <a href="news.asp"> أخبار منوعة </a>| <a
href="search.asp"> بحث </a>
| <a href="guest.asp"> سجل الزوار </a>| <a href="admin.asp"> إدارة
الموقع </a></b></font></p>
<hr>
الجزء الرئیسي '
<p align="center"><font face="Simplified Arabic" size=" مرحبا <" 3
بكم في
موقعنا الإخباري المتمیز </font></p>
<p align="center"><font face="Simplified Arabic" size=" نتمنى <" 3
لكم
المتعة والفائدة معنا </font></p>
<p align="center"><font face="Simplified Arabic" size=" مع<" 3
تحیات </font></p>
<p align="center"><font face="Simplified Arabic" size="3"
color="#AD إدارة<" 1212
الموقع </font></p>
الجزء السفلي '
<hr>
<p align="center"><font face="Simplified Arabic"
size="3"><b><a href="tech.asp"> أخبار
تقنیة </a>| <a href="news.asp"> منوعة أخبار </a>| <a
href="search.asp"> بحث </a>
| <a href="guest.asp"> الزوار سجل </a>| <a href="admin.asp"> إدارة
الموقع </a></b></font></p>
<p align="center"><b><font face="Simplified Arabic"
size=" جمیع<" 2
الحقوق محفوظة ٢٠٠١ </font></b></p>
</body>
</html>
الأمر سهل للغایة ألیس كذلك؟! إنه سهل هذه المرة لأن عدد الصفحات لدینا بسیط.. الصفحة الرئیسیة، الأخبار التقنیة، الأخبار المنوعة، بحث، سجل الزوار.. أي خمس صفحات.. لكن تخیل أن عندنا ١٠٠ صفحة.. هل ستقوم بعملیة النسخ واللصق لكل هذه الصفحات!! وإن قمت بذلك.. تخیل أنك ترید إجراء تعدیل معین في تصمیم رأس الصفحة أو نهایتها، هل ستفتح ال ١٠٠ صفحة وتقوم بتعدیلها واحدة واحدة!! ألن یكون الأمر شاقا علیك!! إلیك الحل. pagefooter.txt والجزء الأسفل باسم pageheader.txt قم بحفظ الجز الأعلى في ملف اسمه لتكون الشفرة فیه كالتالي: default.asp أجرِ تعدیلا التالیة على مل
كود بلغة HTML:


<html dir=rtl>
<!--#include file="pageheader.txt" -->
<p align="center"><font face="Simplified Arabic" size=" مرحبا <" 3
بكم في
موقعنا الإخباري المتمیز </font></p>
<p align="center"><font face="Simplified Arabic" size=" نتمنى <" 3
لكم
المتعة والفائدة معنا </font></p>
<p align="center"><font face="Simplified Arabic" size=" مع <" 3
تحیات </font></p>
<p align="center"><font face="Simplified Arabic" size="3"
color="#AD إدارة<" 1212
الموقع </font></p>
<!--#include file="pagefooter.txt" -->
شغل الصفحة.. وستراها بنفس التصمیم الأول.. والآن.. یمكن إدراج الرأس والنهایة لكل الصفحات الأخرى (التي سنصممها قریبا) من دون الحاجة لنسخ الشفرة في كل مرة.. وإن أردنا إجراء أي تغییر في المستقبل، كل ما علینا هو إجراء التغییر على أحد هذین الملفین.. والتغییر سیطبق تلقائیا على جمیع الصفحات.

الدرس التالى 

ليست هناك تعليقات:

إرسال تعليق