منتديات شباب الجزائر

العودة   منتدى شباب الجزائر لكل العرب > اقسام تطوير المواقع والمنتديات > منتدى تطوير المنتديات vbulletin 3.8.X

منتدى تطوير المنتديات vbulletin 3.8.X [خاص]:: يمنع منعاً باتا .. كتابة اي موضوع يهتم بمشاكل المنتديات (( يمنع وضع نسخ vBulletin ))

شرح تصميم صفحة index مؤقتة ورفعها

الكلمات الدلالية (Tags)
مؤقتة, تصميم, index, شرح, صفحة, ورفعها
 
 
LinkBack أدوات الموضوع انواع عرض الموضوع
  رقم المشاركة : ( 1 )  
قديم 2009-09-22
 
:: أبـو قصي ::

 الأوسمة و جوائز
 بينات الاتصال بالعضو
 اخر مواضيع العضو

  Pam Samir غير متواجد حالياً  
رقم العضوية : 2
تاريخ التسجيل : Oct 2008
الدولة :
العمر :
الجنس :  male
مكان الإقامة :
عدد المشاركات : 17,273 [+]
عدد النقاط : 892
قوة الترشيح : Pam Samir is a splendid one to beholdPam Samir is a splendid one to beholdPam Samir is a splendid one to beholdPam Samir is a splendid one to beholdPam Samir is a splendid one to beholdPam Samir is a splendid one to beholdPam Samir is a splendid one to behold
افتراضي شرح تصميم صفحة index مؤقتة ورفعها

سلام الله عليكم

تصميم صفحة index مؤقتة ورفعها

البرامج اللازمة لتطبيق الدرس ( microsoft Front page و WS Ftp )

بسم الله نبدأ

مقدمة

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

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

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

افتح الفرونت بيج واختر إدراج جدول



الصورة 2-1

سيخرج لك إطار صغير يطلب منك تحديد عدد خلايا الجدول .. سنقوم بتقسيم الصفحة إلى خمس أقسام

( أعلى الصفحة - أسفل الصفحة - العمود الأيمن - العمود الأيسر - قلب الصفحة )

لذلك سنحدد 9 خلايا لنقوم بتقسيم الصفحة من خلالها بسهولة



الصورة 2-2

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

  • سيكون عرضه 100% بحجم الصفحة
  • ستكون خلاياه موزعة بالتساوي بمعنى أن خلية اليمين تساوي الوسط و تساوي اليسار
  • ستكون حدوده سوداء ظاهرة وحجم خط الحدود 1 بيكسل



الصورة3-2

سنقوم أولا بضبط حدود الجدول إلى المقاس صفر حتى لا تكون ظاهر للزائر وتغيير مقاس الجدول ليكون 99% من حجم الصفحة ( طبعاً هذا التغيير الهدف منه التعليم بالكيفية )
نقوم بوضع المؤشر على أي مكان في داخل الجدول ونختار خصائص الجدول لتظهر لنا اللوحة التالية



الصورة 4-2

ونطبق الإعدادات كما في الصورة ثم نضغط موافق

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

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

نحدد الخلايا العلوية بتمرير المؤشر عليها مع الاستمرار بالضغط على الزر الأيسر للفأرة وحين تصبح سوداء نقوم بالضغط على الزر الأيمن ونختار دمج الخلايا



الصورة 5-2



الصورة 6-2

كما تلاحظون أصبح لدينا الآن جدول نستطيع من خلاله ترتيب صفحتنا بشكل جيد



الصورة 7-2

الآن نريد أن ندرج الصورة التي تخبر الزائر بأن الصفحة قيد الإنشاء ليعاود الزيارة في وقت لاحق

برأيكم أين تفضلون وضعها ؟

أجد أن المركز ( قلب الصفحة ) هو المكان المناسب لها في ظل هذا التقسيم الذي قمنا به للصفحة

نضع المؤشر في قلب الجدول ثم نضغط على أيقونة إدراج صورة التي نجدها في شريط الأدوات العلوي للفرونت بيج



الصورة 8-2

ثم نختار الصورة التي نريدها



الصورة 9-2

ثم إدراج لتظهر الصورة في مكانها المحدد داخل الجدول

ملاحظة مهمة جدا : الصورة التي ستدرجها في الصفحة يجب أن تكون في نفس المكان الذي ستحفظ فيه صفحتك هذه بمعنى أن تكون صفحة index.htm في مجلد واحد مع الصورة

الآن الصفحة انتهت وبقي علينا حفظها تمهيداً لرفعها إلى الموقع

من القوائم العلوية في الفرونت بيج نختار ملف > حفظ باسم



الصورة 10-2

لتظهر لنا خيارات الحفظ .. ولتكون هذه الصفحة هي الرئيسية التي تظهر لزائر الموقع بشكل تلقائي يجب أن يكون اسمها هو ( index.htm )
ملاحظة: اسم الصفحة الذي سيظهر في الشريط الأزرق للمتصفح هو ( صفحة جديدة ) ويمكن تغييره من خيارات الحفظ أو من خيارات الصفحة .. أنظر الصورة



الصورة 11-2

احفظ الصفحة في نفس المكان الذي توجد فيه الصورة التي أدرجتها فيها

هكذا تكون الصفحة قد أصبحت جاهزة للرفع

نغلق الفرونت بيج وننتقل الآن إلى برنامج الـ FTP

أنظر الصورة التالية لتتعرف عليه بشكل واضح



الصورة 12-2
  1. إملأ البيانات الخاصة بموقعك
  2. اضغط على زر الاتصال بالموقع حينما يتم الاتصال سيظهر موقعك في الجهة اليمنى
  3. حدد الملفات من جهازك ( الصفحة و الصورة )
  4. اضغط على الزر الأخضر الذي يشير إلى موقعك ليتم رفع الملفات إليه

حينما ينتهي ستظهر الملفات في موقعك وحينها يمكنك ان تزور صفحتك لترى ماذا فعلت

م/ن

رد مع اقتباس
اعلانات
 

مواقع النشر (المفضلة)



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

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

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

شرح تصميم صفحة index مؤقتة ورفعها



التعليقات المنشورة لا تعبر عن رأي منتدى شباب الجزائر ولا نتحمل أي مسؤولية قانونية حيال ذلك ويتحمل كاتبها مسؤولية النشر

الساعة الآن 12:08 AM

Powered by vBulletin® Version 3.8.7 .Copyright ©2000 - 2015, Jelsoft Enterprises Ltd
Search Engine Optimization by vBSEO ©2011, Crawlability, Inc.
Designed & Developed by shababdz.com
جميع الحقوق محفوظة ©2014, منتدى شباب الجزائر لكل العرب