تعلم طريقة تصميم الجداول مع FrontPage -الدرس الأول-

الهوى ماهو كلام · 05-02-2006, 06:57 صباحاً

بسم الله الرحمن الرحيم

يختلف أسلوب التصميم من مصمم لآخر حسب الذوق وحسب الفكرة وحسب برنامج التصميم ..

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

سنبدأ هنا بالتعلم على FrontPage XP وهو آخر إصدار من محرر التصميم المرئي والذي يعطي للمصمم الحرية بإختيار الطريقة والكيفية التي تناسبة لتحرير صفحات الموقع أو المشروع الذي يرغب به ..

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

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

وسنبدأ من الأخير لسهولة التحكم بالجداول وسهولة تنسيق الموقع بواسطتها.

في البداية هذه صورة توضح طريقة تحديد الجدول حسب أعداد الصفوف:

طبعاً بعد أن نضغط بالماوس على هذه الأيقونة سنجد مساحة 4*4 من الصفوف والأعمدة وإذا أردنا زيادة الأعمدة كل ماعلينا هو الضغط على زر اليمين من الكيبورد وكذالك في حال زيادة الصفوف كما هو بالصورة:

وفي هذه الصورة نجد عدد الأعمدة عامود واحد بينما الصفوف هي:

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

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

تتكون خصائص الجدول من التالي:

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

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

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

القسم رقم 2 :
هذا المربع المنسدل يعطينا حرية تحديد إتجاه الكتابة في الجدول من اليمين لليسار والعكس .

القسم 3 :
هذا الجزء هام جداً في تنسيق الصفحة وطريقة عرضها .. عند رسم الجدول تكون المقاسات بالعادة كما هو موضح أي 100% بكسل حسب عرض الصفحة وهذا الحجم يسمح بعرض الصفحة على أي متصفح بنفس التسيق الذي يظهر بة الجدول عند تصميمك الأول .. ما أقصده هنا أن ترك العرض 100% يظهر نفس التصميم على جميع مقاسات عرض الشاشة -600*800 أو اي مقاس أصغر أو أكبر من ذالك ..
وطول الجدول غير مهم إذا اردنا تشكيل جداول أخرى داخل خلايا الجدول الأساسي لأن الطول يأخذ المقاس الأخر للجداول أو حتى لأسطر الكتابة -سنتعرف على ذالك أثناء تنفيذ مشروعنا الصغير
القسم 4 :
هنا كما هو موضح فإن الحجم هو صفر (0) أي أن حدود الجدول غير ظاهرة وبذالك فعند عرض التصميم على المتصفح ستكون هذه الحدود الشفافة غير موجودة وما سيظهر هو ما يحوي الجدول من صورة أو كلام أو أي شي آخر ..

كلمة -اللون- هي تختص بلون الحد إذا كان الحجم أكبر من (1) وفي حالتنا هذه لايظهر اللون لأن الحد شفاف أو بدون لون ..

الحد الفاتح والحد الغامق أيضاً تأخذ نفس الأسلوب عندما تكون الحدود للجدول (0) وإذا اردت إكتشاف ذالك قم بتغير حجم الحد وإختار الألوان التي تريد لترى النتيجة .

القسم 5 :
هذا القسم هو بالأساس قسم الخلفية مع القسم 6 وهذا القسم يقوم بتغير خلفية الجدول حسب اللون المحدد من القائمة المنسدلة ..

القسم 6 :
يمكنك تغير خلفية الجدول بصورة ما أن تحددها من جهازك .

===نأتي الآن للتعرف على خصائص الخلية من جدول ما ===

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

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

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

عالـ بلاحدود ـم · 08-28-2007, 10:43 صباحاً

مشكور يالغالي وشرح كافي ووافي الصراحة ابدعت

أبوعــــرب · 10-30-2007, 06:11 مساءً

مشكور اخوي الهوى
شرح جميل

ADMIN · 10-31-2007, 12:26 مساءً

مشكور وبارك الله فيك اخوي

05-02-2006, 06:57 صباحاً	#1 (permalink)
الهوى ماهو كلام اسرة ابن الخليج تاريخ التسجيل: Jul 2005 الدولة: K S A المشاركات: 4,815 معدل تقييم المستوى: 659	تعلم طريقة تصميم الجداول مع FrontPage -الدرس الأول- بسم الله الرحمن الرحيم يختلف أسلوب التصميم من مصمم لآخر حسب الذوق وحسب الفكرة وحسب برنامج التصميم .. أسلوب التصميم بالـ HTML مباشرة صعب للمبتدئين الذين يطمحون إنجاز مواقعهم الشخصية بسرعه وسهولة مع رغبتهم بإظهار الموقع بالصورة اللائقة بين المواقع الأخرى .. سنبدأ هنا بالتعلم على FrontPage XP وهو آخر إصدار من محرر التصميم المرئي والذي يعطي للمصمم الحرية بإختيار الطريقة والكيفية التي تناسبة لتحرير صفحات الموقع أو المشروع الذي يرغب به .. أحب أن أعطي فكرة بسيطة عن طرق التصميم على فرونت بيج .. يمكنك تصميم الموقع على صفحات كاملة إما بطريقة الإطارات Fram أو بأسلوب الجداول Table .. وسنبدأ من الأخير لسهولة التحكم بالجداول وسهولة تنسيق الموقع بواسطتها. في البداية هذه صورة توضح طريقة تحديد الجدول حسب أعداد الصفوف: طبعاً بعد أن نضغط بالماوس على هذه الأيقونة سنجد مساحة 44 من الصفوف والأعمدة وإذا أردنا زيادة الأعمدة كل ماعلينا هو الضغط على زر اليمين من الكيبورد وكذالك في حال زيادة الصفوف كما هو بالصورة: وفي هذه الصورة نجد عدد الأعمدة عامود واحد بينما الصفوف هي: سنبدأ بتنفيذ صفحة لموقع ما وبواسطة هذه الخمسه ونتعرف على كيفية تحديد المساحات وزيادة الطول أو العرض أو الغاء الحدود أو تغيير الألوان للخلية أو الصفوف .. تعالوا لنتعرف على طريقة التعامل مع الجدول أو مع الخلايا أو مع خلية واحد فقط: عند وضع الموشر على أي مكان بالجدول السابق وإستخدام زر الماوس الأيمن ستجد الكثير من الخصائص منها ما يهتم بالصفحة ومنها ما يعتم بالجدول والخلايا وما يهمنا هنا هي خصائص الجدول والخصائص الخلية: تتكون خصائص الجدول من التالي: القسم رقم 1 : هي ماتهتم بعملية التخطيط للجدول على الصفحة وضبط خصائص هذا الجدول بمحذات الجدول للصفحة أو إتجاه الكتابة بالجدول .. ففي المحاذات الأولى أربع حالات لوضع الجدول على الصفحة الحالية وهي (الإفتراضي - اليسار - اليمين - الإفتراضي) قم بتجربة كل خيار ستجد أن الإفتراضي سيقوم بوضع الجدول في وضعه الحلي والذي في حالتنا هذه يتوسط المسافة بين اليمين واليسار .. ستلاحظ التغير عن المحذات ناحية اليسار أو ناحية اليمن وتكتشف الفرق -جرب بنفسك- وبهذا تستطيع أن تغير محاذات الجدول حسب رغبتك في تنسيق الصفحة بعد ذالك .. القسم الثاني من التخطيط هو عملية الإتجاة للكتابة كما ذكرنا وهو إما الإفتراضي أو اليسار أو اليمين , عند التغير هنا ستلاحظ تحرك المؤشر حسب الوضع الذي قمت بإختياره -جرب ولاحظ المؤشر- وهذه الحالات تعطي لمستخدم الجداول المرونه عند إضافة جداول أخرى داخل الجداول السابقة بحيث تتطابق الحدود عند تحديد الإتجاه . القسم رقم 2 : هذا المربع المنسدل يعطينا حرية تحديد إتجاه الكتابة في الجدول من اليمين لليسار والعكس . القسم 3 : هذا الجزء هام جداً في تنسيق الصفحة وطريقة عرضها .. عند رسم الجدول تكون المقاسات بالعادة كما هو موضح أي 100% بكسل حسب عرض الصفحة وهذا الحجم يسمح بعرض الصفحة على أي متصفح بنفس التسيق الذي يظهر بة الجدول عند تصميمك الأول .. ما أقصده هنا أن ترك العرض 100% يظهر نفس التصميم على جميع مقاسات عرض الشاشة -600800 أو اي مقاس أصغر أو أكبر من ذالك .. وطول الجدول غير مهم إذا اردنا تشكيل جداول أخرى داخل خلايا الجدول الأساسي لأن الطول يأخذ المقاس الأخر للجداول أو حتى لأسطر الكتابة -سنتعرف على ذالك أثناء تنفيذ مشروعنا الصغير القسم 4 : هنا كما هو موضح فإن الحجم هو صفر (0) أي أن حدود الجدول غير ظاهرة وبذالك فعند عرض التصميم على المتصفح ستكون هذه الحدود الشفافة غير موجودة وما سيظهر هو ما يحوي الجدول من صورة أو كلام أو أي شي آخر .. كلمة -اللون- هي تختص بلون الحد إذا كان الحجم أكبر من (1) وفي حالتنا هذه لايظهر اللون لأن الحد شفاف أو بدون لون .. الحد الفاتح والحد الغامق أيضاً تأخذ نفس الأسلوب عندما تكون الحدود للجدول (0) وإذا اردت إكتشاف ذالك قم بتغير حجم الحد وإختار الألوان التي تريد لترى النتيجة . القسم 5 : هذا القسم هو بالأساس قسم الخلفية مع القسم 6 وهذا القسم يقوم بتغير خلفية الجدول حسب اللون المحدد من القائمة المنسدلة .. القسم 6 : يمكنك تغير خلفية الجدول بصورة ما أن تحددها من جهازك . ===نأتي الآن للتعرف على خصائص الخلية من جدول ما === إذا أردت تطبيق تنسيق ما على خلية كل ماعليك هو تضليل هذه الخلية بواسطة وضع الماوس على طرف الخلية المراد تنسيقها أو اذا اردت تنسيق عدد محدد من الخلايا قم بتضليلها بالماوس بواسطة السحب .. بعد تحديد خلية أو عدة خلايا قم بإظهار الخصائص لهذه الخلية بنفس طريقة خصائص الجدول (كلك يمين خصائص الخلية) ستجد التالي: طبعاً مشابهة لخصائص الجدول مع إختلاف عدم وجود حجم الحد للخلية .. ستتعرف أكثر على هذه الخصائص عند قيامك بالتنفيذ للمشروع. من مواضيع الهوى ماهو كلام في المنتدى سلسلة تعلم VBScript -لجزء الاول - المبادئ قمة المتعة !!! وفاة معمر القذافي.... تدمير عربة امريكية على ايدي اسود الفلوجة تأثير على الصورة

08-28-2007, 10:43 صباحاً	#2 (permalink)
عالـ بلاحدود ـم عضــو تاريخ التسجيل: Aug 2006 المشاركات: 38 معدل تقييم المستوى: 20	رد: تعلم طريقة تصميم الجداول مع FrontPage -الدرس الأول- مشكور يالغالي وشرح كافي ووافي الصراحة ابدعت من مواضيع عالـ بلاحدود ـم في المنتدى اخواني بليز المساعده اخواني والله مشكلتين وانا لي يومين من ترايدنت ومن بعض المنتديات

10-30-2007, 06:11 مساءً	#3 (permalink)
أبوعــــرب عضــو تاريخ التسجيل: Oct 2007 المشاركات: 19 معدل تقييم المستوى: 15	رد: تعلم طريقة تصميم الجداول مع FrontPage -الدرس الأول- مشكور اخوي الهوى شرح جميل من مواضيع أبوعــــرب في المنتدى

10-31-2007, 12:26 مساءً	#4 (permalink)
ADMIN .::+: Gulf Son :+::. تاريخ التسجيل: May 2005 الدولة: بلاد الخليج المشاركات: 53,991 معدل تقييم المستوى: 53	رد: تعلم طريقة تصميم الجداول مع FrontPage -الدرس الأول- مشكور وبارك الله فيك اخوي من مواضيع ADMIN في المنتدى قاضي سعودي يقاضي نفسه ويشهد عليها ويدينها مذبحة الحديثة: القصة والشهود والتحقيق أردوغان ينتقد سيزار ويؤكد حق الإسلاميين بممارسة السياسة فنانة سورية تظهرعارية تماما احتجاجا على الحرب في العراق وفلسطين درس تحريك الفم اوالوجه بالفوتوشوب __________________ يقول الامام مالك رحمه الله: إنما هؤلاء أقوام أرادوا القدح في النبي صلى الله عليه وسلم فلم يمكنهم ذلك، فقدحوا في أصحابه حتى يقال رجل سوء ولو كان رجلاً صالحاً لكان أصحابه صالحين. وقال أبو الوفا بن عقيل رحمه الله: انظر كيف اختار لمرضه بيت البنت، واختار لموضعه من الصلاة الأب، فما هذه الغفلة المستحوذة على قلوب الرافضة عن هذا الفضل والمنزلة التي لا تكاد تخفى عن البهيم فضلا عن الناطق. وحيد القرن، كسرنا قرنه، ودككنا حصنه، وهدمنا برجه، فخرج يتبختر بعتاده مزهواً بعدده ففللنا حدّه، وقتلنا جنده، وفرقنا صحبه، والفضل لله وحده ولئن أبيد أبناء دولة الإسلام عن بكرة أبيهم خيرٌ لهم من أن يحكمهم رافضيٌّ خبيث أو أن تستظلّ بغداد برايات الصفويين يوما واحداً.

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
تعلم الفجول بيسك مع صقر الجزيره (الدرس الأول)	صقر الجزيره	دروس لغات البرمجة	18	12-15-2010 09:37 مساءً
(( الدرس الأول )) من دورة تصميم السيارات	جيرمون111	دروس سوبش Swish	2	04-10-2010 06:43 مساءً
تعلم طريقة تصميم الجداول مع FrontPage -الدرس الثالث-	الهوى ماهو كلام	دروس اوفيس	3	07-09-2008 08:56 مساءً
تعلم طريقة تصميم الجداول مع FrontPage -الدرس الثاني-	الهوى ماهو كلام	دروس اوفيس	4	12-26-2007 05:36 مساءً
تعلم طريقة تصميم الجداول مع FrontPage -الدرس الرابع	الهوى ماهو كلام	دروس اوفيس	0	05-02-2006 07:03 صباحاً

تعلم طريقة تصميم الجداول مع FrontPage -الدرس الأول-

منتديات شبكة ابن الخليج