صمم موقعك بنفسك

[سعد2]

السلام عليكم ورحمة الله وبركاته

أهلا بكم أخواني الأعضاء والمشرفين

هذه بعض الوسائل التي يمكن أن تكون دليل مهم في تصميم مــــــــواقـــــع

بداية العمل

الآن اعمل مجلد جديد على سطح المكتب وسمه (محتويات الموقع) وذلك بالنقر على الماوس الأيمن واختيار جديد ثم اختيار مجلد

http://www.saudint.com/buildsiteimags/myweb.24.gif

الآن سوف نبني الفهرس (صفحة البداية ) وتعتبر هي القاعدة التي يبنى عليها الموقع و نعرف أن هناك الكثير من المواضيع والأقسام سوف نضيفها في يوم من الأيام للموقع
افتح برنامج فرونت بيج وإذا لم يتوفر لديك هذا البرنامج افتح فرونت بيج اكسبرس

http://www.saudint.com/buildsiteimags/myweb.25.gif

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


http://www.saudint.com/buildsiteimags/myweb.26.gif

(index).الآن قم بحفظ الصفحة كملف في مجلد محتويات الموقع باسم

[سعد2]

تــــــــــــــــــــــــابــــــــــــع

بناء صفحة البداية
لآن افتح برنامج اكسبرس أو فرونت بيج وافتح من خلاله مجلد محتويات الموقع ثم صفحة (index) والتي ستكون صفحة البداية اعمل جدول داخل الصفحة بعدد 3 أعمدة و3 صفوف وهذا مثال فقط ، يمكنك عمل الجدول حسب ما تحتاج


http://www.saudint.com/buildsiteimags/myweb.27.gif

اختر العامود الأيمن الأوسط واكتب فيه عناوين المواضيع التي سيحتويها الموقع (سوف تكون هذه هي الروابط لباقي الصفحات الداخلية في الموقع)

http://www.saudint.com/buildsiteimags/myweb.28.gif

الآن ظلل عبارة (كيفية صلاة النبي)ثم انقر على مفتاح الوصلة المحدد في الصورة التالية

http://www.saudint.com/buildsiteimags/myweb.29.gif

New Page ثم حدد عنوان الصفحة بـsalat.htm الآن اختر من نافذة خيارات الوصلة

http://www.saudint.com/buildsiteimags/myweb.30.gif

Normal Page سوف يتيح لك فرونت بيج اكسبرس تحديد نوع الصفحة اختر


http://www.saudint.com/buildsiteimags/myweb.31.gif

انقر موافق ثم احفظ العمل من خيارات ملف في فرونت بيج ثم اغلق الصفحة بواسطة مفتاح اغلاق الإيطار


http://www.saudint.com/buildsiteimags/myweb.32.gif

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


http://www.saudint.com/buildsiteimags/myweb.33.gif

لاحظ أن الرابط سيظهر عنوانه في اسفل الخيارات كما يليindex.htm وبذلك يستطيع الإكسبلورر أن يتعرف على مواقع الصفحات بين محتويات الموقع


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

[سعد2]

تـــــــــــــــــــــــابـــــــــــــع


بناء صفحة فرعية

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


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

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




http://www.saudint.com/buildsiteimags/myweb.37.gif


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


http://www.saudint.com/buildsiteimags/myweb.38.gif تحميل الموقع على الإنترنت

[سعد2]

تــــــــــــــــــــــابــــــــــــــع

أخي المصمم لاحظ أننا نحتاج إلى تصفح الموقع وهو على جهازنا والتأكد من أن جميع الصفحات والوصلات والصور تظهر عند فتح الصفحات بواسطة الاكسبلورر وإذا وجد أي خلل فيجب تعديله فورا وعليك بالروابط فهي تحتاج إلى دقة في العناوين لكي لا يتعثر المتصفح أثناء زيارة موقعك وإذا انتهينا من ذلك واكتملت الصفحات وعملت كل الروابط بالشكل المطلوب فأنه يلزمنا أيجاد مساحة على الإنترنت لكي نضع فيها موقعنا ولذلك علينا اختيار إحدى الشركات التي تمنح هذه المساحات بدون مقابل ويوجد منها الكثير على الإنترنت ولكن الأهم هو سهولة العنوان وسرعة الخادم ونحن قد اخترنا شركة(ياهو) لكي نسكن عليها موقعنا وعليك أن تجرب ذلك ثم إذا وجدت شركة افضل يمكنك الانتقال إليها بكل يسر وسهولة في المستقبل ولكي نحمل موقعنا علينا الآن الانتقال إلى الموقع التالي على الإنترنت http://geocities.yahoo.com/home/
Sign Up Now! إذا كنت تمتلك بريد على (الياهو) فلن تحتاج إلى التسجيل وإذا لم يكن كذلك فأختر الأمر ثم ستفتح لك الصفحة التالية


http://www.saudint.com/buildsiteimags/talm3.2.gif

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


http://www.saudint.com/buildsiteimags/myweb.40.gif


ثم تنتقل الى هذه الصفحة


http://www.saudint.com/buildsiteimags/talm3.3.gif


الآن انقر لبناء لبناء موقعك على الإنترنت وسوف تفتح لك الصفحة التالية


http://www.saudint.com/buildsiteimags/myweb.42.gif

Yahoo Page Builder اختر على امر باني الصفحات وسوف تنتقل الى هذه الصفحة


http://www.saudint.com/buildsiteimags/myweb.43.gif

وسوف يقوم ويندوز بسؤالك عن تشغيل هذه الخاصية ، انقر بالموافقة


http://www.saudint.com/buildsiteimags/myweb.44.gif

سوف يقوم الموقع بتزويدك ببرنامج باني الموقع وبعد الإنتهاء من تنزيل البرنامج سوف يعمل مباشرة ويظهر لك النافذة التالية

http://www.saudint.com/buildsiteimags/myweb.45.gif

اختر الأمر File ثم اختر الأمر Upload Files and Images لتحميل الصفحات والصور من على جهازك الى موقعك على الإنترنت وسوف يعرض عليك البرنامج تحديد مسار الصفحات والصور لالتي تريد تحميلها كما


http://www.saudint.com/buildsiteimags/myweb.46.gif


اختر مسار الصور او الصفحات التي تريد تحميلها الى الموقع ويمكنك تحديد اربع اختيارات في وقت واحد ثم اختر Upload وبعد تحميل كافة الصفحات والصور احفظ العمل ثم اغلق برنامج باني الصفحات وافتح موقعك عبر عنوانه الذي تحدد من قبل والحمدلله الذي سخر لنا هذه المعرفة وهذه الخدمات ولا تنسى اخوانك المجاهدين لرفع راية لا إله إلا الله في كل مكان كن معهم بدعواتك ودعمك المادي والمعنوي


الله الموفق


أخوكم سعد

[سياف]

السلام عليكم ورحمة الله وبركاته

أخي الكريم سعد مشكور على موضوعك الحلو

وأنت تفاجئنا بكل ماهو جديد ومفيد

وشــــــــــــكـــــــــــرا

[سعد2]

السلام عليكم ورحمة الله وبركاته

مشكور يا أخي سياف على الرد الجميل والمتواضع منك

وأتمنى المزيد من الردود