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

شبكة ابن الخليج

Sitemap | Archive | Tag Could
معهد مطور - ينتهي الإعلان بتاريخ 16\10\2008
التسجيلالبحثمشاركات اليوماجعل جميع المنتديات مقروءةالأرشيف

منتديات نظرة حب - ينتهي الاعلان بتاريخ 6\11\2008جديد برامج وأخبار الالعابالرَّقائق دعوة لترقيق القلوب - ينتهي الاعلان بتاريخ 6\11\2008
كل مايخص المرأة والمجتمعاجمل واروع الصورنغمات إنتظار الشادي - ينتهي الاعلان بتاريخ 6\11\2008

تصميم الصفحة الرئيسية (default.asp)

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

العودة شبكة ابن الخليج> منتديات تعليمية> دروس برمجة مواقع

رد
 
LinkBackأدوات الموضوعطرق مشاهدة الموضوع
قديم 06-26-2006, 07:43 صباحاً   #1 (permalink)
.::+: Gulf Son :+::.

 
الصورة الرمزية ADMIN
 
تاريخ التسجيل: May 2005
الدولة: بلاد الخليج
المشاركات: 50,356
معدل تقييم المستوى: 53ADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيطADMIN نشيط
إرسال رسالة عبر مراسل ICQ إلى ADMINإرسال رسالة عبر مراسل MSN إلى ADMIN
تصميم الصفحة الرئيسية (default.asp)


الدرس الثالث: الصفحة الأولى 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 للتصميم المقترح. (استخدام هذا النص سيسهل عليك متابعة الدروس).
كود:
<html dir=rtl>
<head>
****** **********="Content-Type" content="text/html; charset=windows-1256">
****** **********="Content-Language" content="ar-qa">
****** name="GENERATOR" content="Microsoft FrontPage 4.0">
****** 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 لوضع الجزء المراد تكراره في ملف واحد فقط.. وإضافة اسم الملف في الملفات المراد تكرار الجزء فيها.

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

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

كود:
<head>
****** **********="Content-Type" content="text/html; charset=windows-1256">
****** **********="Content-Language" content="ar-qa">
****** name="GENERATOR" content="Microsoft FrontPage 4.0">
****** 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>
نهاية الصفحة:
كود:
<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>
ثم كتابة ما تريده ما بين هاتين الفقرتين.
للتوضيح أكثر، سأضح النص كاملا مرة أخرى، الجزء العلي سأضعه باللون الأخضر، والسفلي باللون الأرق، والجزء الرئيسي سيكون باللون الأسود. هذا هو النص:
كود:
<html dir=rtl>
' الجزء العلوي
<head>
****** **********="Content-Type" content="text/html; charset=windows-1256">
****** **********="Content-Language" content="ar-qa">
****** name="GENERATOR" content="Microsoft FrontPage 4.0">
****** 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 لتكون الشفرة فيه كالتالي:
كود:
 <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" -->



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



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






من مواضيع ADMIN في المنتدى
__________________


يقول الامام مالك رحمه الله:
إنما هؤلاء أقوام أرادوا القدح في النبي صلى الله عليه وسلم فلم يمكنهم ذلك، فقدحوا في أصحابه حتى يقال رجل سوء ولو كان رجلاً صالحاً لكان أصحابه صالحين.

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

ADMIN غير متواجد حالياً   رد مع اقتباس
قديم 10-06-2006, 03:04 صباحاً   #2 (permalink)
ღ: k y:ღ

 
الصورة الرمزية كرم العربي
 
تاريخ التسجيل: Apr 2006
الدولة: ::In De GhEtTo::
المشاركات: 14,518
معدل تقييم المستوى: 53كرم العربي نشيطكرم العربي نشيطكرم العربي نشيطكرم العربي نشيطكرم العربي نشيطكرم العربي نشيطكرم العربي نشيطكرم العربي نشيطكرم العربي نشيطكرم العربي نشيطكرم العربي نشيط
إرسال رسالة عبر مراسل MSN إلى كرم العربي
مشاركة: تصميم الصفحة الرئيسية (default.asp)

يعطيك العافيه اخوي





من مواضيع كرم العربي في المنتدى
__________________
YoUkNoWhOwwEdO
كرم العربي غير متواجد حالياً   رد مع اقتباس
قديم 10-07-2006, 12:35 مساءً   #3 (permalink)
عضو جديد
 
تاريخ التسجيل: Oct 2006
المشاركات: 1
معدل تقييم المستوى: 10love flower يستاهل ترحيب
مشاركة: تصميم الصفحة الرئيسية (default.asp)

انا مش عارف انسخ الكود انسخه اذاى او اعمل ايه ارجو الرد سريعا





من مواضيع love flower في المنتدى
    love flower غير متواجد حالياً   رد مع اقتباس
    قديم 12-15-2006, 01:08 صباحاً   #4 (permalink)
    ღ: k y:ღ

     
    الصورة الرمزية كرم العربي
     
    تاريخ التسجيل: Apr 2006
    الدولة: ::In De GhEtTo::
    المشاركات: 14,518
    معدل تقييم المستوى: 53كرم العربي نشيطكرم العربي نشيطكرم العربي نشيطكرم العربي نشيطكرم العربي نشيطكرم العربي نشيطكرم العربي نشيطكرم العربي نشيطكرم العربي نشيطكرم العربي نشيطكرم العربي نشيط
    إرسال رسالة عبر مراسل MSN إلى كرم العربي
    رد: تصميم الصفحة الرئيسية (default.asp)

    تفضل الدرس علي رابط اخر
    http://www.alnoor.info/ASP/topicbody...=3&SectionID=1





    من مواضيع كرم العربي في المنتدى
    __________________
    YoUkNoWhOwwEdO
    كرم العربي غير متواجد حالياً   رد مع اقتباس
    قديم 12-23-2006, 11:25 مساءً   #5 (permalink)
    عضــو
     
    تاريخ التسجيل: Nov 2006
    المشاركات: 24
    معدل تقييم المستوى: 11ابو ساهر يستاهل ترحيب
    رد: تصميم الصفحة الرئيسية (default.asp)

    مشكور بارك الله فيك.





    من مواضيع ابو ساهر في المنتدى
    ابو ساهر غير متواجد حالياً   رد مع اقتباس
    قديم 12-03-2007, 01:16 مساءً   #6 (permalink)
    عضــو
     
    تاريخ التسجيل: Apr 2007
    المشاركات: 31
    معدل تقييم المستوى: 11rayjnmaf يستاهل ترحيب
    رد: تصميم الصفحة الرئيسية (default.asp)

    انا اعلم بإن ردي متأخر جداً

    ولكن لا بد من كلمة شكر لصاحب الموضوع على هذه المعلومات القيمة

    فشكرا لك اخي العزيز





    من مواضيع rayjnmaf في المنتدى
      rayjnmaf غير متواجد حالياً   رد مع اقتباس
      قديم 04-27-2008, 12:16 صباحاً   #7 (permalink)
      عضو جديد
       
      تاريخ التسجيل: Feb 2007
      المشاركات: 9
      معدل تقييم المستوى: 9mojamed26 يستاهل ترحيب
      رد: تصميم الصفحة الرئيسية (default.asp)

      شكرا لك اخي العزيز





      من مواضيع mojamed26 في المنتدى
        mojamed26 غير متواجد حالياً   رد مع اقتباس
        رد

        العبارات الدلالية
        الصفحة, تصميم



        الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
         
        أدوات الموضوع
        طرق مشاهدة الموضوع

        تعليمات المشاركة
        لا تستطيع إضافة مواضيع جديدة
        لا تستطيع الرد على المواضيع
        لا تستطيع إرفاق ملفات
        لا تستطيع تعديل مشاركاتك

        BB code is متاحة
        كود [IMG]متاحة
        كود HTML معطلة
        Trackbacks are متاحة
        Pingbacks are متاحة
        Refbacks are متاحة

        المواضيع المتشابهه
        الموضوعكاتب الموضوعالمنتدىمشاركاتآخر مشاركة
        فن التعامل مع Google و كل ما تود معرفته عن هذا المحرك العملاقADMINسكربتات وادوات تطوير المواقع1208-21-2008 09:24 صباحاً
        [ 6 ] دروس لبرنامج frontpagen.a.r.u.t.oدروس اوفيس409-30-2007 02:04 صباحاً
        الكائن Request- الجزء الأولالهوى ماهو كلامدروس برمجة مواقع304-24-2007 04:59 صباحاً
        كيف اجعل البورتال الصفحة الرئيسية اجبارياahmedipaمشاكل وحلول الـ مواقع1203-07-2007 12:00 صباحاً
        مشكلة في الصفحة الرئيسيةalwwlaمشاكل وحلول الـ مواقع310-31-2006 01:39 مساءً


        منتديات شبكة ابن الخليج

        ثقافة مصر أبو فراس الحمداني شعر حزين كتب علم النفس المعجم المحيط العاب رياضة سباقات الدراجات الهوايئة الدوري الأسبانيالدوري الإيطاليالدوري البرتغالي سيارات مستعملة دنيا العجائب العاب و مسابقات ثقافية الماس حواء Diabetes أجمل إكسسوارات شنط ماركات مرق باميه ديكور الغرف الماس اخبار تقنية برامج عامة ادوات حماية برامج نسخ ملفات طلبات المساعدة وتبادل الخبرات خبار الممثلين تنزيل افلام افلام اجنبية مسلسلات مصرية أنمي مترجم xbox العاب باربي مغامرات العاب للتحميل رومان ترافيان تدرجات فوتوشوب صور جميلات كاميرات رقمية وتقنية صور N-Gage QD برامج موتورولا الماس دروس للمبتدئيندروس رسم و تصميم فلاتر فوتوشوب دروس ايميج ريدي Adobe ImageReadyدروس افتر افكت Adobe After Effect تحميل adobe premiere ملفات مفتوحة Adobe Illustrator Digital Photos ملحقات 3D Studio Max دروس سويش متوسطة دروس PYTHON دروس Power Point دروس ماكنتوش أنظمة التشغيل وندوز WINDOWS دروس COBOL الماس تعريب vb364 قسم ستايلات vBulletinمجلة المنتديات mkPortalقسم ستايلات مجلة المنتديات mkPortal Stylesسكربتات وادوات تطوير المواقعمشاكل وحلول الـ مواقع بيع منتديات فوتوشوبCinema 4Dخامات فوتوشوبفرش فوتوشوباكشن فوتوشوباشكال فوتوشوبمنتديات اماراتيةدليل مواقعاكتشف شخصيتكاخبارموسوعة الأطفالبوربوينتtorrentاختصار الروابطPageRankتوقيع لاميلكصانع القليترGlitter


        الساعة تعتمد على توقيت جرينتش +3. الساعة الآن 04:54 مساءً.
        Search Engine Optimization by vBSEO 3.1.0

        Valid XHTML 1.0 Transitional Valid CSS!Powered by vBulletin® Version 3.7.1,
        Copyright ©2000 - 2008, Jelsoft Enterprises Ltd
        Feeds:   XML   JS   RSS   RSS Feed