تعلم كيف تصمم موقعك خطوة خطوة

الكاتب : مُجَاهِد   المشاهدات : 1,907   الردود : 13    ‏2003-09-24
      مشاركة رقم : 1    ‏2003-09-24
  1. مُجَاهِد

    مُجَاهِد قلم ماسي

    التسجيل :
    ‏2003-05-11
    المشاركات:
    14,043
    الإعجاب :
    0
    الحمد لله والصلاة والسلام على خاتم الأنبياء والمرسلين وعلى آله وصحبه ومن تبعهم بإحسان إلى يوم الدين أما بعد،
    ، جميعنا يعرف أن الإنترنت افضل وسيلة إعلامية توصل إليها العقل البشري ،ذلك لما توفره من معلومات وبيانات وصور وأخبار لكل فرد ولما لها من خصائص تسمح لكل فرد بأن يشارك في الطرح والعرض علاوة على طرق الاتصال التي تتوفر لكل مستخدم والاتصال بالصوت والصورة الذي توفره خصائص الإنترنت للجميع والكثير الكثير من المميزات التي من أهمها إمكانية تخصيص مساحة خاصة لكل إنسان لكي ينشر فيها ما يشاء ويضع فيها ما تحب نفسه وتهواه سواء كان ذلك مواد علمية أو أفكار واعتقادات أو ترف وترفيه ونحن هنا بصدد الحديث عن الاستفادة من هذه الخاصية وبناء موقع خاص بنا على الإنترنت
    ولعمل ذلك بكل يسر وسهولة علينا اتباع الخطوات التي سنوردها فيما بعد ولكن نحتاج إلى وقفة بسيطة مع أنفسنا
    قبل الشروع في العمل

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

    ملاحظة
    إذا رغبت في استثمار وقتك وجهدك بأحسن شكل وإذا رغبت في بناء موقع ناجح بإذن الله تعالى فأتبع التعليمات التالية بدقة شديدة احضر ورقة وقلم
    اكتب في أعلى الورقة الهدف من بناء الموقع ابتعد عن الحاسب واذهب إلى أي مكان آخر ، استعن بالله تعالى أولا ثم بمن هم اكبر منك سنا وخبرة وفكر مليا لتحديد الهدف (حدد ثلاث أهداف على الأقل) ولا تنسى أن أهدافك يجب أن تكون عملا تكسب منه رضى الله سبحانه أولا ثم مغانم الدنيا الزائلة وإذا عرض عليك الشيطان المشاركة في بناء الموقع فأستعذ بالله منه ولا تقبل أن يفسد عملك لأن عدو الله يدرك أن هذا الأمر خطير و سيراه أعداد غير محدودة من الناس
    بناء على الأهداف التي قررتها وبعد تنقية أهدافك من أي مخالفة لتعاليم الله سبحانه أبدأ في كتابة المواد التي سوف تعرضها في الموقع واجعل كل موضوع مفصول عن الآخر ( تذكر أن تكتب كل شئ توصلت إليه ولا تؤجل التفكير في أي شئ منها لأننا سوف نقوم ببناء القاعدة وسوف يصعب تعديلها فيما بعد)
    اجمع المواد التي تريد أن تضعها في موقعك كاملة
    ابدأ في فهرسة المواد - مثال
    سوف نضع في الموقع 5 مواضيع وهي
    كيفية صلاة النبي ( يحتوى على صفحتين)
    كيف نخدم الإسلام في الإنترنت ( يحتوي على صفحة )
    احب الأعمال إلى الله ( يحتوي على مقال من صفحة)
    الدار الآخرة هي الحيوان ( يحتوى على صفحة واحدة)
    الشبكة اليمنية ( يحتوي على روابط لمواقع إنترنت في صفحة واحدة )
     
  2.   مشاركة رقم : 2    ‏2003-09-24
  3. مُجَاهِد

    مُجَاهِد قلم ماسي

    التسجيل :
    ‏2003-05-11
    المشاركات:
    14,043
    الإعجاب :
    0
    بداية العمل

    الآن اعمل مجلد جديد على سطح المكتب وسمه (محتويات الموقع) وذلك بالنقر على الماوس الأيمن واختيار جديد ثم اختيار مجلد
    [​IMG]
    الآن سوف نبني الفهرس (صفحة البداية ) وتعتبر هي القاعدة التي يبنى عليها الموقع و نعرف أن هناك الكثير من المواضيع والأقسام سوف نضيفها في يوم من الأيام للموقع
    افتح برنامج فرونت بيج وإذا لم يتوفر لديك هذا البرنامج افتح فرونت بيج اكسبرس
    [​IMG]
    سوف يفتح لك اكسبرس صفحة خالية انقر بالماوس الأيمن في أي جزء من الصفحة ثم اختر خصائص الصفحة ثم حدد اسم لعنوان الصفحة وحدد نوع اللغة التي ستكتب بها محتويات الصفحة وإذا كنت لا تعرف تستخدم فرونت بيج أو اكسبرس فراجع قسم تعلم فرونت بيج .ولاحظ أن هناك فرق في خصائص وتطبيقات البرنامجين ولكن كيفية التعامل مع الصفحات والخلايا واحدة فبرنامج فرونت بيج يوجد به عدد كبير من الخصائص والمميزات التي لا يمكن عملها بواسطة اكسبرس ولكن يمكن بناء موقع إنترنت محترف ببرنامج اكسبرس ولذلك سوف نقوم بالشرح على هذا الأساس وجميع الصور التالية لهذا البرنامج
    [​IMG]
    (index).الآن قم بحفظ الصفحة كملف في مجلد محتويات الموقع باسم
     
  4.   مشاركة رقم : 3    ‏2003-09-24
  5. مُجَاهِد

    مُجَاهِد قلم ماسي

    التسجيل :
    ‏2003-05-11
    المشاركات:
    14,043
    الإعجاب :
    0
    بناء المواقع

    بناء صفحة البداية
    لآن افتح برنامج اكسبرس أو فرونت بيج وافتح من خلاله مجلد محتويات الموقع ثم صفحة (index) والتي ستكون صفحة البداية اعمل جدول داخل الصفحة بعدد 3 أعمدة و3 صفوف وهذا مثال فقط ، يمكنك عمل الجدول حسب ما تحتاج
    [​IMG]
    اختر العامود الأيمن الأوسط واكتب فيه عناوين المواضيع التي سيحتويها الموقع (سوف تكون هذه هي الروابط لباقي الصفحات الداخلية في الموقع)
    [​IMG]
    الآن ظلل عبارة (كيفية صلاة النبي)ثم انقر على مفتاح الوصلة المحدد في الصورة التالية
    [​IMG]
    New Page ثم حدد عنوان الصفحة بـsalat.htm الآن اختر من نافذة خيارات الوصلة
    [​IMG]
    Normal Page سوف يتيح لك فرونت بيج اكسبرس تحديد نوع الصفحة اختر
    [​IMG]
    انقر موافق ثم احفظ العمل من خيارات ملف في فرونت بيج ثم اغلق الصفحة بواسطة مفتاح اغلاق الإيطار
    [​IMG]
    ستنتقل الى الصفحة الرئيسية (index) قم بحفظ العمل واغلاق الصفحة كما فعلت مع الأولى.
    الآن ا نتقل إلى مجلد محتويات الموقع وانقر على صفحة الرئيسية وسوف يفتحها المتصفح مباشرة ، انقر على وصلة صفة صلاة النبي وسوف ينقلك المتصفح إلى صفحة صفة صلاة النبي التي قمنا بصناعتها من قبل ،، الآن اختر من المتصفح خيار تعديل الصفحة بواسطة فرونت بيج اكسبرس كما يلي
    [​IMG]
    وسيقوم المتصفح بنقلك إلى فرونت بيج اكسبرس ، الآن ادرج في الصفحة جدول من ثلاثة أعمدة وثلاثة صفوف كما فعلت في صفحة البداية من قبل ثم اكتب في العامود الأوسط في الأعلى عنوان الصفحة ثم انتقل إلى العامود الأيمن في الصف الأوسط واكتب كلمة البداية ثم ظلل كلمة البداية واختر مفتاح الربط الذي استخدمناه من قبل وعندما تنفتح لك نافذة خصائص الوصلة اختر خيار Other ثم حدد عنوان الوصلة بـ index.htm
    [​IMG]
    لاحظ أن الرابط سيظهر عنوانه في اسفل الخيارات كما يليindex.htm وبذلك يستطيع الإكسبلورر أن يتعرف على مواقع الصفحات بين محتويات الموقع

    الآن احفظ العمل ثم انتقل إلى المتصفح (إكسبلورر) واختر أمر تحديث الصفحة [​IMG].... سوف يظهر لك رابط البداية الذي عملناه انقر فوق الرابط و سوف تنتقل إلى صفحة البداية
    الحمدلله لقد نجت في عملية ربط الصفحات من البداية الى الفرعية والعكس
     
  6.   مشاركة رقم : 4    ‏2003-09-24
  7. مُجَاهِد

    مُجَاهِد قلم ماسي

    التسجيل :
    ‏2003-05-11
    المشاركات:
    14,043
    الإعجاب :
    0
    بناء صفحة فرعية

    يتيح لك فرونت بيج اكسبرس تحديد ألوان الخلايا وخلفية الصفحة وتغيير حجم ونوع الخط ولونه وكذلك وضع إطارات بألوان مختلفة حسب رغبتك وذلك من خلال تظليل الجزء الذي ترغب في تعديله سواء كان الصفحة كاملة أو عبارة أو خلية ثم النقر بمفتاح الفارة الأيمن لتفتح لك الخيارات التالية
    [​IMG]
    الآن افتح صفحة salat بواسطة فرونت بيج وعدل لون الخلفية الى اللون الذي تفضله ثم اختر الخلية الوسطى في الجدول واكتب فيها صفة صلاة النبي (ويمكنك نسخ المعلومات من أي مكان ولصقها في هذه الخلية مباشرة واذا كنت ترغب في إضافة صورة فيمكنك ادراجها بكل سهولة كما يلي

    إدراج صورة في صفحات الموقع
    الحمد لله لقد نجحت في ربط صفحة صفة الصلاة مع البداية والآن علينا أن ننقل المعلومات الخاصة بصفحة الصلاة إلى الصفحة ووضعها في المكان المناسب حسب رغبتك، وإذا وجد صور فأنه يتحتم علينا أولا وضعها في داخل مجلد محتويات الموقع وذلك قبل كل شيء ، ثم نفتح الصفحة بواسطة اكسبرس و نختار خيار إدراج صورة ( GIF أو JPEGيجب أن يكون نوع الصورة)
    [​IMG]
    فإذا كانت الصورة متوفرة لدينا وقد وضعناها في مجلد فنختار الأمر From File ثم نحدد مسار المجلد فإما نبحث عنها عبر مفتاح Browse على جهاز الكمبيوتر أو إذا كانت الصورة على الإنترنت فنختار الأمر From Location ونكتب عنوان الصورة على الإنترنت وهذا يبين لنا انه يمكن عرض صور في موقعنا بدون تخزينها على الموقع ووضع عنوانها فقط يكفي لكي تظهر في موقعنا وهذا الخيار يساعدنا في استغلال مساحة اكبر لتخزين الملفات على الموقع . ولاحظ انه سيظهر رمز للصورة فقط ولن تظهر الصورة الا بعد تركيب الموقع على الإنترنت لذا يجب التأكد من شكل ظهورها المناسب وموقعها في الصفحة الآن وقد انتهينا من بناء صفحة الصلاة و وضعنا فيها الصور اللازمة وقمنا بربطها بصفحة البداية علينا أن نطبق هذه الخطوات على بقية الصفحات الأخرى ،كما يمكن ربط كل الصفحات بجميع صفحات الموقع وإضافة أي روابط أخرى من الإنترنت لمواقع ذات علاقة وهذا مما سيظهر الموقع بشكل احترافي ويجعل الزائر ينتقل من مكان إلى آخر داخل الموقع بيسر وسهولة ولربط وصلات من الإنترنت بصفحات موقعنا فقط نكتب اسم الصفحة ثم نظلل الاسم ونختار مفتاح الربط ثم نحدد العنوان على الإنترنت كما يلي
    [​IMG]
    ملاحظة لعمل وصلة للبريد فقط نختار mailto: بدل http:// ثم نكتب العنوان البريدي لتكون كما يلي mailto:info@saudint.com
     
  8.   مشاركة رقم : 5    ‏2003-09-24
  9. مُجَاهِد

    مُجَاهِد قلم ماسي

    التسجيل :
    ‏2003-05-11
    المشاركات:
    14,043
    الإعجاب :
    0
    تحميل الموقع على الإنترنت

    أخي المصمم لاحظ أننا نحتاج إلى تصفح الموقع وهو على جهازنا والتأكد من أن جميع الصفحات والوصلات والصور تظهر عند فتح الصفحات بواسطة الاكسبلورر وإذا وجد أي خلل فيجب تعديله فورا وعليك بالروابط فهي تحتاج إلى دقة في العناوين لكي لا يتعثر المتصفح أثناء زيارة موقعك وإذا انتهينا من ذلك واكتملت الصفحات وعملت كل الروابط بالشكل المطلوب فأنه يلزمنا أيجاد مساحة على الإنترنت لكي نضع فيها موقعنا ولذلك علينا اختيار إحدى الشركات التي تمنح هذه المساحات بدون مقابل ويوجد منها الكثير على الإنترنت ولكن الأهم هو سهولة العنوان وسرعة الخادم ونحن قد اخترنا شركة(ياهو) لكي نسكن عليها موقعنا وعليك أن تجرب ذلك ثم إذا وجدت شركة افضل يمكنك الانتقال إليها بكل يسر وسهولة في المستقبل ولكي نحمل موقعنا علينا الآن الانتقال إلى الموقع التالي على الإنترنت http://geocities.yahoo.com/home/
    Sign Up Now! إذا كنت تمتلك بريد على (الياهو) فلن تحتاج إلى التسجيل وإذا لم يكن كذلك فأختر الأمر ثم ستفتح لك الصفحة التالية
    [​IMG]
    إملاء البيانات السابقة بدقة وتأكد من السؤال الخاص بالتحقق من الهوية لأنك ستحتاجه إذا فقدت كلمة المرور او حصل واخترق أحد موقعك (وهذا شيء نادر ) وبعد ذلك تنتقل إلى الصفحة التالية
    [​IMG]
    ثم تنتقل الى هذه الصفحة
    [​IMG]
    لآن انقر لبناء لبناء موقعك على الإنترنت وسوف تفتح لك الصفحة التالية
    [​IMG]
    Yahoo Page Builder اختر على امر باني الصفحات وسوف تنتقل الى هذه الصفحة
    [​IMG]
    وسوف يقوم ويندوز بسؤالك عن تشغيل هذه الخاصية ، انقر بالموافقة
    [​IMG]
    سوف يقوم الموقع بتزويدك ببرنامج باني الموقع وبعد الإنتهاء من تنزيل البرنامج سوف يعمل مباشرة ويظهر لك النافذة التالية
    [​IMG]
    اختر الأمر File ثم اختر الأمر Upload Files and Images لتحميل الصفحات والصور من على جهازك الى موقعك على الإنترنت وسوف يعرض عليك البرنامج تحديد مسار الصفحات والصور لالتي تريد تحميلها كما
    [​IMG]
    اختر مسار الصور او الصفحات التي تريد تحميلها الى الموقع ويمكنك تحديد اربع اختيارات في وقت واحد ثم اختر Upload وبعد تحميل كافة الصفحات والصور احفظ العمل ثم اغلق برنامج باني الصفحات وافتح موقعك عبر عنوانه الذي تحدد من قبل والحمدلله الذي سخر لنا هذه المعرفة وهذه الخدمات ولا تنسى اخوانك المجاهدين لرفع راية لا إله إلا الله في كل مكان كن معهم بدعواتك ودعمك المادي والمعنوي
    والله الموفق
    اخوانكم في المجلس..
    ________________تحياتي _______
     
  10.   مشاركة رقم : 6    ‏2003-09-24
  11. Hani Mana'a

    Hani Mana'a عضو فعّال

    التسجيل :
    ‏2003-08-29
    المشاركات:
    603
    الإعجاب :
    0
    رهـــــــــــــــــــــــــــــــــيب الشــــــــرح
     
  12.   مشاركة رقم : 7    ‏2003-09-25
  13. بلادي اليمن

    بلادي اليمن عضو نشيط

    التسجيل :
    ‏2003-07-09
    المشاركات:
    436
    الإعجاب :
    0
    رائع جداً...
     
  14.   مشاركة رقم : 8    ‏2003-09-25
  15. ابن الاصول

    ابن الاصول قلم فضي

    التسجيل :
    ‏2003-07-21
    المشاركات:
    2,607
    الإعجاب :
    0
    ممتاز
    بس ياريت يتم شرح برنامج اخر غير الفرنت بيج
    الان الاخت اسيرة الاحزان تشرحه
     
  16.   مشاركة رقم : 9    ‏2003-10-25
  17. مُجَاهِد

    مُجَاهِد قلم ماسي

    التسجيل :
    ‏2003-05-11
    المشاركات:
    14,043
    الإعجاب :
    0
    ولا يهمك..

    نترك لها المجال ,,

    تحياتي لك,,,
     
  18.   مشاركة رقم : 10    ‏2003-11-24
  19. ابوحسين الكازمي

    ابوحسين الكازمي عضو متميّز

    التسجيل :
    ‏2003-08-24
    المشاركات:
    1,245
    الإعجاب :
    0
    Re: تحميل الموقع على الإنترنت

    نص مقتبس من رسالة : المدمـر


    ا[grade="00008B FF6347 008000 4B0082"] خي لمدمر اشكرك جزيل الشكر على الكنز الذي اتحفتنا به
    ويا ليت توضح لي الخطوه بعد تضليل الصلاة على النبي
    اشرة على الزر رقم 2 من اليمين لاكن ما فتح معي مكان العنوان
    مع العلم ان عندي فرونت بيج لوتكرمت وضح لي اكثر
    ولك تحياتي وهل ممكن كل وقت سوي خطوة ثما عود وقت اخر
    وكمل وهل حمل كل ما اريده في لموقع على لجهاز قبل انشا لموقع
    وبا ستطاعتي ان احمل صور وصفحات جديدة وضمها للمو قع وكيف
    اريد شرح ممل لوتكرمت والسلام عليكم[/grade]
     

مشاركة هذه الصفحة