Advanced Search

المحرر موضوع: على بركة الله سلسلة دروس تصميم المواقع  (زيارة 14943 مرات)

0 الأعضاء و 1 ضيف يشاهدون هذا الموضوع.

أغسطس 20, 2002, 05:41:46 مساءاً
زيارة 14943 مرات

أبو عبدالرحمن

  • عضو متقدم

  • ****

  • 718
    مشاركة

    • مشاهدة الملف الشخصي
على بركة الله سلسلة دروس تصميم المواقع
« في: أغسطس 20, 2002, 05:41:46 مساءاً »
منقول من موقع عالم النور زادهم الله نورا هذه السلسلة المباركة من دروس تصميم وبناء المواقع بلغة ASP ... تعريب الأخ خالد الحر . عالم النور ...                     تصميم asp portal
عنوان موقع عالم النور

ملاحظة هامة : لا تنسخ الأكواد إلى الفرونت بيج مباشرة ، بل يجب نسخها أولاً إلى المفكرة ومن ثم نسخها من المفكرة إلى الفرونت بيج... علماً بأنه قد تم تعديل بعض الأكواد لوجود خطأ فيها من المصدر

وعلى بركة الله :

الدرس الأول: مدخل


إن كنت قد سمعت بهذه اللغة من قبل، فلا داعي لقراءة هذا الجزء : ) ولكن لا مانع من قراءته إن أحببت ذلك. بالتأكيد الكثير منا سمع بهذه اللغة ويطمح إلى تعلمها.. وإن لم يسمع عنها فقد يطمح لتعلم شيء جديد في عالم تصميم المواقع.. لإنشاء موقع متميز.. أليس كذلك ؟؟


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


ما الحاجة لاستخدام ASP ؟


يمكنك تصميم صفحات رائعة باستخدام لغة HTML أو أحد برامج التصميم التي تمكنك من عمل ما تشاء (تقريبا) ثم تحويل عملك للغة HTML كبرنامج Microsoft FrontPage أو Dreamwaver لشركة Macromedia. إذن لماذا أضيع وقتي بتعلم ASP?!!


المعلومات الظاهرة في صفحات HTML تكون ثابتة بمعنى أنك ما تكتبه في الصفحة سيظهر لك عند العرض .. مثل برنامج الوورد .. الذي تكتبه تراه .. ولكن ماذا إذا كانت عندك سجلات كبيرة من البيانات وتريد أن تعرضها في الصفحة.. مثل ملاحظات سجل الزوار.. أو أسماء المشتركين في منتداك أو معلومات أخرى مخزنة في قواعد بيانات مثل ميكروسوفت اكسس.


تستطيع باستخدام صفحة ASP عرض هذه البيانات في الشاشة باستخراجها مباشرة من قواعد البيانات المخزنة فيها البيانات بدلا من تخزين هذه البيانات على صفحات HTML . وتتميز صفحات ASP عن HTML بكونها صفحات غير ثابتة المعلومات.. فالمعلومات بها مؤخذة من قواعد البيانات وتتغير في الصفحة بتغير المعلومات في قواعد البيانات وسأطلق هذه الميزة كلمة صفحات تفاعلية أي أنا تتفاعل وتتأثر في الصفحة بتأثر وتغير المعلومات في قواعد البيانات. ومن الأمثلة على هذه الصفحات.. غرف الحوار Chat ، المنتديات Discussion Board ، سجل الزوار Guest Book ، قوائم المشتركين.. وغيرها من الصفحات التي تتطلب استقبال وإرسال المعلومات.


متطلبات العمل على لغة ASP :


أولا : تركيب Personal Web Server أو Internet Information Server


اللغات المتقدمة لبرمجة المواقع أمثال ASP و PHP و CGI وغيرها، لا تعمل مباشرة على الأجهزة الشخصية. فهي تحتاج لـ Server حتى تعمل. بإمكانك حجز مساحة (مجانية أو باشتراك شهري) في أحد مواقع الاستضافة في الإنترنت Hosting Providers فأجهزتهم عبارة عن Servers (أنصح بالاشتراك في موقع http://www1.domaindlx.com فهو يقدم مساحة مكانية تدعم لغة ASP وقواعد بيانات MS Access). لكن ذلك ليس نهاية المطاف، فتكلفة الاتصال بالإنترنت مكلفة في بعض البلدان، وتصميم الموقع أثناء الاتصال، قد يكلف الكثير من الأموال. لذا، بإمكانك تركيب بعض البرامج التي تجعل من حاسبك الشخصي Server.


لمستخدمي ويندوز 98 أو ويندوز ملينيوم :

قم بتركيب برنامج Personal Web Server (PWS) وتركيبه في غاية البساطة.. كل ما عليك هو فتح قرص ويندوز 98 Win98 CD واختر المجلد add-one ومنه pws ومنه شغل الملف setup.exe (سيتم شرح هذا الأمر بالتفصيل في الدرس التالي).

ملاحظة: إن لم تجد مجلد باسم pws في قرص الويندوز 98 فابحث عن مجلد باسم asp.


إن لم لكن لديك قرص ويندوز 98 يمكنك سحب البرنامج من هذا الرابط:

http://www.alnoor-world.com/download/PWS.zip


لمستخدمي ويندوز 2000 أو NT :

قم بتركيب خدمة Internet Information Server للويندوز وستجده كخدمة متوفرة مع سيدي تركيب الويندوز، وذلك بالذهاب لي لوحة التحكم Control Panel ثم اختيار إضافة وإزالة مكونات ويندوز Add/Remove Windows Components واختيار Internet Information Server منه.



ثانيا : إختيار برنامج لكتابة نصوص ASP :


لكتابة نصوص ASP لا تحتاج بالضرورة لاستخدام برنامج خاص لذلك. سأستخدم خلال الشرح برنامج Front Page لأنه متوفر عند الأغلبية ونستطيع باستخدامه تصميم شكل الصفحات ، وإن أردتم استخدام برامج أخرى تستطيعون أيضا متابعة الدروس معنا. إن كنت تريد استخدام برنامج NotePad الذي يأتي مع الويندوز يمكنه القيام بالواجب. إلا أنني لا أنصحك حاليا باستخدام Note Pad لأنه لن يساعدك في تصميم شكل الصفحة. كذلك تستطيع استخدام أي برامج تصميم صفحات الويب مثل Microsoft Front Page أو Macromedia Dream Weaver ، أو Microsoft Interdev المتخصص في إنشاء صفحات ASP ولغات غيرها.


إذا قم بتركيب Front Page إن كنت لا تملك برنامجا أخر للتصميم ،


ثالثا: برنامج قواعد البيانات:


يمكننا استخدام SQL أو Microsoft Access أو غيرها من برامج قواعد البيانات.. لكنني سأعتمد على Microsoft Access 2000 وذلك لتوفره عند الأغلبية.


بذلك نكون قد تجهزنا للبدء في كتابة النصوص : ).. وأتمنى منكم المتابعة للتعلم.


لنبدأ معنا


إنني مؤمن بأن أفضل طريقة لتعلم هذه اللغة هو القيام بأمثلة عملية.. لذا لن أتحدث عن المتغيرات أو الأوامر أو القيم إلا عندما نحتاجها لتصميم إحدى الصفحات.


ولنتأكد من تطبيقنا السليم للغة.. سنبدأ بمشروع من الصفر، خطوة بخطوة.. وعند نهاية هذه الدروس ستكون قادرا على تصميم مشروعا مشابها، ومن ثم تطويره إن شاء الله.

مشروعنا سيكون، تصميم موقع إخباري بسيط.


أولا: المحتوى:

أخبار تقنية.
أخبار منوعة.

ثانيا: الخدمات:

محرك بحث في محتويات الموقع.
سجل زوار.

ثانيا:الإدارة:

تسجيل المسؤولين عن الموقع (أسماء وكلمات مرور خاصة بهم).
إضافة، تعديل، حذف الأخبار من خلال الموقع.

تنفيذ هذا الموقع الإخباري، يتطلب منا تعلم مجموعة من أهم أوامر هذه اللغة.. وهذا هو الغرض من هذه الدروس. فهل أنت مستعد ومتحمس ؟! إذا أرجو منك المتابعة وسنصل إلى موقع رائع في النهاية.


إذا خذ قسطا من الراحة.. وابدأ بتجهيز البرامج التي أخبرتك عنها في الأعلى.. ثم تابع الدروس التالية.. وأنا في انتظارك هناك.




أغسطس 20, 2002, 06:00:26 مساءاً
رد #1

أبو عبدالرحمن

  • عضو متقدم

  • ****

  • 718
    مشاركة

    • مشاهدة الملف الشخصي
على بركة الله سلسلة دروس تصميم المواقع
« رد #1 في: أغسطس 20, 2002, 06:00:26 مساءاً »
الدرس الثاني: تركيب Personal Web Server - PWS


إن تركيب PWS ضروري لتشغيل صفحات ASP وستجد هنا خطوات مدعمة بالصور لتسهيل عملية تركيب PWS. يتطلب البرنامج على الأقل معالج بينتيوم بسرعة 90 MHz و 20 – 30 MB RAM و 40 MB فارغة في القرص الصلب.

طريقة تركيب السيرفر بالصور على الـ xp  علماً بأن هذه الخدمة غير متوفرة بالويندوز xp home edition
  
وفيما يلي طريقة تركيب السيرفر على windows98  

أدخل قرص Windows 98 في مشغل الأقراص.
اضغط على قائمة ابدأ Start واختر تشغيل Run
اكتب x:\add-ons\pws\setup.exe
أبدل حرف X بحرف مشغل الأقراص بجهازك.




ستظهر لك الشاشة التالية:




اضغط على Next ثم من الشاشة التالية اضغط على Custom





من الشاشة التالية اختر "Personal Web Server (PWS)" ثم اضغط على "Show Subcomponents…"





من الشاشة التالية اختر "Documentation” ثم اضغط على "Show Subcomponents…"


من الشاشة التالية اختر "Active Server Pages” ثم اضغط على Ok ثم مرة أخرى Ok ثم Next للانتقال لخطوة التالية من عملية التثبيت.





ستظهر لك الشاشة التالية.. أفضل إبقاء كل شي على ما هو عليه، إلا أن هذا الأمر راجع إليك.







ستبدأ عملية التثبيت.




بعد الانتهاء منها سيطلب منك إعادة تشغيل الجهاز. عندما تفعل ذلك ستلاحظ أن هنالك شيئا جديدا أضيف بجانب الساعة في شريط المهام Taskbar. هذا يعني أن التركيب قد تم بنجاح. تهانينا.

طريقة سريعة لاختبار ذلك، اذهب للعنوان التالي (يفضل الاحتفاظ بهذا العنوان في قائمة المواقع المفضل Favorites) http://localhost/iishelp وستظهر لك الشاشة التالية:





ملاحظات:

إن لم لكن لديك قرص ويندوز 98 يمكنك سحب البرنامج من هذا الرابط:

http://www.alnoor-world.com/download/PWS.zip

إن لم ترغب بتخزين هذا البرنامج على جهازك. فبإمكانك حجز مساحة مجانية من هذا الموقع http://www1.domaindlx.com. لكن ذلك سيتطلب تجربة الصفحات التي سنصممها، على الإنترنت مباشرة، ولن يمكن تشغيل الصفحات على الكمبيوتر.


أنت مؤهل الآن للانتقال للدرس التالي. فهيا بنا.




أغسطس 21, 2002, 03:31:11 صباحاً
رد #2

ابو الحروف

  • عضو خبير

  • *****

  • 1993
    مشاركة

    • مشاهدة الملف الشخصي
على بركة الله سلسلة دروس تصميم المواقع
« رد #2 في: أغسطس 21, 2002, 03:31:11 صباحاً »
السلام عليكم ورحمة الله وبركاته

يعني الصراحة انت جعلتني اغير رأيي في بناء الموقع بواسطة HTML... وما احلى تعلم الشيء الجديد...

اخي انا استخدم windows xp... ولا ادري ان كان ما ذكرته بالنسبة لـ windows 2000 ينطبق ايضا على الاكس بي ام لا !!!! بالاضافة الى ذلك فأنا لا املك القرص... ما الذي علي ان افعله علما بأنني لا اود حجز موقعي على الموقع الذي ذكرته...

وجزاك الله كل خير

أغسطس 21, 2002, 04:32:22 مساءاً
رد #3

ابو الكلمات

  • عضو مبتدى

  • *

  • 7
    مشاركة

    • مشاهدة الملف الشخصي
على بركة الله سلسلة دروس تصميم المواقع
« رد #3 في: أغسطس 21, 2002, 04:32:22 مساءاً »
السلام عليكم
ابي اسألك سؤال أخي عبد الرحمن
أنا ما في عندي FRONT PAGE أو أي برنامج من اللي أنذكروا
فماذا أفعل؟
أذا بتعرف موقع بقدر من خلاله أنزل الFRONT PAGE اهلا وسهلا فيك وفيه
مشــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــكور

أغسطس 21, 2002, 08:32:27 مساءاً
رد #4

أبو معاذ

  • Administrator

  • *****

  • 1320
    مشاركة

  • المشرف الفني

    • مشاهدة الملف الشخصي
    • شبكة العلوم العربية
على بركة الله سلسلة دروس تصميم المواقع
« رد #4 في: أغسطس 21, 2002, 08:32:27 مساءاً »
أبو عبد الرحمن :
أشكرك على جهودك الجبارة في تقديم المعونة للآخرين وهذا ماعهدته منك علم وعمل فبارك الله فيك وفي علمك

أبو الحروف :
HTML هي الأساس وهي اللغة (إن صح تسميتها لغة) المشتركة لبناء الموقع مع اللغات الأخرى ويعيبها أنها غير تفاعلية بمعنى أنها لاتشاركك الأخذ والعطاء فهي فقط اكواد عرض
لذلك ظهرت اللغات الاخرى مع ال HTML لتعالج هذا النقص فظهرت اللغات المكملة لها كـ لغة جافا وال CGI , ASP , PHP ....الخ وهي لغات تفاعلية ولكنها لا تستغني عن HTML
لأن اللغات الاخرى تعالج المطلوب وتحوله إلى  HTML لتظهر على على المتصفح

خلاصة القول أن لا تغير رأيك في تعلم HTML

على فكرة ال ASP تتبع شركة ميكروسوفت ويجب أن يكون سيرفر المستضيف NT أو من منتاج ميكروسوفت حتى تعمل ملفات ASP بشكل جيد ومواقع الاستضافة المجانية قليلة جدا التي تدعم هذا النوع لان اغلب سيرفرات المواقع المجانية هي يونكس

اتمنى أن يظهر موقعك للوجود  '<img'>

أبو الكلمات :
إذا كان لديك windows98 فعلى ما اعتقد ان يوجد معه نسخة من فرونت بيج اكسبرس المجانية


تحياتي للجميع
أبو معاذ

أغسطس 22, 2002, 12:52:13 صباحاً
رد #5

ابو الكلمات

  • عضو مبتدى

  • *

  • 7
    مشاركة

    • مشاهدة الملف الشخصي
على بركة الله سلسلة دروس تصميم المواقع
« رد #5 في: أغسطس 22, 2002, 12:52:13 صباحاً »
السلام عليكم
والله عندي يا أخي ويندوز 98 بس مفيش عندي الفرونت بيج
ما بعرف ليش
مع السلامة

أغسطس 22, 2002, 03:30:56 صباحاً
رد #6

أبو عبدالرحمن

  • عضو متقدم

  • ****

  • 718
    مشاركة

    • مشاهدة الملف الشخصي
على بركة الله سلسلة دروس تصميم المواقع
« رد #6 في: أغسطس 22, 2002, 03:30:56 صباحاً »
الأخ الكريم أبو الحروف

آسف على التأخر بالرد لصوارف هذه الدنيا ، ولكن يقولون إذا وجد الماء بطل التيمم ، فاعتقد أن ليس لي إجابة أو تعقيب أو تثنية على ما ذكره أخي الحبيب أبو معاذ ، غير اني أجيبك أخي الفاضل حيال امكانية استجابة هذه التقنية مع الwindows xp فأقول إن ال windows xp هو الوريث للـ windows 2000 وعليه فإنه لا فرق بينهما في الاستجابة .
وعن عدم وجود القرص فيظهر أنك لم تتابع الدرس الأول بشكل جيد أو قراته بشكل سريع فقد تضمن في إحدى فقراته ما يلي :-
لمستخدمي ويندوز 2000 أو NT :

قم بتركيب خدمة Internet Information Server للويندوز وستجده كخدمة متوفرة مع سيدي تركيب الويندوز، وذلك بالذهاب لي لوحة التحكم Control Panel ثم اختيار إضافة وإزالة مكونات ويندوز Add/Remove Windows Components واختيار Internet Information Server منه.
علماً بأنه لا إختلاف كبير بين ال2000 وا إكس بي .
أما عن الموقع فسأوافيك اخي الحبيب في رد لا حق عن موقع آخر يمكن ان يستضيف مواقع تم بناؤها بلغة asp .

أخي أبو الكلمات

تحية طيبة

لن تكون مشكلة كبيرة عدم توفر الفرونت بيج في جهازك ، فيكفي أن يكون لديك برامج الأوفيس2000 أو xp  بشرط أن يكون ضمنها برنامج الفرونت بيج ، فقط أعد تنصيب الأوفيس وقم باختيار جميع البرامج وستجد ان الفرونت بيج قد حل ضيفاً مرحباً به .، ولا أنصح بإنزاله من الإنترنت لكبر حجمه ولكن إن كنت مصمم على ذلك فيمكنك الذهاب إلى الصفحة الأم للفرونت بيج http://www.microsoft.com/frontpage/default.htm
وشكراً للجميع على تواصلهم وسنكمل السلسلة بإذن الله




أغسطس 22, 2002, 06:00:41 مساءاً
رد #7

ابو الحروف

  • عضو خبير

  • *****

  • 1993
    مشاركة

    • مشاهدة الملف الشخصي
على بركة الله سلسلة دروس تصميم المواقع
« رد #7 في: أغسطس 22, 2002, 06:00:41 مساءاً »
شكرا لكما استاذيّ ابا معاذ وابا عبد الرحمن

الحقيقة اننا مهما شكرنا ومدحنا اخي ابا عبد الرحمن فلن نجزيه لكثرة مساعدته وسرعته في الرد.

وانا في انتظار الدروس القادمة

أغسطس 22, 2002, 07:08:52 مساءاً
رد #8

أبو عبدالرحمن

  • عضو متقدم

  • ****

  • 718
    مشاركة

    • مشاهدة الملف الشخصي
على بركة الله سلسلة دروس تصميم المواقع
« رد #8 في: أغسطس 22, 2002, 07:08:52 مساءاً »
الدرس الثالث: الصفحة الأولى default.asp


دائما ما يبحث برنامج التصفح (Browser) عن صفحة تحمل اسم Default أو Index في الموقع لتشغيلها تلقائيا. لذا عادة ما تكون الصفحة الرئيسية في الموقع بهذا الاسم. وفي مشروعنا سنستخدم اسم : Default .

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

ملاحظة: هذه بعض المواقع التي تشرح لك كيفية التصميم بالفرونت بيج: المصمم لك ، أجنادين.

ملاحظة: عند تركيب PWS سيتم إنشاء هذه المجلدات C:\Inetpub\wwwroot ثم قم أنت بإنشاء المجلد news لتخزين ملفات مشروعنا هذا فيه.


التصميم المقترح:

عالم اليوم
هذا هو نص HTML للتصميم المقترح. (استخدام هذا النص سيسهل عليك متابعة الدروس).
Code Sample

<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="#AD1212">إدارة

الموقع</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">جميع

الحقوق محفوظة 2001</font></b></p>


</body>


</html>


استخدام SSI


للاستغناء عن تكرار تصميم الأجزاء المتشابهة في كل صفحة.. مثل الجزء العلوي من الصفحة.. أو مؤخرة الصفحة والتي تحتوي على حقوق الحفظ .. نستطيع استخدام ميزة SSI لوضع الجزء المراد تكراره في ملف واحد فقط.. وإضافة اسم الملف في الملفات المراد تكرار الجزء فيها.


على سبيل المثال: سنعتمد تصميما واحدا لجميع الصفحات.. ففي رأس الصفحة عنوان الموقع، وتحته روابط للأقسام المختلفة.. وفي نهاية الصفحة الروابط من جديد.


ببساطة، يمكنك نسخ نفس النص لجميع الصفحات.. الرأس:

Code Sample

<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>



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

Code Sample

<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">جميع

الحقوق محفوظة 2001</font></b></p>


</body>


</html


ثم كتابة ما تريده ما بين هاتين الفقرتين.

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

Code Sample

<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="#AD1212">إدارة

الموقع</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">جميع

الحقوق محفوظة 2001</font></b></p>


</body>


</html>

الأمر سهل للغاية أليس كذلك؟! إنه سهل هذه المرة لأن عدد الصفحات لدينا بسيط.. الصفحة الرئيسية، الأخبار التقنية، الأخبار المنوعة، بحث، سجل الزوار.. أي خمس صفحات.. لكن تخيل أن عندنا 100 صفحة.. هل ستقوم بعملية النسخ واللصق لكل هذه الصفحات!! وإن قمت بذلك.. تخيل أنك تريد إجراء تعديل معين في تصميم رأس الصفحة أو نهايتها، هل ستفتح الـ 100 صفحة وتقوم بتعديلها واحدة واحدة!! ألن يكون الأمر شاقا عليك!! إليك الحل.


قم بحفظ الجز الأعلى في ملف اسمه pageheader.txt والجزء الأسفل باسم pagefooter.txt

أجرِ تعديلا التالية على ملف default.asp لتكون الشفرة فيه كالتالي:

Code Sample

<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="#AD1212">إدارة

الموقع</font></p>


<!--#include file="pagefooter.txt" -->


شغل الصفحة.. وستراها بنفس التصميم الأول.. والآن.. يمكن إدراج الرأس والنهاية لكل الصفحات الأخرى (التي سنصممها قريبا) من دون الحاجة لنسخ الشفرة في كل مرة.. وإن أردنا إجراء أي تغيير في المستقبل، كل ما علينا هو إجراء التغيير على أحد هذين الملفين.. والتغيير سيطبق تلقائيا على جميع الصفحات.
----------------------------------------

يمكنك مشاهدة الصفحة التي قمنا بتصميمها في هذا الدرس من خلال هذا الرابط: عالم النور

لسحب الصفحات التي تم تصميمها في هذا الدرس: الدرس الثالث

أغسطس 22, 2002, 07:41:30 مساءاً
رد #9

أبو عبدالرحمن

  • عضو متقدم

  • ****

  • 718
    مشاركة

    • مشاهدة الملف الشخصي
على بركة الله سلسلة دروس تصميم المواقع
« رد #9 في: أغسطس 22, 2002, 07:41:30 مساءاً »
الدرس الرابع: تصميم قاعدة البيانات project.mdb


كما ذكرت في الفصل الأول، سنصمم قاعدة البيانات باستخدام برنامج Microsoft Access 2000. إن لم تكن لديك خبرة سابقة في التعامل مع هذا البرنامج فلا تخشى شيئا، فسأكون معك خطوة بخطوة.

شكل 4-1


اختر Blank Access database واضغط Ok. سيطلب منك حفظ قاعدة البيانات، اختر لها اسما واحفظها في C:\Inetpub\wwwroot أو المجلد الفرعي الذي خصصته لهذه الصفحة بداخل هذا المجلد.

ويفضل أن تحفظ بداخل مجلد فرعي باسم database بداخل المجلد الفرعي news (سيتم إكمال الدروس اعتمادا على هذا الافتراض).

شكل 4-1-1


وسنسمي القاعدة هنا project.mdb

شكل 4-2-2

بعد الضغط على زر Create ستظهر لك الشاشة التالية:

شكل 4-2


اختر Create table in Design view وصمم الجدول التالي

شكل 4-3


في قسم Field Properties (وهذا الجزء يتغير بتغير نوع الحقل – Text, Memo, AutoNumber) ستجد Field Size إن كان الحقل Text وعادة ما يكون الرقم الموجود 50. هذا الجزء هو الذي يحدد عدد الحروف التي بإمكانك إدخالها في هذا الحقل، لذا أنصح بتغييرها لـ 255 وهو الحد الأقصى.


أيضا ستجد Allow Zero Length وعادة يكون أمامها No أي لا يمكن ترك هذا الحقل فارغ. بإمكانك وضع Yes أي يمكن ترك هذا الحقل فارغ من البيانات.


اضغط على Save سيسألك عن اسم الجدول، بإمكانك اختيار أي اسم يعجبك. في مشروعنا الحالي سنسميه tech_news. ثم ستظهر لك الرسالة التالية اختر منها No

شكل 4-4


أغلق الجدول، وسترى اسمه موجود في (شكل 3-2). اضغط على اسمه مرتين لفتحه. سيظهر لك الشكل التالي

شكل 4-5

أدخل البيانات التالية في الجدول (خانة id سيتم ترقيمها تلقائيا)



أغلق الجدول، واحفظ القاعدة.. واستعد للدرس القادم الذي سأبين فيه كيفية استعراض محتويات القاعدة عن طريق الموقع.

ملاحظة: عند فتح برنامج Ms Access في المرة التالية، ستظهر لك الشاشة التالية:



يمكنك اختيار القاعدة التي أنشاءناها في هذا الدرس من خلال هذه الشاشة مباشرة.

--------------------------------------------------

لسحب قاعدة البيانات التي تم تصميمها في هذا الدرس: الدرس الرابع

أغسطس 23, 2002, 12:26:52 صباحاً
رد #10

ابو الحروف

  • عضو خبير

  • *****

  • 1993
    مشاركة

    • مشاهدة الملف الشخصي
على بركة الله سلسلة دروس تصميم المواقع
« رد #10 في: أغسطس 23, 2002, 12:26:52 صباحاً »
السلام عليكم

اخي ابو عبد الرحمن...

هل من الممكن ان تدلني على كيفية تحميل WPS للاكس بي من الانترنيت؟؟؟
ارجوك... قبل ان تكمل السلسلة...

أغسطس 23, 2002, 12:32:57 صباحاً
رد #11

أبو عبدالرحمن

  • عضو متقدم

  • ****

  • 718
    مشاركة

    • مشاهدة الملف الشخصي
على بركة الله سلسلة دروس تصميم المواقع
« رد #11 في: أغسطس 23, 2002, 12:32:57 صباحاً »
أستاذي أبو الحروف

أبشر بسعدك ، ولكني قرأت الرد حالياً وأنا على جهاز آخر ، ولكن أعدك أستاذي فور عودتي لجهازي سأشرح لك الطريقة بالصور .
وشكراً على تواصلك

أغسطس 23, 2002, 01:40:50 صباحاً
رد #12

ابو الحروف

  • عضو خبير

  • *****

  • 1993
    مشاركة

    • مشاهدة الملف الشخصي
على بركة الله سلسلة دروس تصميم المواقع
« رد #12 في: أغسطس 23, 2002, 01:40:50 صباحاً »
بارك الله فيك سيدي الكريم

أغسطس 24, 2002, 01:46:54 صباحاً
رد #13

أبو عبدالرحمن

  • عضو متقدم

  • ****

  • 718
    مشاركة

    • مشاهدة الملف الشخصي
على بركة الله سلسلة دروس تصميم المواقع
« رد #13 في: أغسطس 24, 2002, 01:46:54 صباحاً »
أخي أبو الحروف


تفضل أستاذي شرح تنصيب السيرفر على WINDOWS XP

                                               على بركة الله

وإليك أخي الفاضل عدداً من مواقع الاستضافة التي تدعم الـ ASP

                                              على بركة الله

ثم أخي الحبيب آمل إفادتي عن إنجليزيتكم هل هي 100% أم 50% أم 25% حيث توجد مواقع تهتم بالـ ASP وأجزم أنها ستكون مفيدة لكم 100% بإذن الله .




أغسطس 24, 2002, 01:52:47 مساءاً
رد #14

ابو الحروف

  • عضو خبير

  • *****

  • 1993
    مشاركة

    • مشاهدة الملف الشخصي
على بركة الله سلسلة دروس تصميم المواقع
« رد #14 في: أغسطس 24, 2002, 01:52:47 مساءاً »
مرحبا اخي الكريم

بالنسبة للانجليزيتي فيمكن القول انها 50%