دورة كاملة في برنامج FrontPage لتصميم المواقع ... موضوع رائع جدا يستحق الدخول وبالصور

[walid]

http://www.dzbatna.com/images/icons/iconrote.gif ط¯ظˆط±ط© ظƒط§ظ…ظ„ط© ظپظٹ ط¨ط±ظ†ط§ظ…ط¬ FrontPage ظ„طھطµظ…ظٹظ… ط§ظ„ظ…ظˆط§ظ‚ط¹ ... ظ…ظˆط¶ظˆط¹ ط±ط§ط¦ط¹ ط¬ط¯ط§ ظٹط³طھط*ظ‚ ط§ظ„ط¯ط®ظˆظ„ ظˆط¨ط§ظ„طµظˆط± (http://www.dzbatna.com/t136308/)



السلام عليكم ورحمة الله وبركاته

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

معلومات عامة :

قبل البدء في شرح طريقة رموز البرنامج وأدواته نورد هذه المعلومة عن صفحة الويب :

* تبدأ صفحة html أو الإتش تي ام ال بـالوسم وتنتهي بـالوسم .
* تنقسم الصفحة إلى منطقتين هما :
1- منطقة الرأس : وتبدأ بـالوسم وتنتهي بـالوسم وتحتوي على عنوان الصفحة .
2- منطقة الجسم : وتقع بين الوسمين و .. وكل ما سيظهر في الصفحة سيكون موجود في هذه المنطقة .

نفتح الفرونت بيج2000 ، سنجد أن الإطار أسفل البرنامج يحتوي على ثلاث قسام هي Normal / HTML / Preview .
* القسم Normal : هو منطقة العمل التي سيتركز فيها شرح طريقةنا .
* القسم HTML : لمشاهدة الكود code الذي يكتبه البرنامج خلف الصفحة .
* القسم Preview : لمشاهدة الصفحة كما ستظهر للمتصفح .. لذلك بعد أن نضيف شيء للصفحة في قسم Normal نقوم بمشاهدة طريقة ظهوره في منطقة Preview .

------------------------------------------------------------------
شرح طريقة أهم رموز أشرطة أدوات فرونت بيج 2000 :







http://members.lycos.co.uk/loverommanceworld/FrontPage1.gif





http://members.lycos.co.uk/loverommanceworld/FrontPage2.gif


------------------------------------------------------------------
بعد أن تعرفنا على واجهة interface فرونت بيج 2000 دعونا نبدأ بالتنفيذ :

أولاً : نحدد خصائص الصفحة ... في أي مكان فارغ في الصفحة اضغط يمين الفارة واختر من القائمة المنسدلة Page Properties ستظهر لنا النافذة التالية :




http://members.lycos.co.uk/loverommanceworld/FrontPage3.gif




نحدد ما نريد... بعد ذلك نضغط في الأعلى على علامة التبويب Background ستظهر لنا النافذة التالية :




http://members.lycos.co.uk/loverommanceworld/FrontPage4.gif




الخطوه التي تليها : نحدد ما نريد ثم نضغط OK
------------------------------------------------------------------
ثانياً : نبدأ بتحرير الصفحة وإدراج الصور وعمل الارتباطات بين الصفحات ....

* لإدراج نص في الصفحة : نضع المؤشر في أي سطر نريد وفي أي جههة ( وسط أويمين أو يسار ) ثم ندأ بالكتابة .

[ ملاحظة : عند الكتابة في الفرونت بيج وأردنا الانتقال للسطر التالي لإكمال الجملة joomla السابقة بالضغط على Enter ستكون المسافة كبيرة بين السطور ولكن نضغط ( Shift+Enter ) . ]

* لإدراج صورة : نفتح القائمة Insert ثم نختار Picture ستفتح قائمة نختار منها From File بعد ذلك نختار الصورة التي نريدها ونضغط OK .
* لوضع وصلة أو ارتباط أو لنك ، تنقلنا لصفحة أخرى أو لصورة أو لمستند وورد أو لأي ملف عند الضغط عليها :
1- نكتب اسم الارتباط :مثلاً .. لمشاهدة صفحتي الشخصية "اضغط هنا" .

2- نظلل "اضغط هنا " .. وهي الجملة joomla التي تريدها أن تصبح ارتباط لصفحتك الشخصية .
3- نفتح القائمة Insert ونختار منها Hyperlink أو نضغط Ctrl+K في لوحة المفاتيح .. ستظهر لنا النافذة التالية




http://members.lycos.co.uk/loverommanceworld/FrontPage5.gif





1) : في هذه المساحة ستظهر الصفحات التي قمنا بحفظها .. وهذا سيسهل عمل ارتباط إلى هذه الصفحات .. فقط نأشر بالماوس على الصفحة التي نريد ربطها بجملة joomla " اضغط هنا " وستكتب مباشرة في الخانة (2) ، ثم اضغط OK .

(2) : في هذه الخانة يمكننا كتابة اسم الصفحة مباشرة مع امتدادها وهو (htm.) .

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

(4) : بالضغط على هذا الرمز ستفتح لنا نافذه لعمل ارتباط إلى بريد إلكتروني .. عند الضغط على الوصلة في المتصفح يفتح برنامج البريد الإلكتروني الافتراضي للشخص المتصفح ليرسل لك رسالة على العنوان التي ستكتبه في هذه النافذة .
بعد أن نختار نوع الملف الذي سنربطه بجملة joomla " اضغط هنا " اضغط OK .
سنلاحظ أن جملة joomla "اضغط هنا" أصبح تحتها خط أي أنها أصبحت ارتباط لصفحة أخرى أو لملف آخر .
[ وبنفس الطريقة نقوم بعمل جميع الارتباطات في موقعنا !!] .
** نلاحظ أن الارتباط يجب ان يكتب فيه الاسم مع امتداد الملف ... فمثلاً البرامج تكون عادة بامتداد exe أو zip لذا يجب علينا كتابة هذا الامتداد اذا رغبنا عمل صفحة برامج مجاني freeة ... فمثلاً لو اردنا عمل ارتباط لتحميل برنامج باسم mIRC وامتداده هو exe يجب ان يكون الارتباط كالتالي : mIRC.exe ، وهكذا لبقية الملفات باختلاف امتداداتها .


ــــــــــــــــــــــــــــــــــــــــــــــــــ ــــــــــــــــــــــــــــــــــــــــــــ




شرح طريقة طريقة إدراج فلم في الصفحة
عباره عن ملف: rm
على سبيل المثال: Dragon-Ball.rm


الطريقة كالآتي



http://members.lycos.co.uk/loverommanceworld/FrontPage6.gif





ثم ننتقل لنافذة التالية:
1- نختار عناصر تحكم متقدمة
2- دبل كلك على توصيل




http://members.lycos.co.uk/loverommanceworld/FrontPage7.gif




من النافذة التالية نختار التالي:
1- نضع مسار الملف
2- الرسالة اللي تظهر لشخص اللي ماعنده نفس البرنامج المستخدم
3- العرض والارتفاع
ثم موافق




http://members.lycos.co.uk/loverommanceworld/FrontPage8.gif




بيطلع لنا الشكل التالي نضغط على زر التشغيل
حتى يتم عرض الفلم




http://members.lycos.co.uk/loverommanceworld/FrontPage9.gif




العرض بيكون بالشكل التالي:




http://members.lycos.co.uk/loverommanceworld/FrontPage10.gif



ــــــــــــــــــــــــــــــــــــــــــــــــــ ــــــــــــــــــــــــــــــ





شرح طريقة خاصية البوك مارك



توضيح:
البوك مارك وضع رابط في أي مكان في الصفحة
وعند الضغط عليه يتم نقلك إلى أعلى مثلاً
أو إلى أي نقطة يتم تحديدها



http://members.lycos.co.uk/loverommanceworld/FrontPage11.gif




في النافذة التالية:
1- ضع إسم لنقطة أو صورة
2- إضغط موافق




http://members.lycos.co.uk/loverommanceworld/FrontPage12.gif





ثم نذهب إلى النص اللي احنا عايزينه ينقلنا للأعلى
رايت كلك ونختار إرتباط ( كليك يمين )



http://members.lycos.co.uk/loverommanceworld/FrontPage13.gif




ثم نضع الرابط #top ثم نضغط موافق




http://members.lycos.co.uk/loverommanceworld/FrontPage14.gif



ــــــــــــــــــــــــــــــــــــــــــــــــــ ــــــــــــــــــــــــــــــــــــــــــــــــــ ـــــــــ