الخطوة الثالثة:

مرحبا بكم في ركن التنظيم!

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

عادة تكون هناك خطوات معروفة .. او مهارات محدده يتبعها اي شخص يصمم موقع انترنت .. لذلك .. سنحاول ان
نقدمها لكم هنا.. وسنستمر في تحديثها بإذن الله.
وحتى الآن .. لدينا في خطط التنظيم :
1- الجدولة والتحديد.
2-كتابة المقالات والنشرات.
3- الـ BookMark.
4- تنظيم القوائم بشكل مشابه لصفحات الـ Php.

1- الجدولة و التحديد :
هناك بعض المواقع التي تلتزم بإطار معين لظهور الصفحة .. مثل صفحة موقعنا التي تشاهدها الآن .. فهذا الإطار هو عبارة عن
جدول .. من ثلاث خانات عمودية .. الخانة العلوية .. وضعنا فيها شعار الموقع .. الذي هو عبارة عن صورة GIF عادية ,
اما الخانة الثانية .. فهي التي نكتب فيها هذا الشرح .. اما الخانة السفلية .. فجعلناها كذيل للصفحة تحتوي فقط رابط للرجوع
للصفحة الرئيسية.

ولعمل جدول مماثل :
1- من قائمة Table.. اختر  insert > table
2- سيظهر لك هذا المربع:

3- و على اعتبار انك ابقيت على نفس هذه الخيارات .. فسيظهر لك الجدول كالتالي :

4-  طبعا اذا اردت جدولا مثل المستخدم في هذه الصفحة .. فيجب ان تجعل عدد ال Column هو واحد فقط و ال Rows
هو ثلاثة .. فيظهر كالتالي:

5- وعندها .. ضع المؤشر في أول خانة .. ثم استخدم الخطوات التي شرحناها لإدراج صور .. و أدرج صورة لل banner او
شعار موقعك ..
6- في الخانة الثانية .. اكتب ما تريد ان يكون موجودا داخل الصفحة .
7- في الخانة الأخيرة .. اكتب تذييل الصفحة مثل حقوق النشر او اسم المصمم او ماتريد :)

2-كتابة المقالات والنشرات :

كثير منا لديه هواية كتابة المقالات و غيرها ..  وبالتأكيد لا يوجد افضل من ان تستخدم موقعك الشخصي في نشر افكارك ..
وهنا سأريك كيفية كتابة مقاله و تنسيقها بشكل رائع .. و يمكنك البناء عليها لتصميم صفحة تبدو كصفحة جريدة!

1- قم بعمل جدول كما شرحنا في الخطوة السابقة مع تغيير ما يلي :
ال column = 3
ال row = 1
ال alignment = center
ل border size = 0
الcell spacing = 3

سيظهر الجدول بحدود منقطة .. وهذا يعني انها غير ظاهرة ..
2- اكتب مقالك في الخانات بالترتيب .. ابدأ بالخانة الأول .. حتى الطول الذي تفضله .. قم انتقل للخانة الثانية ثم الثالثه <
وسيظهر كالتالي :

3- قمم بتظليل الجدول كاملا .. ثم من قائمة Format اختر Pragraph
وستجد في اول اختيار Alignment >>> Kashida , وعندها يظهر الجدول وقد تمت
 محازاة نهايات الأسطر مع بعضها كالتالي .. تماما مثل صفحات الجرائد!

3- الـ book Mark :

البوك مارك هو تماما مثل المستخدم في هذه الصفحة في اعلاها .. وهو باختصار .. عبارة عن رابط .. link .. و لكنه لا
يوصلك الى صفحة اخرى .. وإنما الى مكان اخر في نفس الصفحة التي انت فيها ...
كمثال .. هذا الرابط .. سيأخذك الي أعلى هذا الصفحة .. ( أعلى الصفحة )

وعملية تنفيذه هي كالتالي : ..
1- اختر المكان الذي سيقود إليه الرابط ... في المثال السابق مثلا.. الهدف هو الجملة الاولى في الصفحة ..
2-قم بتظليل الجملة المستهدفة .. ثم من قائمة insert اختر bookmark
3- اكتب كلمة تعبر عن الهدف .. في المثال السابق.. كتبت Top
4- قم بحفظ الصفحة.
5- اتجه إلى الجملة التي ستمثل الرابط الذي سيقود للهدف.. وهو يجب ان يكون بعيد كفاية عن الهدف.. فإن كان كل من الهدف والرابط في نفس المكان .. فلن يظهر التحرك .. في المثال السابق هي جملة (أعلى الصفحة)
6- قم بتظليل الجملة .. ثم اضغط على زر إضافة الرابط الذي شرحناه سابقا .
7-في خانة العنوان .. قم بكتابة مربع # ثم بعدها اسم الهدف الذي حددته .. في المثال كان Top .. فيكون العنوان Top#
8- اضغط ok
9- وهكذا تم عمل ال BookMark! :)

4- تنظيم القوائم بشكل مشابه لصفحات الـ Php:
ما هو ال Php ? هي لغة تستخدم في تصميم المواقع الديناميكية .. وهي لغة أكثر تعقيدا من ال html بمراحل , ولكنها
عملية للغاية في التعديل و الإضافة .. إلا ان عملية تصميم الموقع و تجهيزه في البداية .. تحتاج خبرة طويلة و معلومات كثيرة
ودراية بمجموعة كثيرة من الأكواد ..
ولغة البي اتش بي . اشتهرت بشدة على المستوى العربي.. حتى ان معظم المواقع العربية عموما و الخليجية خصوصا.. اتجهت صوب
هذه اللغة .. لسهولة تنظيم قوائمها .. فمثلا هذا الموقع (Absbs.Com) تم تصميمه بلغة ال Php و ستلاحظ فيه السمات
الأساسية لهذه اللغة .. وهي القوائم اليمنى و اليسرى .. و في الوسط المواضيع .. او مقدمات المواضيع ..
ولكن .. ما رأيك في هذا الموقع (Tpss.8m.Com) . وهو موقع من تصميمي .. و ستلاحظ انه ايضا يتكون من قائمة
يسرى .. و قائمة يمنى .. ومواضيع في الوسط .. فما رأيك ان تعلم ان هذا الموقع قد تم تصميمه فقط بلغة ال Html وباستخدام
برنامج frontPage فقط ؟!..
الموضوع غايه في السهولة .. وكل ما في الأمر هي بضع جداول متداخله ...! فكما شرحنا في هذه الصفحة كيفية عمل
الجداول .. سنقوم الآن بعمل نموذج بسيط لصفحة تشبه صفحات ال Php
1- قم بإدراج جدول جديد بالخواص التالية :
ال column = 3
ال row = 1
ال alignment = center
ال border size = 1
الcell spacing = 3
وفي خانة ال Width , قم بالتعليم على اختيار Percent و اكتب في الخانة 80% او 70 % ,
والمقصود بهذا الاختيار ان الجدول سيشغل بالعرض هذه النسبة من الصفحة كاملة ..

وسيظهر الجدول بهذا الشكل :

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

ضع المؤشر في الخانه اليمني .. ثم قم بإضافة جدول بالخصائص التالية :
ال column = 1
ال row = 5
ال alignment = center
ال border size = 1
الcell spacing = 2
وفي خانة ال Background color يمكنك اختيار اي لون لخلفية القائمة .. ولنفرض اخترنا اللون الرمادي
وكرر نفس الموضوع في الجهة اليسرى
 

في الخانة الوسطى .. قم بتقسيمها الى خانتين او ثلاث حسب متتطلبات جدولك .. وذلك بوضع المؤشر في الخانة الوسطى ثم اضغط
بالزر الأيمن للماوس.. واختر (Cell Splitting)او تقسيم الخلايا .. واختر split into Rows ثم اختر عدد ما يناسبك منهم

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

انتقل للخطوة الرابعة .. الصور و الخلفيات .. اضغط هنا

الصفحة الرئيسية