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

[مُجَاهِد]

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

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

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

[مُجَاهِد]

الآن اعمل مجلد جديد على سطح المكتب وسمه (محتويات الموقع) وذلك بالنقر على الماوس الأيمن واختيار جديد ثم اختيار مجلد
http://www.saudint.com/buildsiteimags/my***.24.gif
الآن سوف نبني الفهرس (صفحة البداية ) وتعتبر هي القاعدة التي يبنى عليها الموقع و نعرف أن هناك الكثير من المواضيع والأقسام سوف نضيفها في يوم من الأيام للموقع
افتح برنامج فرونت بيج وإذا لم يتوفر لديك هذا البرنامج افتح فرونت بيج اكسبرس
http://www.saudint.com/buildsiteimags/my***.25.gif
سوف يفتح لك اكسبرس صفحة خالية انقر بالماوس الأيمن في أي جزء من الصفحة ثم اختر خصائص الصفحة ثم حدد اسم لعنوان الصفحة وحدد نوع اللغة التي ستكتب بها محتويات الصفحة وإذا كنت لا تعرف تستخدم فرونت بيج أو اكسبرس فراجع قسم تعلم فرونت بيج .ولاحظ أن هناك فرق في خصائص وتطبيقات البرنامجين ولكن كيفية التعامل مع الصفحات والخلايا واحدة فبرنامج فرونت بيج يوجد به عدد كبير من الخصائص والمميزات التي لا يمكن عملها بواسطة اكسبرس ولكن يمكن بناء موقع إنترنت محترف ببرنامج اكسبرس ولذلك سوف نقوم بالشرح على هذا الأساس وجميع الصور التالية لهذا البرنامج
http://www.saudint.com/buildsiteimags/my***.26.gif
(index).الآن قم بحفظ الصفحة كملف في مجلد محتويات الموقع باسم

[مُجَاهِد]

بناء صفحة البداية
لآن افتح برنامج اكسبرس أو فرونت بيج وافتح من خلاله مجلد محتويات الموقع ثم صفحة (index) والتي ستكون صفحة البداية اعمل جدول داخل الصفحة بعدد 3 أعمدة و3 صفوف وهذا مثال فقط ، يمكنك عمل الجدول حسب ما تحتاج
http://www.saudint.com/buildsiteimags/my***.27.gif
اختر العامود الأيمن الأوسط واكتب فيه عناوين المواضيع التي سيحتويها الموقع (سوف تكون هذه هي الروابط لباقي الصفحات الداخلية في الموقع)
http://www.saudint.com/buildsiteimags/my***.28.gif
الآن ظلل عبارة (كيفية صلاة النبي)ثم انقر على مفتاح الوصلة المحدد في الصورة التالية
http://www.saudint.com/buildsiteimags/my***.29.gif
New Page ثم حدد عنوان الصفحة بـsalat.htm الآن اختر من نافذة خيارات الوصلة
http://www.saudint.com/buildsiteimags/my***.30.gif
Normal Page سوف يتيح لك فرونت بيج اكسبرس تحديد نوع الصفحة اختر
http://www.saudint.com/buildsiteimags/my***.31.gif
انقر موافق ثم احفظ العمل من خيارات ملف في فرونت بيج ثم اغلق الصفحة بواسطة مفتاح اغلاق الإيطار
http://www.saudint.com/buildsiteimags/my***.32.gif
ستنتقل الى الصفحة الرئيسية (index) قم بحفظ العمل واغلاق الصفحة كما فعلت مع الأولى.
الآن ا نتقل إلى مجلد محتويات الموقع وانقر على صفحة الرئيسية وسوف يفتحها المتصفح مباشرة ، انقر على وصلة صفة صلاة النبي وسوف ينقلك المتصفح إلى صفحة صفة صلاة النبي التي قمنا بصناعتها من قبل ،، الآن اختر من المتصفح خيار تعديل الصفحة بواسطة فرونت بيج اكسبرس كما يلي
http://www.saudint.com/buildsiteimags/my***.33.gif
وسيقوم المتصفح بنقلك إلى فرونت بيج اكسبرس ، الآن ادرج في الصفحة جدول من ثلاثة أعمدة وثلاثة صفوف كما فعلت في صفحة البداية من قبل ثم اكتب في العامود الأوسط في الأعلى عنوان الصفحة ثم انتقل إلى العامود الأيمن في الصف الأوسط واكتب كلمة البداية ثم ظلل كلمة البداية واختر مفتاح الربط الذي استخدمناه من قبل وعندما تنفتح لك نافذة خصائص الوصلة اختر خيار Other ثم حدد عنوان الوصلة بـ index.htm
http://www.saudint.com/buildsiteimags/my***.34.gif
لاحظ أن الرابط سيظهر عنوانه في اسفل الخيارات كما يليindex.htm وبذلك يستطيع الإكسبلورر أن يتعرف على مواقع الصفحات بين محتويات الموقع

الآن احفظ العمل ثم انتقل إلى المتصفح (إكسبلورر) واختر أمر تحديث الصفحة http://www.saudint.com/buildsiteimags/my***.35.gif.... سوف يظهر لك رابط البداية الذي عملناه انقر فوق الرابط و سوف تنتقل إلى صفحة البداية
الحمدلله لقد نجت في عملية ربط الصفحات من البداية الى الفرعية والعكس

[مُجَاهِد]

يتيح لك فرونت بيج اكسبرس تحديد ألوان الخلايا وخلفية الصفحة وتغيير حجم ونوع الخط ولونه وكذلك وضع إطارات بألوان مختلفة حسب رغبتك وذلك من خلال تظليل الجزء الذي ترغب في تعديله سواء كان الصفحة كاملة أو عبارة أو خلية ثم النقر بمفتاح الفارة الأيمن لتفتح لك الخيارات التالية
http://www.saudint.com/buildsiteimags/talm3.4.gif
الآن افتح صفحة salat بواسطة فرونت بيج وعدل لون الخلفية الى اللون الذي تفضله ثم اختر الخلية الوسطى في الجدول واكتب فيها صفة صلاة النبي (ويمكنك نسخ المعلومات من أي مكان ولصقها في هذه الخلية مباشرة واذا كنت ترغب في إضافة صورة فيمكنك ادراجها بكل سهولة كما يلي

إدراج صورة في صفحات الموقع
الحمد لله لقد نجحت في ربط صفحة صفة الصلاة مع البداية والآن علينا أن ننقل المعلومات الخاصة بصفحة الصلاة إلى الصفحة ووضعها في المكان المناسب حسب رغبتك، وإذا وجد صور فأنه يتحتم علينا أولا وضعها في داخل مجلد محتويات الموقع وذلك قبل كل شيء ، ثم نفتح الصفحة بواسطة اكسبرس و نختار خيار إدراج صورة ( GIF أو JPEGيجب أن يكون نوع الصورة)
http://www.saudint.com/buildsiteimags/my***.37.gif
فإذا كانت الصورة متوفرة لدينا وقد وضعناها في مجلد فنختار الأمر From File ثم نحدد مسار المجلد فإما نبحث عنها عبر مفتاح Browse على جهاز الكمبيوتر أو إذا كانت الصورة على الإنترنت فنختار الأمر From ******** ونكتب عنوان الصورة على الإنترنت وهذا يبين لنا انه يمكن عرض صور في موقعنا بدون تخزينها على الموقع ووضع عنوانها فقط يكفي لكي تظهر في موقعنا وهذا الخيار يساعدنا في استغلال مساحة اكبر لتخزين الملفات على الموقع . ولاحظ انه سيظهر رمز للصورة فقط ولن تظهر الصورة الا بعد تركيب الموقع على الإنترنت لذا يجب التأكد من شكل ظهورها المناسب وموقعها في الصفحة الآن وقد انتهينا من بناء صفحة الصلاة و وضعنا فيها الصور اللازمة وقمنا بربطها بصفحة البداية علينا أن نطبق هذه الخطوات على بقية الصفحات الأخرى ،كما يمكن ربط كل الصفحات بجميع صفحات الموقع وإضافة أي روابط أخرى من الإنترنت لمواقع ذات علاقة وهذا مما سيظهر الموقع بشكل احترافي ويجعل الزائر ينتقل من مكان إلى آخر داخل الموقع بيسر وسهولة ولربط وصلات من الإنترنت بصفحات موقعنا فقط نكتب اسم الصفحة ثم نظلل الاسم ونختار مفتاح الربط ثم نحدد العنوان على الإنترنت كما يلي
http://www.saudint.com/buildsiteimags/my***.38.gif
ملاحظة لعمل وصلة للبريد فقط نختار mailto: بدل http:// ثم نكتب العنوان البريدي لتكون كما يلي mailto:info@saudint.com

[مُجَاهِد]

أخي المصمم لاحظ أننا نحتاج إلى تصفح الموقع وهو على جهازنا والتأكد من أن جميع الصفحات والوصلات والصور تظهر عند فتح الصفحات بواسطة الاكسبلورر وإذا وجد أي خلل فيجب تعديله فورا وعليك بالروابط فهي تحتاج إلى دقة في العناوين لكي لا يتعثر المتصفح أثناء زيارة موقعك وإذا انتهينا من ذلك واكتملت الصفحات وعملت كل الروابط بالشكل المطلوب فأنه يلزمنا أيجاد مساحة على الإنترنت لكي نضع فيها موقعنا ولذلك علينا اختيار إحدى الشركات التي تمنح هذه المساحات بدون مقابل ويوجد منها الكثير على الإنترنت ولكن الأهم هو سهولة العنوان وسرعة الخادم ونحن قد اخترنا شركة(ياهو) لكي نسكن عليها موقعنا وعليك أن تجرب ذلك ثم إذا وجدت شركة افضل يمكنك الانتقال إليها بكل يسر وسهولة في المستقبل ولكي نحمل موقعنا علينا الآن الانتقال إلى الموقع التالي على الإنترنت http://geocities.yahoo.com/home/
Sign Up Now! إذا كنت تمتلك بريد على (الياهو) فلن تحتاج إلى التسجيل وإذا لم يكن كذلك فأختر الأمر ثم ستفتح لك الصفحة التالية
http://www.saudint.com/buildsiteimags/talm3.2.gif
إملاء البيانات السابقة بدقة وتأكد من السؤال الخاص بالتحقق من الهوية لأنك ستحتاجه إذا فقدت كلمة المرور او حصل واخترق أحد موقعك (وهذا شيء نادر ) وبعد ذلك تنتقل إلى الصفحة التالية
http://www.saudint.com/buildsiteimags/my***.40.gif
ثم تنتقل الى هذه الصفحة
http://www.saudint.com/buildsiteimags/talm3.3.gif
لآن انقر لبناء لبناء موقعك على الإنترنت وسوف تفتح لك الصفحة التالية
http://www.saudint.com/buildsiteimags/my***.42.gif
Yahoo Page Builder اختر على امر باني الصفحات وسوف تنتقل الى هذه الصفحة
http://www.saudint.com/buildsiteimags/my***.43.gif
وسوف يقوم ويندوز بسؤالك عن تشغيل هذه الخاصية ، انقر بالموافقة
http://www.saudint.com/buildsiteimags/my***.44.gif
سوف يقوم الموقع بتزويدك ببرنامج باني الموقع وبعد الإنتهاء من تنزيل البرنامج سوف يعمل مباشرة ويظهر لك النافذة التالية
http://www.saudint.com/buildsiteimags/my***.45.gif
اختر الأمر File ثم اختر الأمر Upload Files and Images لتحميل الصفحات والصور من على جهازك الى موقعك على الإنترنت وسوف يعرض عليك البرنامج تحديد مسار الصفحات والصور لالتي تريد تحميلها كما
http://www.saudint.com/buildsiteimags/my***.46.gif
اختر مسار الصور او الصفحات التي تريد تحميلها الى الموقع ويمكنك تحديد اربع اختيارات في وقت واحد ثم اختر Upload وبعد تحميل كافة الصفحات والصور احفظ العمل ثم اغلق برنامج باني الصفحات وافتح موقعك عبر عنوانه الذي تحدد من قبل والحمدلله الذي سخر لنا هذه المعرفة وهذه الخدمات ولا تنسى اخوانك المجاهدين لرفع راية لا إله إلا الله في كل مكان كن معهم بدعواتك ودعمك المادي والمعنوي
والله الموفق
اخوانكم في المجلس..
________________تحياتي _______

[Hani Mana'a]

رهـــــــــــــــــــــــــــــــــيب الشــــــــرح

[بلادي اليمن]

رائع جداً...

[ابن الاصول]

ممتاز
بس ياريت يتم شرح برنامج اخر غير الفرنت بيج
الان الاخت اسيرة الاحزان تشرحه

[مُجَاهِد]

ولا يهمك..

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

تحياتي لك,,,

[ابوحسين الكازمي]

نص مقتبس من رسالة : المدمـر
أخي المصمم لاحظ أننا نحتاج إلى تصفح الموقع وهو على جهازنا والتأكد من أن جميع الصفحات والوصلات والصور تظهر عند فتح الصفحات بواسطة الاكسبلورر وإذا وجد أي خلل فيجب تعديله فورا وعليك بالروابط فهي تحتاج إلى دقة في العناوين لكي لا يتعثر المتصفح أثناء زيارة موقعك وإذا انتهينا من ذلك واكتملت الصفحات وعملت كل الروابط بالشكل المطلوب فأنه يلزمنا أيجاد مساحة على الإنترنت لكي نضع فيها موقعنا ولذلك علينا اختيار إحدى الشركات التي تمنح هذه المساحات بدون مقابل ويوجد منها الكثير على الإنترنت ولكن الأهم هو سهولة العنوان وسرعة الخادم ونحن قد اخترنا شركة(ياهو) لكي نسكن عليها موقعنا وعليك أن تجرب ذلك ثم إذا وجدت شركة افضل يمكنك الانتقال إليها بكل يسر وسهولة في المستقبل ولكي نحمل موقعنا علينا الآن الانتقال إلى الموقع التالي على الإنترنت http://geocities.yahoo.com/home/
Sign Up Now! إذا كنت تمتلك بريد على (الياهو) فلن تحتاج إلى التسجيل وإذا لم يكن كذلك فأختر الأمر ثم ستفتح لك الصفحة التالية
http://www.saudint.com/buildsiteimags/talm3.2.gif
إملاء البيانات السابقة بدقة وتأكد من السؤال الخاص بالتحقق من الهوية لأنك ستحتاجه إذا فقدت كلمة المرور او حصل واخترق أحد موقعك (وهذا شيء نادر ) وبعد ذلك تنتقل إلى الصفحة التالية
http://www.saudint.com/buildsiteimags/my***.40.gif
ثم تنتقل الى هذه الصفحة
http://www.saudint.com/buildsiteimags/talm3.3.gif
لآن انقر لبناء لبناء موقعك على الإنترنت وسوف تفتح لك الصفحة التالية
http://www.saudint.com/buildsiteimags/my***.42.gif
Yahoo Page Builder اختر على امر باني الصفحات وسوف تنتقل الى هذه الصفحة
http://www.saudint.com/buildsiteimags/my***.43.gif
وسوف يقوم ويندوز بسؤالك عن تشغيل هذه الخاصية ، انقر بالموافقة
http://www.saudint.com/buildsiteimags/my***.44.gif
سوف يقوم الموقع بتزويدك ببرنامج باني الموقع وبعد الإنتهاء من تنزيل البرنامج سوف يعمل مباشرة ويظهر لك النافذة التالية
http://www.saudint.com/buildsiteimags/my***.45.gif
اختر الأمر File ثم اختر الأمر Upload Files and Images لتحميل الصفحات والصور من على جهازك الى موقعك على الإنترنت وسوف يعرض عليك البرنامج تحديد مسار الصفحات والصور لالتي تريد تحميلها كما
http://www.saudint.com/buildsiteimags/my***.46.gif
اختر مسار الصور او الصفحات التي تريد تحميلها الى الموقع ويمكنك تحديد اربع اختيارات في وقت واحد ثم اختر Upload وبعد تحميل كافة الصفحات والصور احفظ العمل ثم اغلق برنامج باني الصفحات وافتح موقعك عبر عنوانه الذي تحدد من قبل والحمدلله الذي سخر لنا هذه المعرفة وهذه الخدمات ولا تنسى اخوانك المجاهدين لرفع راية لا إله إلا الله في كل مكان كن معهم بدعواتك ودعمك المادي والمعنوي
والله الموفق
اخوانكم في المجلس..
________________تحياتي _______



ا خي لمدمر اشكرك جزيل الشكر على الكنز الذي اتحفتنا به
ويا ليت توضح لي الخطوه بعد تضليل الصلاة على النبي
اشرة على الزر رقم 2 من اليمين لاكن ما فتح معي مكان العنوان
مع العلم ان عندي فرونت بيج لوتكرمت وضح لي اكثر
ولك تحياتي وهل ممكن كل وقت سوي خطوة ثما عود وقت اخر
وكمل وهل حمل كل ما اريده في لموقع على لجهاز قبل انشا لموقع
وبا ستطاعتي ان احمل صور وصفحات جديدة وضمها للمو قع وكيف
اريد شرح ممل لوتكرمت والسلام عليكم

[طائرالخير]

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

[free**pen]

مشكور على الجهد المبذول

[مُجَاهِد]

يا هلا وسهلا بيكم..

لا شكر على واجب ..

تحياتي لكم..

[مُجَاهِد]

يا هلا وسهلا بيكم..

لا شكر على واجب ..

تحياتي لكم..