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

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

نستكمل ما بدأناه ..

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

طبعاً من أهم العوامل التي تجذب الزائر للموقع هي حسب الأولوية كما يلي:

1- المعلومة المفيدة.
2- سهولة التنقل بين صفحات الموقع.
3- سرعة تصفح الموقع.
4- المظهر الجميل.

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

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

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

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

==== لنبدأ الآن بعمل المشروع ===

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

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

التشكيل الأساسي للصفحة الرئيسية لموقع يهتم بالبرامج وعتاد الحاسب الآلي هو (ليس من الضروري هذا التقسيم) :

1- قسم البرامج Software
2- قسم العتاد Hardware
3- قسم الدعم الفني
4- الأسئلة المتكررة AFQs
5- المساعدة

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

في البداية للتنفيذ نفتح ونختار (ملف > جديد > صفحة أو ويب.. )

دروس Outlook Express دروس اكسل دروس Excel دروس Outlook Express دروس Access دروس Word دروس Microsoft Office دروس PowerPoint

دروس Outlook Express دروس اكسل دروس Excel دروس Outlook Express دروس Access دروس Word دروس Microsoft Office دروس PowerPoint

سيظهر لنا مع XP نافذة على اليسار نختار صفحة ويب فارغة .. تظهر لنا نافذة أخرى:

دروس Excel دروس فرونت بيج دروس Outlook Express دروس اكسس دروس Excel دروس PowerPoint دروس PowerPoint دروس اكسل دروس بوربوينت

دروس Excel دروس فرونت بيج دروس Outlook Express دروس اكسس دروس Excel دروس PowerPoint دروس PowerPoint دروس اكسل دروس بوربوينت

هذه النافذة هي نافذة قوالب مواقع ويب .. ما يهمنا هنا هو صفحة ويب ذات صفحة واحدة واسم المشروع الذي ننوي تنفيذه .. كما هو موضح فقد اخترت C4Arab كعنوان للمشروع .. يقوم FrontPage بعد اختيار الاسم وضغط موافق بحفظ المشروع تلقائياً في المجلد الافتراضي الموجود على المسار (C:My DocumentsMy Webs........) طبعاً هذا المسار افتراضي إذا لم يكن قد تم اختيار مسار آخر ..

فتحت الآن صفحة بيضاء فارغة باسم Index.htm إذا لم تكن ظاهرة اضغط على هذه الأيقونة دروس Word دروس فرونت بيج دروس Outlook Express دروس Access دروس اوتلوك دروس Front Page دروس Access دروس فرونت بيج دروس اكسل دروس Microsoft Office

دروس Word دروس فرونت بيج دروس Outlook Express دروس Access دروس اوتلوك دروس Front Page دروس Access دروس فرونت بيج دروس اكسل دروس Microsoft Office

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

دروس وورد دروس Word دروس Microsoft Office دروس بوربوينت دروس وورد دروس Front Page دروس Front Page دروس فرونت بيج دروس بوربوينت دروس Word

دروس وورد دروس Word دروس Microsoft Office دروس بوربوينت دروس وورد دروس Front Page دروس Front Page دروس فرونت بيج دروس بوربوينت دروس Word

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

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

دروس Power Point دروس Access دروس Excel دروس PowerPoint دروس Access دروس اكسس دروس فرونت بيج دروس Access دروس PowerPoint دروس Outlook Express

دروس Power Point دروس Access دروس Excel دروس PowerPoint دروس Access دروس اكسس دروس فرونت بيج دروس Access دروس PowerPoint دروس Outlook Express

هذه الأيقونة تسمح بإظهار جهة معينة من حدود الجدول أو إخفاء جزء آخر أو إظهار الحدود الفاصلة بين الخلايا (جرب بنفسك) وما نحتاجه هنا للإخفاء هو الشكل الثاني من اليسار في الصف الثاني كما هو بالصورة .

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

مشـــكوووووووووووووووووووور

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

شكراً لك عزيزى

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

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

عذاااب · 12-26-2007, 05:36 مساءً

بارك الله فيك اخوي ..

05-02-2006, 06:58 صباحاً	#1 (permalink)
الهوى ماهو كلام اسرة ابن الخليج تاريخ التسجيل: Jul 2005 الدولة: K S A المشاركات: 4,818 معدل تقييم المستوى: 652	تعلم طريقة تصميم الجداول مع FrontPage -الدرس الثاني- نستكمل ما بدأناه .. في البداية يجب أن أوضح ميزة التصميم بالجداول عن الأساليب الأخرى.. طبعاً من أهم العوامل التي تجذب الزائر للموقع هي حسب الأولوية كما يلي: 1- المعلومة المفيدة. 2- سهولة التنقل بين صفحات الموقع. 3- سرعة تصفح الموقع. 4- المظهر الجميل. العامل الأول وهو المعلومة المفيدة يرجع للمصمم والتخصص الذي يرغب بناء الموقع على أساسه وبالتالي طبيعة الزوار لموقعه. العامل الثاني يرتبط بشكل أساسي بالعاملين الثالث والرابع بمعنى أن سهولة التنقل بين صفحات الموقع يكون بوضع عناوين رئيسية وعناوين فرعية تجعل من الوصول للمعلومة من قبل الزائر أكثر متعة بأقل جهد ممكن أن يبذلة الزائر بالبحث عن ما يريد .. وسهولة التنقل ترتبط بسرعة تصفح الموقع بمعنى أن الزائر عندما يجد الموقع المناسب فإنه يحاول تصفح أكبر قدر من الصفحات بأسرع وقت ممكن وبالتالي سيكون للمصمم الدور الأكبر في رجوع هذا الزائر مرة أخرى للموقع !! العامل الرابع وهو المظهر الجميل بإضافة الجرافكس واختيار الألوان المناسبة للخط والخلفية والتنسيق المتقن للصفحات .. طبعاً إضافة الجرافكس لصفحات الويب يزيد من حجم الصفحة عند فتحها من المتصفح ولذالك قمت بربط العوامل الثلاث الأخيرة ببعضها لنتمكن من فهم التصميم بالجداول ومزاياه المفيدة جداً. ==== لنبدأ الآن بعمل المشروع === قبل البدأ بتنفيذ موقع ما يجب علنا أن نعطي تخيل مبدئي للصورة النهائية التي نطمح لإنجاز موقعنا عليها .. وأفضل طريقة لفعل ذالك هو رسم الشكل للصفحة الرئيسية للموقع بقلم رصاص على ورقة بيضاء وتعديل الأفكار الأولية قبل البدأ بالتنفيذ .. لنفرض مثلاً أن الموقع يختص بالبرامج وعتاد الحاسب الآلي .. هذا يتطلب توزيع أقسام الموقع بعناية ودقة لنسمح للزوار بالوصول إلى الأقسام بيسر وسهولة .. التشكيل الأساسي للصفحة الرئيسية لموقع يهتم بالبرامج وعتاد الحاسب الآلي هو (ليس من الضروري هذا التقسيم) : 1- قسم البرامج Software 2- قسم العتاد Hardware 3- قسم الدعم الفني 4- الأسئلة المتكررة AFQs 5- المساعدة اخترت هذا التخصص لسهولة تطبيق المشروع علية و لتنوع الأقسام مما يسمح لنا بتجربة الجداول بشكل أكثر سهولة ومرونة . في البداية للتنفيذ نفتح ونختار (ملف > جديد > صفحة أو ويب.. ) سيظهر لنا مع XP نافذة على اليسار نختار صفحة ويب فارغة .. تظهر لنا نافذة أخرى: هذه النافذة هي نافذة قوالب مواقع ويب .. ما يهمنا هنا هو صفحة ويب ذات صفحة واحدة واسم المشروع الذي ننوي تنفيذه .. كما هو موضح فقد اخترت C4Arab كعنوان للمشروع .. يقوم FrontPage بعد اختيار الاسم وضغط موافق بحفظ المشروع تلقائياً في المجلد الافتراضي الموجود على المسار (C:My DocumentsMy Webs........) طبعاً هذا المسار افتراضي إذا لم يكن قد تم اختيار مسار آخر .. فتحت الآن صفحة بيضاء فارغة باسم Index.htm إذا لم تكن ظاهرة اضغط على هذه الأيقونة : نريد الآن البدأ برسم الخطوط العريضة لموقعنا على هذه الصفحة البيضاء بواسطة الجداول .. نحدد جدول من عامود واحد وخمسة صفوف كما يلي : لماذا هذا الحجم بالتحديد ؟ السبب هو لأن التنسيق لبناء الصفحة سيكون : الصف الأول من الجدول لشعار الموقع .. الصف الثاني لوضع بنر إعلاني أو أي شيء من هذا القبيل .. الصف الثالث لعمل شريط تصفح للصفحات الرئيسية .. الصف الرابع لتنسيق الروابط الفرعية للصفحة و تخصيص مساحة لكتابة المعلومات .. الصف الخامس لكتابة جملة حقوق الملكية أو عمل أي شيء آخر بها .. طبعاً يوجد حدود سوداء اللون للجدول المرسوم وهذا يشوه مستقبلاً من مظهر الصفحة .. يمكن إخفاء الحدود بطريقتين الطريقة الأولى موضحة في بداية الموضوع عن طريق (خصائص الجدول) والطريقة الأخرى هي عن طريق الشريط القياسي والضغط على الأيقونة الموضحة بالصورة : هذه الأيقونة تسمح بإظهار جهة معينة من حدود الجدول أو إخفاء جزء آخر أو إظهار الحدود الفاصلة بين الخلايا (جرب بنفسك) وما نحتاجه هنا للإخفاء هو الشكل الثاني من اليسار في الصف الثاني كما هو بالصورة . من مواضيع الهوى ماهو كلام في المنتدى كيفية حل مشاكل الانترنت اكسبلور Internet Explorer المفهوم الصحيح للمشرف ((( تحيه لكل مشرف في ابن الخليج ))) الخطــوط مقطع للمقاومة العراقية وهي تقصف مواقع امريكية !!! بابا فين بالسوداني ::: التعديل الأخير تم بواسطة : ADMIN بتاريخ 10-30-2006 الساعة 10:37 صباحاً. <a rel="nofollow" href="http://www.dartmediakuwait.com/adclick.php?n=a85a316d" target="_new"><img src="http://www.dartmediakuwait.com/adview.php?what=zone:107&source=MP3Q8&n=a85a316d" border="0" alt=""></a>

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

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

10-31-2007, 12:26 مساءً	#4 (permalink)
ADMIN .::+: Gulf Son :+::. تاريخ التسجيل: May 2005 الدولة: بلاد الخليج المشاركات: 45,668 معدل تقييم المستوى: 53	رد: تعلم طريقة تصميم الجداول مع FrontPage -الدرس الثاني- مشكور وبارك الله فيك اخوي من مواضيع ADMIN في المنتدى فن النحت على الصابون سفينة أم مدينة متحركة؟ السعودية وتونس فـيـديـو + مهارات + صور متحركه [خدمة] اضف زر ترتيب جوجل بموقعك [محترف] درس الثري دي بطريقه اخـرى بالفـوتشووب __________________ دليل مواقع ابن الخليج خدمة google page rank مقدمه من ابن الخليج خدمه اختصار الروابط الآن تستطيع جلب كل ستايلات المنتدى للمجلة ومن غير اي تدخل شخصي منك فقط بـ 120 ريال اطلب منتج بالضغط هنا "من هارون أمير المؤمنين إلى نقفور كلب الروم، قد قرأت كتابك يا ابن الكافرة، والجواب ما تراه دون أن تسمعه، والسلام" اين نحن من هذه الرساله؟

12-26-2007, 05:36 مساءً	#5 (permalink)
عذاااب :: مشرفة :: :: التصاميم والجرافيكس :: تاريخ التسجيل: Oct 2007 المشاركات: 730 معدل تقييم المستوى: 95122	رد: تعلم طريقة تصميم الجداول مع FrontPage -الدرس الثاني- بارك الله فيك اخوي .. من مواضيع عذاااب في المنتدى واجهه بناتيه من لمسات كيف اخلي موقعي يظهر فالقوقل ؟ ياشين الوقت من دونه كيفية اضافه صور ؟؟؟ حبك ضيعني ...

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

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

اكثر الكلمات بحثاً

	Sitemap \| Archive \| Tag Could
	$موقع ولد الامارات - ينتهي الاعلان بتاريخ 20\8\2008$

		$شبكة مدينة الحب - ينتهي الإعلان بتاريخ 19\8\2008$
	$شبكة مملكتي - ينتهي الإعلان بتاريخ 8\8\2008$	$ملتقى الدعوة الاسلامي - ينتهي الإعلان بتاريخ 6\8\2008$

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

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
Prince of Persia The Two Thrones من أشهر الالعاب على PS2	الماركيز	محاكيات و برامج العاب	4	07-09-2008 11:36 صباحاً
[فهرس] اهم مواضيع ودروس قسم الأوفيس	ADMIN	دروس اوفيس	0	04-22-2007 08:47 مساءً
[فهرس] اهم مواضيع ودروس قسم برمجة المواقع	ADMIN	دروس برمجة مواقع	0	04-22-2007 08:21 مساءً
109 درس للفوتو بالصوت ولصورة يارب يعجبكم	oa_2020	برامج عامة	2	10-14-2006 06:05 مساءً
النص الحرفي لتقرير ميليس حول اغتيال الحريري ..	الهوى ماهو كلام	حوارات ثقافية عامة	8	10-26-2005 02:59 صباحاً