تصميم الصفحات :
التصميم سهل جداً فيجب عليك أولاً تقسيم الصفحة إلى عدة أقسام عن طريق الجداول
أولاً تصميم ل" الأعلى وسيكون داخل هذا الجدول شعار لموقعك ولإظافة هذا الجدول إذهب إلى
‎٠ 2 *‏ هدق العدى
في هذا القسم تضع صورة عبار عن شعار 0

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

لها خم الأقسام أهنا قم المحتويات]
وبإمكائك تصميم جداول وأقسام كما تشاء فيمكن تصميم الموقع كالتالي
البرمجة _. سجل الزوار _ القائمة البريدية النموذج البريدي إعداد الزواز
قسم البرمجة :
قسم الببمجة. _ ألا بكم في قسم البرمجة تحياتي لكم مدير عام الموقع
إسجل الزوار
النموذج البريد
عداد الزوار
في الفقرة السا؛ خدمت عدة جداول مرقمة كما في الصورة التي في الأعلى
كل ذلك فقط ضع مشيرة الكتابة مكان تريد إدراج به جدول وا عدد الأعمدة كما بالشكل

الآن بعد أن تعلمنا كيفية تقسيم الصفحة بالجداول وإنشاء بوساطتها الأقسام ‎١‏
‏التحكم بهذه الجداول كما نشاء
اولاً إذهب إلى الجدول الذي تريد التحكم به واضغط الزر الأيمن عليه وا
تحرير الصورة
3 إدراج صيفوف
اداج أعهدة
تقسيم اإخلايا.
نريد سوف نتعلم في هذا الدرس كيفية
خصائص الجدول :
[»] 7 تحديد العرض؛
لياه الجنول؛ الاقتراضي ‏ [<] | ‎٠٠١‏ ] - بلبيكسل
8 _ بالنسية المثهبة
نطاق الخلية؛ ك 7 تحديد الأرتفا:
المسافة بين الخليا: [ 7 + | # بلكسل
بالنسبة المئهة
7 إظهار جدود الخلايا والجدول
لهند الحم
"] استخدام صورة خلفية
سب لها

ملاحظة مهمة : يمكنك التحكم ليس فقط بالجدول بكامله يمكنك أيضاً التحكم بالخلية الواحدة مثلاً لدي الجدول الذي في
الأعلى فيه خليتين ولنفترض اني اريد إجراء تغيير على خلية الأقسام فقط يمكنني عمل ذلك بسهولة فقط إضغط على
خلية الأقسام بالزر الأيمن وا
3 إدراج صفوف
م إدراج أعبدة
التخطيط
محاؤاة أفقية: 7 تحديد العرض؛
امتداد الصغوف: تحديد الارتفاع:
امتدادالأعمدة | :ان 8 © بالبكسل
[(---ان الحد الفاتخ؛
7 استخدام صورة خلفية
كسم احير

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

اختر تنسيق واضغط على خط ومن ثم تحكم بنوعية الخط كما تشاء كما في الصورة
| تباعد الأحرف| الغط
م1 م ).عاد ها خا
6095303006 مال
وه الإكقامة)) اماي أسود عريض 3*6 م
ا تسيطير أحرف استهلالية صغيرة.
17 يتوسطة خط | أحرف استهلالية كبيرة.
| خط علوي [ الة بأحرق كبيزة
7 لوميضا مخفي
آ بلا زخرقة النص
معاينة
وقد خصصت التطييق الأول من مجلد التطبيقات كمال على هذا الدرس
الأن بعد أن تعلمنا الأساسيات في رسم الجداول وتقسيم الصفحة إلى عدد من الجداول والتحكم بها سوف نقوم الآن ببناء
موقع كمثال وليكن إسم الموقع 110528177 حيث يحوي هذا الموقع الأقسام التالية
قسم معلومات عني - قسم سجل الزوار - قسم القائمة البريدية - قسم النموذج البريدي
قبل البدء :
0 بإنشاء مجلد بإسم الموقع كالتالي 0:1]1058071 حيث أن 10158107 تعني إسم موقعك
لماذا د بهذه العملية قمنا بها لوضع جميع ملفات الموقع بمجلد واحد
بعد إنشاء المجلد إفتح برنامج 701102898 واضغط ملف ومن ثم جديد وبعد ذلك إذهب إلى ملف ومن ثم إختر حفظ
واحفظ الملف في (0:1110521 وأدخل إسم الملف )(06)
ملاحظة : لا تقم بتسمية الملفات باللغة العربية ودائماً قم بتسمية الصفحة الرئيسية بال :10006
بعد حفظ الملف إضغط اليمين في أي مكان من الصفحة واختر خصائص الصفحة كما بالشكل:

الموقع الأياسي؛
الموقع؛ " راض .
‏برمجة نصية باستخدام عناصر تحكم وقت التصميم
النظام الأساسي؛ العميل (001700 4.0 ع1)
‏للارتباط التشحبي؛
‏ارتباط تشعبي ثمت قارته!
‏الارتباط التشعبي.

فتصبح الصفحة كالتالي:
إنشاء الصفحة الرئيسية :
أولاً رسم الشعار :
محرر صور فمثلاً يمكنك رسم شعار ببرنامج الرسام ولكن عند إنشاء صورة إجعل عرضها وطولها على سبيل المثل
العرض١٠٠‏ والطول ‎٠٠١‏ بحيث حجمها يتناسب مع الجدول بعد إنشاء الصورة احفظها بالمجلد ‎0:1840158(١‏
‏بإمتداد يجب أن يكون إما 06ل أو 5 لأن عا الإمتادات صفيرةالحجم مما يسهل تحميلها ترك وإحتر من
ثانياً إدراج الشعار :
أولاً ندرج جدول وحيد بدون أعمدة كما تعلمنا بالدروس السابقة ومن ثم نضع المشيرة داخله نذهب إلى قائمة إدراج و
من ثم صورة ومن ث
بعد إدراج الصورا