برق الشمال
03-09-2003, 12:51 AM
بسم الله الرحمن الرحيم ,,
لبدأ إنشاء موقعك الخاص عليّ أن أوضح بعض الأشياء: الموقع سيخزن على ملف أنت تحدده ولن يراه أحد من على الإنترنت أبدا , فقط على جهازك , و شيئا آخر : بعض خصائص الفرونت بيج لاتعمل الا على الإنترنت كمثلا عداد الزوار الخاص بالفرونت بيج . وملاحظة أخيرة دروس الفرونت بيج ستركز على فرونت بيج أكس بي (او كما تسمى 2002)
لنبدأ الدرس ::
أولا أفتح الفرونت بيج ( اضغط إبدأ Start=> برامج Programs => مايكروسوفت فرونت بيج Microsoft FrontPage .
الآن بعد فتحك الفرونت بيج اضغط ملف File => جديد New => صفحة أو ويب Page or Web .
تظهر لك قائمة على جهة اليمين من البرنامج , اختار Web Site Templates كما موضح في الصورة:
http://www.avan.org/nukeimage/kasser/fp1.GIF
الآن ستفتح لك نافذة حوار Web Site Template
http://www.avan.org/nukeimage/kasser/fp2.GIF
اولا المساحة الحمراء الأولى وهي عبارة عن قوالب جاهزة (مواقع جاهزة البناء) تنتظر التحرير فقط فمثلا يمكنك أخذ خيار " موقع شخصي " أو "Personal Web" لتصميم موقع شخصي سريع (فقط ستحرر مايلزم) , كما قلنا سنبدأ من الصفر فسنختار Empty Web "موقع فارغ" , حدد خيار Empty Web "موقع فارغ" .
ثانيا علينا ان نحدد ان سنخزن ملفات موقعك , أنشئ ملف جديد في جهازك (ملفا فارغا) ثم اضغط زر استعراض Browse و حدد الملف الذي انشئته ثم أضغط فتح Open .
ثالثا بعد التأكد من خياراتك أضغط OK موافق لإنشاء موقعك !
الآن من المؤكد انك ترى كما في الصورة:
http://www.avan.org/nukeimage/kasser/fp3.GIF
لشرح سريع لكي لاتصبح جاهلا وتفقد الأمل بسرعة: الفراغ الابيض يظهر جميع مايحتويه الموقع من ملفات قابلة للتحرير داخل الفرونت بيج. وعلى اليسار أزرار وهي :
Page صفحة : لعرض الصفحات التي تحررها (حاليا لاترى اي صفحة تحت تحريرك لاننا لم نصنع اية صفحة اصلا!)
Folders ملفات: لتصفح ملفات موقعك بصورة اوضح.
Reports تقارير: إظهار تقارير لموقعك (خطا في موقعك , عدد الصفحات , عدد الوصلات .. إلخ) ليس له علاقة كبيرة في التصميم
Navigation خريطة الموقع: يظهر لك خريطة الموقع والصفحات الرئيسية , لها علاقة بتصميم الروابط وسوف ندرسها في درس لاحق انشالله
Hyperlinks روابط: يعرض خريطة الموقع ايضا ويتتبع الروابط ... ليس له أهمية كبيرة جدا لموقع شخصي.
Tasks مهمات: لتسجيل مهمات موقعك , وهي كمفكرة الملاحظات ولكن ليست أهميتها كبيرة جدا لكن بإمكانك تسجيل ملاحظاتك هناك لكي لاتنسى مالذي كنت ستفعله في موقعك غدا!
قد أنشئ الفرونت بيج ملفان داخل موقعك هما _private و images وهما ملفان أساسيا يجب على الفرونت بيج صنعهما حتى لو كان الموقع فارغا
_private هو ملف يحفظ قاعدة بيانات مرسلة من الزوار لموقعك (مثلا يرسلون اقتراحات بدل ان تروح للايميل تجي لداخل الملف) الملف ليس ضروري مبدأ لذلك تجاهله وتجاهل فائدته مؤقتاً.
images هو ملف للصور , لكي ترتب موقعك ولاتجعل الصور تتراكم في جميع الامكنة خزنهم دائما داخل هذا الملف.
*أريد إضافة ملف جديد كيف ذلك؟
اضغط بالزر الايمن في مساحة البيضاء التي تظهر الملفات , اختر جديد NEW => ملف Folder وسمه بأي اسم.
الآن يجب أن يحمل الموقع "سمة Theme " معين ليتحسن جماليا (السمة تصمم لك خلفية و صورة عنوان الصفحة والازرار والالوان أي تتحكم بشكل الموقع)
من قائمة تنسيق Format اختر سمة Theme . ستفتح لك قائمة سمة:
http://www.avan.org/nukeimage/kasser/fp4.GIF
كما تلاحظ هناك مساحة كبيرة لمعاينة السمة التي تختارها وعلى اليسار تختار اسم السمة التي تريدها واسفلها اختيارات للون وغيرها, بالاضافة لزر Modify الذي بجانبه السهم وهو لتعديل السمة , سوف نتكلم عن هذا الزر في درس لاحق ...
الآن اختر سمتك التي تريدها ثم اضغط OK
الآن لإنشاء صفحة اضغط زر Create a new normal page الذي يحمل هذه الايقونة http://www.avan.org/nukeimage/kasser/fppageicon.GIF . تظهر لك مستند فارغ. اكتب ماتريد في الموقع حاليا (تعامل معه كما تتعامل مع برامج الكتابة كبرنامج الوورد Words ) , هذا ماكتبته انا مثلا :(لاحظ وجود خلفية السمة)
http://www.avan.org/nukeimage/kasser/fp5.GIF
الآن بعد ماكتبت ماتريده من كلام سوف نقوم بتخزين هذه الصفحة باسم الصفحة الرئيسية INDEX وستكون الصفحة الأم او الرئيسية لباقي صفحات موقعك بحيث أول مايكتب الزائر مثلا عنوان موقعك www.yourname.com ( و yourname هو اسم افتراضي) سوف يدخل على الصفحة الرئيسية مباشرةً أي سينتقل دون أن يعرف إلى www.yourname.com/index.htm !
لكي نجعل صفحتنا هذه الصفحة الرئيسية قم بما يلي : من أعلى الشاشة اختر Save من قائمة File وستظهر لك كما في الشكل :
http://www.avan.org/nukeimage/kasser/fp6.GIF
هذه هي نافذة التخزين , تظهر فقط مرة واحدة في كل صفحة تخزنها , أولا في حقل File name المحدد بالاصفر اكتب فيه index , ثم اضغط على الزر Change title المحدد بالأحمر لكي نضع عنوان للصفحة , ضع أي عنوان مثلا "الصفحة الرئيسية" , بعد ذلك اضغط زر Save المحدد بالأزرق للتخزين!
لقد انتهى الدرس , في درس آخر سنشرح خيارات تصميم الصفحات...
لبدأ إنشاء موقعك الخاص عليّ أن أوضح بعض الأشياء: الموقع سيخزن على ملف أنت تحدده ولن يراه أحد من على الإنترنت أبدا , فقط على جهازك , و شيئا آخر : بعض خصائص الفرونت بيج لاتعمل الا على الإنترنت كمثلا عداد الزوار الخاص بالفرونت بيج . وملاحظة أخيرة دروس الفرونت بيج ستركز على فرونت بيج أكس بي (او كما تسمى 2002)
لنبدأ الدرس ::
أولا أفتح الفرونت بيج ( اضغط إبدأ Start=> برامج Programs => مايكروسوفت فرونت بيج Microsoft FrontPage .
الآن بعد فتحك الفرونت بيج اضغط ملف File => جديد New => صفحة أو ويب Page or Web .
تظهر لك قائمة على جهة اليمين من البرنامج , اختار Web Site Templates كما موضح في الصورة:
http://www.avan.org/nukeimage/kasser/fp1.GIF
الآن ستفتح لك نافذة حوار Web Site Template
http://www.avan.org/nukeimage/kasser/fp2.GIF
اولا المساحة الحمراء الأولى وهي عبارة عن قوالب جاهزة (مواقع جاهزة البناء) تنتظر التحرير فقط فمثلا يمكنك أخذ خيار " موقع شخصي " أو "Personal Web" لتصميم موقع شخصي سريع (فقط ستحرر مايلزم) , كما قلنا سنبدأ من الصفر فسنختار Empty Web "موقع فارغ" , حدد خيار Empty Web "موقع فارغ" .
ثانيا علينا ان نحدد ان سنخزن ملفات موقعك , أنشئ ملف جديد في جهازك (ملفا فارغا) ثم اضغط زر استعراض Browse و حدد الملف الذي انشئته ثم أضغط فتح Open .
ثالثا بعد التأكد من خياراتك أضغط OK موافق لإنشاء موقعك !
الآن من المؤكد انك ترى كما في الصورة:
http://www.avan.org/nukeimage/kasser/fp3.GIF
لشرح سريع لكي لاتصبح جاهلا وتفقد الأمل بسرعة: الفراغ الابيض يظهر جميع مايحتويه الموقع من ملفات قابلة للتحرير داخل الفرونت بيج. وعلى اليسار أزرار وهي :
Page صفحة : لعرض الصفحات التي تحررها (حاليا لاترى اي صفحة تحت تحريرك لاننا لم نصنع اية صفحة اصلا!)
Folders ملفات: لتصفح ملفات موقعك بصورة اوضح.
Reports تقارير: إظهار تقارير لموقعك (خطا في موقعك , عدد الصفحات , عدد الوصلات .. إلخ) ليس له علاقة كبيرة في التصميم
Navigation خريطة الموقع: يظهر لك خريطة الموقع والصفحات الرئيسية , لها علاقة بتصميم الروابط وسوف ندرسها في درس لاحق انشالله
Hyperlinks روابط: يعرض خريطة الموقع ايضا ويتتبع الروابط ... ليس له أهمية كبيرة جدا لموقع شخصي.
Tasks مهمات: لتسجيل مهمات موقعك , وهي كمفكرة الملاحظات ولكن ليست أهميتها كبيرة جدا لكن بإمكانك تسجيل ملاحظاتك هناك لكي لاتنسى مالذي كنت ستفعله في موقعك غدا!
قد أنشئ الفرونت بيج ملفان داخل موقعك هما _private و images وهما ملفان أساسيا يجب على الفرونت بيج صنعهما حتى لو كان الموقع فارغا
_private هو ملف يحفظ قاعدة بيانات مرسلة من الزوار لموقعك (مثلا يرسلون اقتراحات بدل ان تروح للايميل تجي لداخل الملف) الملف ليس ضروري مبدأ لذلك تجاهله وتجاهل فائدته مؤقتاً.
images هو ملف للصور , لكي ترتب موقعك ولاتجعل الصور تتراكم في جميع الامكنة خزنهم دائما داخل هذا الملف.
*أريد إضافة ملف جديد كيف ذلك؟
اضغط بالزر الايمن في مساحة البيضاء التي تظهر الملفات , اختر جديد NEW => ملف Folder وسمه بأي اسم.
الآن يجب أن يحمل الموقع "سمة Theme " معين ليتحسن جماليا (السمة تصمم لك خلفية و صورة عنوان الصفحة والازرار والالوان أي تتحكم بشكل الموقع)
من قائمة تنسيق Format اختر سمة Theme . ستفتح لك قائمة سمة:
http://www.avan.org/nukeimage/kasser/fp4.GIF
كما تلاحظ هناك مساحة كبيرة لمعاينة السمة التي تختارها وعلى اليسار تختار اسم السمة التي تريدها واسفلها اختيارات للون وغيرها, بالاضافة لزر Modify الذي بجانبه السهم وهو لتعديل السمة , سوف نتكلم عن هذا الزر في درس لاحق ...
الآن اختر سمتك التي تريدها ثم اضغط OK
الآن لإنشاء صفحة اضغط زر Create a new normal page الذي يحمل هذه الايقونة http://www.avan.org/nukeimage/kasser/fppageicon.GIF . تظهر لك مستند فارغ. اكتب ماتريد في الموقع حاليا (تعامل معه كما تتعامل مع برامج الكتابة كبرنامج الوورد Words ) , هذا ماكتبته انا مثلا :(لاحظ وجود خلفية السمة)
http://www.avan.org/nukeimage/kasser/fp5.GIF
الآن بعد ماكتبت ماتريده من كلام سوف نقوم بتخزين هذه الصفحة باسم الصفحة الرئيسية INDEX وستكون الصفحة الأم او الرئيسية لباقي صفحات موقعك بحيث أول مايكتب الزائر مثلا عنوان موقعك www.yourname.com ( و yourname هو اسم افتراضي) سوف يدخل على الصفحة الرئيسية مباشرةً أي سينتقل دون أن يعرف إلى www.yourname.com/index.htm !
لكي نجعل صفحتنا هذه الصفحة الرئيسية قم بما يلي : من أعلى الشاشة اختر Save من قائمة File وستظهر لك كما في الشكل :
http://www.avan.org/nukeimage/kasser/fp6.GIF
هذه هي نافذة التخزين , تظهر فقط مرة واحدة في كل صفحة تخزنها , أولا في حقل File name المحدد بالاصفر اكتب فيه index , ثم اضغط على الزر Change title المحدد بالأحمر لكي نضع عنوان للصفحة , ضع أي عنوان مثلا "الصفحة الرئيسية" , بعد ذلك اضغط زر Save المحدد بالأزرق للتخزين!
لقد انتهى الدرس , في درس آخر سنشرح خيارات تصميم الصفحات...