شبكــة ابـن الخـليــج دليل مواقع شبكة ابن الخليج
التسجيل التعليمات التقويم البحث مشاركات اليوم اجعل جميع المنتديات مقروءة

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

دروس في برمجة المواقع دروس تطوير تطبيقات الويب , دروس الجافا سكريبت Java Script , دروس الإتش تي أم أل HTML , دروس البي اتش بي PHP , دروس الاكس ام ال XML , دروس في بي سكربت VB Scripts , دروس الاي اس بي ASP , دروس البيرل PERL , دروس البايثون PYTHON , دروس جي اس بي JSP , دروس صفحات الأنماط الانسيابية CSS , دروس الدريم ويفر DreamWeaver , دروس قواعد البيانات , دروس قواعد البيانات مع الفيجوال بيسك , دروس اوراكل Oracle , دروس ماي سكيول MySQL , دروس سكيول SQL , دروس اس كيو ال سرفر SQL Server , دروس قواعد البيانات FoxPro 6

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

 
الصورة الرمزية ADMIN
 
تاريخ التسجيل: May 2005
الدولة: بلاد الخليج
المشاركات: 42,481
معدل تقييم المستوى: 53 ADMIN نشيط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 في المنتدى
__________________


دليل مواقع ابن الخليج
خدمة google page rank مقدمه من ابن الخليج
خدمه اختصار الروابط

الآن تستطيع جلب كل ستايلات المنتدى للمجلة ومن غير اي تدخل شخصي منك فقط بـ 120 ريال

اطلب منتج بالضغط هنا

Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
التعديل الأخير تم بواسطة : ADMIN بتاريخ 10-30-2006 الساعة 09:33 مساءً.
ADMIN غير متواجد حالياً  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
قديم 10-06-2006, 03:04 صباحاً   #2 (permalink)
كرم العربي
:: administrator ::

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

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





من مواضيع كرم العربي في المنتدى
كرم العربي غير متواجد حالياً  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
قديم 10-07-2006, 12:35 مساءً   #3 (permalink)
love flower
عضو جديد
 
تاريخ التسجيل: Oct 2006
المشاركات: 1
معدل تقييم المستوى: 9 love flower يستاهل ترحيب
مشاركة: تصميم الصفحة الرئيسية (default.asp)

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





من مواضيع love flower في المنتدى
    love flower غير متواجد حالياً  
    Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
    رد مع اقتباس
    قديم 12-15-2006, 01:08 صباحاً   #4 (permalink)
    كرم العربي
    :: administrator ::

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

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





    من مواضيع كرم العربي في المنتدى
    كرم العربي غير متواجد حالياً  
    Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
    رد مع اقتباس
    قديم 12-23-2006, 11:25 مساءً   #5 (permalink)
    ابو ساهر
    عضــو
     
    تاريخ التسجيل: Nov 2006
    المشاركات: 19
    معدل تقييم المستوى: 10 ابو ساهر يستاهل ترحيب
    رد: تصميم الصفحة الرئيسية (default.asp)

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





    من مواضيع ابو ساهر في المنتدى
    ابو ساهر غير متواجد حالياً  
    Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
    رد مع اقتباس
    قديم 12-03-2007, 01:16 مساءً   #6 (permalink)
    rayjnmaf
    عضــو
     
    تاريخ التسجيل: Apr 2007
    المشاركات: 30
    معدل تقييم المستوى: 11 rayjnmaf يستاهل ترحيب
    رد: تصميم الصفحة الرئيسية (default.asp)

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

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

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





    من مواضيع rayjnmaf في المنتدى
      rayjnmaf غير متواجد حالياً  
      Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
      رد مع اقتباس
      قديم 04-27-2008, 12:16 صباحاً   #7 (permalink)
      mojamed26
      عضو جديد
       
      تاريخ التسجيل: Feb 2007
      المشاركات: 7
      معدل تقييم المستوى: 8 mojamed26 يستاهل ترحيب
      رد: تصميم الصفحة الرئيسية (default.asp)

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





      من مواضيع mojamed26 في المنتدى
        mojamed26 غير متواجد حالياً  
        Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
        رد مع اقتباس
        رد



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

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

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

        المواضيع المتشابهه
        الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
        فن التعامل مع Google و كل ما تود معرفته عن هذا المحرك العملاق ADMIN سكربتات وادوات تطوير المواقع 10 11-15-2007 07:33 مساءً
        [ 6 ] دروس لبرنامج frontpage n.a.r.u.t.o دروس في الأوفيس 4 09-30-2007 02:04 صباحاً
        الكائن Request- الجزء الأول الهوى ماهو كلام دروس في برمجة المواقع 3 04-24-2007 04:59 صباحاً
        كيف اجعل البورتال الصفحة الرئيسية اجباريا ahmedipa مشاكل وحلول وطلبـــات 12 03-07-2007 12:00 صباحاً
        هاك وضع روابط بدلا من مسميات المنتديات في الصفحة الرئيسية للمنتدى ADMIN هاكات وشروحات vBulletin 3.[6-5].X 1 06-03-2006 04:47 مساءً


        الساعة تعتمد على توقيت جرينتش +3. الساعة الآن 03:19 صباحاً.
        Search Engine Optimization by vBSEO 3.1.0

        Valid XHTML 1.0 Transitional Valid CSS! Powered by vBulletin® Version 3.7.0 Beta 5,
        Copyright ©2000 - 2008, Jelsoft Enterprises Ltd
        Feeds:   XML   JS   RSS   RSS Feed 
        1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94