ya3mri
02-05-2008, 06:41
إنشاء واستخدام الجداول في برنامج الفرونت بيج
- التعرف على الجداول :
نصل الآن إلى واحد من أهم الدروس الأساسية في برنامج الفرونت بيج , حيث أن تصميم الموقع يفضل أن يكون ضمن جداول حتى تضمن أن يظهر المظهر نفسه للموقع الذي صممته في كل أجهزة الكمبيوتر وعلى جميع دقات الشاشة إضافة إلى أهم أنواع مستكشفات الانترنيت .
وبالتالي إذا أجدت استخدام الجداول في صفحات الويب يتيح لك قدراً هائلاً من التحكم في وضع الصور والنصوص داخل الصفحات .
والجداول عبارة عن هياكل شبكية مستطيلة ، تستطيع إنشاءها لتحوي بداخلها صوراً أو نصوصاً .
تسمى مجموعة الخلايا الأفقية بـ " صف " ، في حين تسمى مجموعة الخلايا الرأسية بـ " عمود " .
- إنشاء الجداول :
( لإنشاء جدول )
1 - قم بإنشاء صفحة جديدة فارغة .
2 - من قائمة Table ، حدد أمر Insert ثم Table لتفتح مربع حوار Insert Table
http://www.ya3mri.com/up/uploads/05b29ff1ae.gif (http://www.ya3mri.com/up/)
- التعرف على أحجام الجداول :
يجب أن تعرف كيفية تحديد حجم الجدول لأن عرض الجدول وفق النسبة المئوية لحجم الشاشة أو عدد البكسلات .
بكسلات Pixels عناصر الصورة أو البكسلات هي أصغر وحدات تستخدم معاً لعرض المعلومات على الشاشة ، ومن المرجح أنك سمعت المصطلح المستخدم لوصف درجة وضوح العرض على الشاشة .
على سبيل المثال ،
من درجات الوضوح الشائعة درجتا 640X 480 و 800X 600. هذه الدرجة تشير إلى عدد البكسلات ( أفقياً X رأسياً ) المعروضة على الشاشة التي تستخدمها .
عندما تحدد عرض الجدول وفق نسبة مئوية معينة ، فإن العرض سيكون نسبياً ، أي وفق نسبة عرض الشاشة . أما إذا حددت الجدول وفق عدد معين من البكسلات فإنك تحدد عرضاً مطلقاً للجدول .
- لتغيير عرض الجدول :
1 - ضع مؤشر الكتابة داخل الجدول .
2 - من قائمة Table ، حدد خيار Select ثم Table .
3 - من قائمة Table ، حدد خيار Table Properties ثم Table لتفتح مربع حوار Table Properties ( انظر الشكل 2-4 ) .
http://www.ya3mri.com/up/uploads/f0c6849066.gif (http://www.ya3mri.com/up/)
4 - في جزء Specify width ، حدد خيار In Pixels ثم اضبط القيمة على 400 .
5 - انقر زر ok وسيتم تغيير حجم الجدول الذي أنشأته من قبل .
- ارتفاع الجدول :
تستطيع أيضاً أن تعدل ارتفاع الجدول من خلال مربع حوار Table Properties رغم أن معظم مصممي صفحات الويب لا يهتمون بارتفاع الجدول قدر اهتمامهم بعرضه .
ويتم عادة ضبط ارتفاع الجدول تلقائياً بحسب المحتوى الموجود داخل الجدول أو الخلايا الفردية ، وإذا قررت تغيير ارتفاع الجدول ، يمكنك فقط أن تجري تعديلات مطلقة وفق عدد معين من البكسلات .
حدد خيار Specify height ثم اكتب عدد البكسلات الذي تريد أن تحدده لارتفاع الجدول . التعامل مع تخطيط الجداول حدد قيم تخطيط الجدول بأرقام أعلى من القيم العادية . فالمبالغة في تعيين قيم الخصائص تساعد على فهم طبيعة تلك الخصائص .
- لتغيير حجم الحد في الجدول :
1 - حدد الجدول الذي أنشأته من قبل .
2 - من قائمة Table ، حدد خيار Table Properties ثم Table لتفتح مربع حوار Table Properties .
3 - في جزء Borders ، غير الحجم Size إلى 20 .
4- انقر زر ok لتطبيق ورؤية التغيير الذي أجريته على حجم الحد في الجدول ( انظر الشكل3 - 4 ) .
- حدود غير مرئية :
توجد أيضاً طريقة تنفذها في تغيير حجم حد الجدول ، اضبط الحجم على صفر ، وسيصبح حد الجدول غير مرئي عند عرضه في مستعرض الويب .
تظهر فائدة هذه الخاصية عندما تستعين بالجدول في ضبط مكان الصور والنصوص داخل صفحات الويب بدقة وهو أمر بالغ الأهمية حيث ننصح جميع المصممين أن يكون عملهم ضمن جداول ضماناً لعدم تغيير شكل الموقع عند تغيير دقة الشاشة أو عند تغيير المتصفح
http://www.ya3mri.com/up/uploads/1a804f5feb.gif (http://www.ya3mri.com/up/)
- التعرف على الجداول :
نصل الآن إلى واحد من أهم الدروس الأساسية في برنامج الفرونت بيج , حيث أن تصميم الموقع يفضل أن يكون ضمن جداول حتى تضمن أن يظهر المظهر نفسه للموقع الذي صممته في كل أجهزة الكمبيوتر وعلى جميع دقات الشاشة إضافة إلى أهم أنواع مستكشفات الانترنيت .
وبالتالي إذا أجدت استخدام الجداول في صفحات الويب يتيح لك قدراً هائلاً من التحكم في وضع الصور والنصوص داخل الصفحات .
والجداول عبارة عن هياكل شبكية مستطيلة ، تستطيع إنشاءها لتحوي بداخلها صوراً أو نصوصاً .
تسمى مجموعة الخلايا الأفقية بـ " صف " ، في حين تسمى مجموعة الخلايا الرأسية بـ " عمود " .
- إنشاء الجداول :
( لإنشاء جدول )
1 - قم بإنشاء صفحة جديدة فارغة .
2 - من قائمة Table ، حدد أمر Insert ثم Table لتفتح مربع حوار Insert Table
http://www.ya3mri.com/up/uploads/05b29ff1ae.gif (http://www.ya3mri.com/up/)
- التعرف على أحجام الجداول :
يجب أن تعرف كيفية تحديد حجم الجدول لأن عرض الجدول وفق النسبة المئوية لحجم الشاشة أو عدد البكسلات .
بكسلات Pixels عناصر الصورة أو البكسلات هي أصغر وحدات تستخدم معاً لعرض المعلومات على الشاشة ، ومن المرجح أنك سمعت المصطلح المستخدم لوصف درجة وضوح العرض على الشاشة .
على سبيل المثال ،
من درجات الوضوح الشائعة درجتا 640X 480 و 800X 600. هذه الدرجة تشير إلى عدد البكسلات ( أفقياً X رأسياً ) المعروضة على الشاشة التي تستخدمها .
عندما تحدد عرض الجدول وفق نسبة مئوية معينة ، فإن العرض سيكون نسبياً ، أي وفق نسبة عرض الشاشة . أما إذا حددت الجدول وفق عدد معين من البكسلات فإنك تحدد عرضاً مطلقاً للجدول .
- لتغيير عرض الجدول :
1 - ضع مؤشر الكتابة داخل الجدول .
2 - من قائمة Table ، حدد خيار Select ثم Table .
3 - من قائمة Table ، حدد خيار Table Properties ثم Table لتفتح مربع حوار Table Properties ( انظر الشكل 2-4 ) .
http://www.ya3mri.com/up/uploads/f0c6849066.gif (http://www.ya3mri.com/up/)
4 - في جزء Specify width ، حدد خيار In Pixels ثم اضبط القيمة على 400 .
5 - انقر زر ok وسيتم تغيير حجم الجدول الذي أنشأته من قبل .
- ارتفاع الجدول :
تستطيع أيضاً أن تعدل ارتفاع الجدول من خلال مربع حوار Table Properties رغم أن معظم مصممي صفحات الويب لا يهتمون بارتفاع الجدول قدر اهتمامهم بعرضه .
ويتم عادة ضبط ارتفاع الجدول تلقائياً بحسب المحتوى الموجود داخل الجدول أو الخلايا الفردية ، وإذا قررت تغيير ارتفاع الجدول ، يمكنك فقط أن تجري تعديلات مطلقة وفق عدد معين من البكسلات .
حدد خيار Specify height ثم اكتب عدد البكسلات الذي تريد أن تحدده لارتفاع الجدول . التعامل مع تخطيط الجداول حدد قيم تخطيط الجدول بأرقام أعلى من القيم العادية . فالمبالغة في تعيين قيم الخصائص تساعد على فهم طبيعة تلك الخصائص .
- لتغيير حجم الحد في الجدول :
1 - حدد الجدول الذي أنشأته من قبل .
2 - من قائمة Table ، حدد خيار Table Properties ثم Table لتفتح مربع حوار Table Properties .
3 - في جزء Borders ، غير الحجم Size إلى 20 .
4- انقر زر ok لتطبيق ورؤية التغيير الذي أجريته على حجم الحد في الجدول ( انظر الشكل3 - 4 ) .
- حدود غير مرئية :
توجد أيضاً طريقة تنفذها في تغيير حجم حد الجدول ، اضبط الحجم على صفر ، وسيصبح حد الجدول غير مرئي عند عرضه في مستعرض الويب .
تظهر فائدة هذه الخاصية عندما تستعين بالجدول في ضبط مكان الصور والنصوص داخل صفحات الويب بدقة وهو أمر بالغ الأهمية حيث ننصح جميع المصممين أن يكون عملهم ضمن جداول ضماناً لعدم تغيير شكل الموقع عند تغيير دقة الشاشة أو عند تغيير المتصفح
http://www.ya3mri.com/up/uploads/1a804f5feb.gif (http://www.ya3mri.com/up/)