في هذا الدرس لن أتطرق كثيراً للبرنامج لأن ما يهمني في هذا البرنامج هو أنك تعرف الأمر في البرنامج و مقابله في لغة HTML . لأن المواقع الكبيره و المتميزه لا تعتمد على صفحات HTML و أنما على صفحات أكثر حيويه و ديناميكيه من السابقه .
## لنلقي نظره على شريط البرنامج الرئيسي##
نشاهد قامة File و معرف عملها من الدرس السابق هي و قائمة Edit و View و windows و Help ....
هنا ما يهمنا قائمة insert لأن بها نضيف كل شيء الى الصفحه .
هناك قائمة Frames و مهمتها تقسيم الصفحه الى عدة أجزاء .
و قائمة Table و هي لعمل الجداول شبيه للقائمه الموجوده في Word .
## بداية موقع##
لتبداء موقع عليك بأنشاء مجلد خاص به لتتمتع بجميع مزايا فرونت بيج . وهذه الصوره توضح عملية أنشاء المجلد ... من قائمة ملف(File) ... نختار جديد (new)... و منها نختار صفحه جديده أمو موقع جديد (New page or Web) و منها نضغط على (نضغط على Empty Web)
بعدها تطلعنا هذه الشاشه اللي نضغط على Empty Web أيضاً . ونحدد مسار المجلد يعني بتحطه في المستندات ... عاد براحتك أنت حطه في المكان اللي تبيه
طبعاً لما تختار مجلد جديد و تنشئه يبي لك تنشيء صفحه جديده عندك طريقتين أما أنك تنشئها من القائمه السابقه بس بدال ما تختار Empty Web تختار (new page)
أو من هذه القائمه تختار علامة الصفحة الفارغه .
اللحين سوينا الصفحه داخل المجلد نبي نعطي هذه الصفحه بعض الخصائص .
أضغط بزر الماوس الأيمن و أختر Page Properties (خصائص الصفحه)
بتطلع لك شاشه مثل هذه الشاشه .
فيها الخيارات العامه للصفحه من : موقع - عنوان - خلفيه صوتيه .......
و أيضاً خصائص الخلفيه (إذا كنت تبي الخلفيه صوره أو لون او ...) و يحدد لك لون الخط و لون الأرتباطات hyperlink ..... كما تشاهدها في هذه الصوره .
و أيضاً قائمة Margins و هي تدل على الشريط المتحرك .
بقية القوائم لست بحاجه اليها لأنها عن اللغة و عن أختيارات البرنامج
##القوائم##
قائمة insert
من هذه القائمه يوجد عدة أوامر أهمها Horazintal Line (خط أفقي)
و أيضاً قائمة Inline Page وهي لوضع صفحه داخل الصفحه
و أيضا قائمة Picture التي تستخدم لأضافة الصور في الصفحه . فعند الضغط على هذه القائمة تظهر لنا قائمة أخرى فيها خيارات الصور
فتجد هنا أنك تختار مكان الصوره إذا كانت ملف أو أنك تختارها من الصور الموجوده في clipart اللي يجي مع الأوفيس . أو أنك تضيفها من السكانر و تقدر تسوي البوم صور عن طريق هذه القائمه . ...
و أيضاً تقدر تضيف من هذه القائمة رابط تشعبي (link) تختار hyperlink و بعدها تضع اللنك اللي تبي في الفراغ حق Address كما في الصوره
و هناك القائمة Form تعمل لك العديد من الأشكال التي بأمكانك الكتابه داخلها و الأزرار و نماذج .....
و أيضاً قائمة Web Component هذه القائمه مليئه بالأشياء التي تجعل صفحتك جميله و رائعه .
فيوجد بها قائمة Dynamic efficts : بها ثلاث خيارات هي (Hover Button) لعمل الأزرار لموقعك .. (Marquee) لأضافة كلام متحرك ... (banner ad manager) للتحكم بالبنر الرئيسي في موقعك .
Web Search لأضافة أداة بحث في موقعك
Spreadsheets and chartes لأضافة جداول و رسوم أكسل البيانيه . هي مجرد تطبيقات لهذا البرنامج على الفرونت بيج .
Hit Counter لأضافة عداد زوار
photo Gallery لأضافة البوم صور الى موقع و بأمكانك من قائمة pictur
Inculded Content هذه القائمه لجلب صفحه أو صوره .... و لكنها لا تتفعل الا إذا أخترت Empty Web لذلك نصحت بعمله في البدايه
.
و القائمة تطول .... أترك لك تجربتها .
لكن هناك أمر مهم و هو Advanced control الذي يتحكم بالأفلام و عروض الفلاش .. فالأمر pulg in للفلاش و الأمر Active X لأضافة فلم ..
قائمة Format
من هذه القائمه تختار الخط و تنسيق الصفحه و تقدر تختار أيضاً شكل موحد للصفحات يسمى Theme وهو أهم شيء بحيث أنه يكون موقعك ثابت الشكل
فعندما تختار الأمر Theme تظهر لك هذه الصوره أختر الشكل اللي يناسب موقعك من القائمة اليسرى . و تقدر تعدل عليه بأختيار modify
قائمة tools
أهم شيء في هذه القائمه و اللي يهمنا لما نصمم صفحه هو الأمر Page Options
لأنه من هذا الأمر يحدد لك خواص الصفحه على طول بحيث تكون أي صفحه جديده تحمل الخصائص التي حددتها أنت . وهي في قائمة Color Coding
أما قائمة Auto thmupnail فهي للتحكم في الصور الصغيره المرتبطه بصورة كبيرة مثل الألبوم للصور .
قائمة Table
هذه القائمه مطايقه تماماً لما في برنامج Word . و أترك لك التعرف على خواصها
هنا صوره لقائمة تنسيق الجدول عندما تضغط بالزر الأيمن للماوس تظهر لك
كيفية تقسيم الصفحه الى جزء ثابت و الآخر متحرك .
يتم من القائمه File ثم New أختر Page Templates من هذه القائمة تظهر لك شاشه كهذه
أختر الخيار الأوسط Frames Pages و أختر الشكل الذي يناسبك .
و أجعل في كل قسم صفحه عملتها مسبقاً أو أعمل صفحه جديده و أجعل أحد الأقسام ثابت الصفحه .
تستطيع التجكم بهذه الأقسام Frames عن طريق قائمة Frame
كم في هذه الصوره .
فبأمكانك تقسيم القسم الواحد الى أكثر من قسم من الأمر split Frame
و أيضاً بأمكانك الغى القسم من الأمر Delet Frame
و تعديل خواص القسم من الأمر Frame Properties
أما الثلاث خيارات في هذه القائمه فهي لحفظ القسم كصفحه save page و save page as . أما الخيار الأخر فهو لفتح القسم في صفحه جديده open page in new windows .
هذه بعض خواص برنامج فرونت بيج و ليس كلها ... لكن الأهم أنك تطبق الأمر و تشوف الأمر وش مرادفه في لغة HTML عن طريق الزر الموجود في الأسفل مكتوب عليه HTML .
الوضع العادي
