M.Alkahtani
28/11/2001, 18:13
<p><b><FONT face="arial" size="3" ><b>في هذا <font color="red">الدرس</font> لن أتطرق كثيراً للبرنامج لأن ما يهمني في هذا البرنامج هو أنك تعرف الأمر في البرنامج و مقابله في لغة HTML . لأن المواقع الكبيره و المتميزه لا تعتمد على صفحات HTML و أنما على صفحات أكثر حيويه و ديناميكيه من السابقه .
<br />
<br />
## لنلقي نظره على شريط البرنامج الرئيسي##
<br />
نشاهد قامة File و معرف عملها من <font color="red">الدرس</font> السابق هي و قائمة Edit و View و windows و Help ....
<br />
هنا ما يهمنا قائمة insert لأن بها نضيف كل شيء الى الصفحه .
<br />
هناك قائمة Frames و مهمتها تقسيم الصفحه الى عدة أجزاء .
<br />
و قائمة Table و هي لعمل الجداول شبيه للقائمه الموجوده في Word .
<br />
<br />
## بداية موقع##
<br />
لتبداء موقع عليك بأنشاء مجلد خاص به لتتمتع بجميع مزايا فرونت بيج . وهذه الصوره توضح عملية أنشاء المجلد ... من قائمة ملف(File) ... نختار جديد (new)... و منها نختار صفحه جديده أمو موقع جديد (New page or Web) و منها نضغط على (نضغط على Empty Web)
<br />
بعدها تطلعنا هذه الشاشه اللي نضغط على Empty Web أيضاً . ونحدد مسار المجلد يعني بتحطه في المستندات ... عاد براحتك أنت حطه في المكان اللي تبيه <img src="images/smilies/smile.gif" border="0" alt="">
<br />
طبعاً لما تختار مجلد جديد و تنشئه يبي لك تنشيء صفحه جديده عندك طريقتين أما أنك تنشئها من القائمه السابقه بس بدال ما تختار Empty Web تختار (new page)
<br />
أو من هذه القائمه تختار علامة الصفحة الفارغه .
<br />
اللحين سوينا الصفحه داخل المجلد نبي نعطي هذه الصفحه بعض الخصائص .
<br />
أضغط بزر الماوس الأيمن و أختر Page Properties (خصائص الصفحه)
<br />
بتطلع لك شاشه .
فيها الخيارات العامه للصفحه من : موقع - عنوان - خلفيه صوتيه .......
<br />
<br />
و أيضاً خصائص الخلفيه (إذا كنت تبي الخلفيه صوره أو لون او ...) و يحدد لك لون الخط و لون الأرتباطات hyperlink ..... كما تشاهدها في هذه الصوره .
<br />
و أيضاً قائمة Margins و هي تدل على الشريط المتحرك .
<br />
بقية القوائم لست بحاجه اليها لأنها عن اللغة و عن أختيارات البرنامج <img src="images/smilies/smile.gif" border="0" alt="">
<br />
<hr>
<br />
##القوائم##
<br />
قائمة insert
<br />
من هذه القائمه يوجد عدة أوامر أهمها Horazintal Line (خط أفقي)
<br />
و أيضاً قائمة Inline Page وهي لوضع صفحه داخل الصفحه
<br />
<br />
و أيضا قائمة Picture التي تستخدم لأضافة الصور في الصفحه . فعند الضغط على هذه القائمة تظهر لنا قائمة أخرى فيها خيارات الصور
<br />
فتجد هنا أنك تختار مكان الصوره إذا كانت ملف أو أنك تختارها من الصور الموجوده في clipart اللي يجي مع الأوفيس . أو أنك تضيفها من السكانر و تقدر تسوي البوم صور عن طريق هذه القائمه . ...
<br />
<br />
و أيضاً تقدر تضيف من هذه القائمة رابط تشعبي (link) تختار hyperlink و بعدها تضع اللنك اللي تبي في الفراغ حق Address كما في الصوره
<br />
و هناك القائمة Form تعمل لك العديد من الأشكال التي بأمكانك الكتابه داخلها و الأزرار و نماذج .....
<br />
و أيضاً قائمة Web Component هذه القائمه مليئه بالأشياء التي تجعل صفحتك جميله و رائعه .
<br />
فيوجد بها قائمة Dynamic efficts : بها ثلاث خيارات هي (Hover Button) لعمل الأزرار لموقعك .. (Marquee) لأضافة كلام متحرك ... (banner ad manager) للتحكم بالبنر الرئيسي في موقعك .
<br />
Web Search لأضافة أداة بحث في موقعك
<br />
Spreadsheets and chartes لأضافة جداول و رسوم أكسل البيانيه . هي مجرد تطبيقات لهذا البرنامج على الفرونت بيج .
<br />
Hit Counter لأضافة عداد زوار
<br />
photo Gallery لأضافة البوم صور الى موقع و بأمكانك من قائمة pictur
<br />
Inculded Content هذه القائمه لجلب صفحه أو صوره .... و لكنها لا تتفعل الا إذا أخترت Empty Web لذلك نصحت بعمله في البدايه <img src="images/smilies/smile.gif" border="0" alt=""> .
<br />
و القائمة تطول .... أترك لك تجربتها .
<br />
لكن هناك أمر مهم و هو Advanced control الذي يتحكم بالأفلام و عروض الفلاش .. فالأمر pulg in للفلاش و الأمر Active X لأضافة فلم ..
<br />
<br />
قائمة Format
<br />
من هذه القائمه تختار الخط و تنسيق الصفحه و تقدر تختار أيضاً شكل موحد للصفحات يسمى Theme وهو أهم شيء بحيث أنه يكون موقعك ثابت الشكل
<br />
فعندما تختار الأمر Theme تظهر لك هذه الصوره أختر الشكل اللي يناسب موقعك من القائمة اليسرى . و تقدر تعدل عليه بأختيار modify
<br />
قائمة tools
<br />
<br />
أهم شيء في هذه القائمه و اللي يهمنا لما نصمم صفحه هو الأمر Page Options
<br />
لأنه من هذا الأمر يحدد لك خواص الصفحه على طول بحيث تكون أي صفحه جديده تحمل الخصائص التي حددتها أنت . وهي في قائمة Color Coding
<br />
أما قائمة Auto thmupnail فهي للتحكم في الصور الصغيره المرتبطه بصورة كبيرة مثل الألبوم للصور .
<br />
قائمة Table
<br />
هذه القائمه مطايقه تماماً لما في برنامج Word . و أترك لك التعرف على خواصها
<br />
هنا صوره لقائمة تنسيق الجدول عندما تضغط بالزر الأيمن للماوس تظهر لك
<br />
<hr>
<br />
كيفية تقسيم الصفحه الى جزء ثابت و الآخر متحرك .
<br />
يتم من القائمه File ثم New أختر Page Templates من هذه القائمة تظهر لك شاشه
أختر الخيار الأوسط Frames Pages و أختر الشكل الذي يناسبك .
<br />
و أجعل في كل قسم صفحه عملتها مسبقاً أو أعمل صفحه جديده و أجعل أحد الأقسام ثابت الصفحه .
<br />
تستطيع التجكم بهذه الأقسام Frames عن طريق قائمة Frame
<br />
فبأمكانك تقسيم القسم الواحد الى أكثر من قسم من الأمر split Frame
<br />
و أيضاً بأمكانك الغى القسم من الأمر Delet Frame
<br />
و تعديل خواص القسم من الأمر Frame Properties
<br />
أما الثلاث خيارات في هذه القائمه فهي لحفظ القسم كصفحه save page و save page as . أما الخيار الأخر فهو لفتح القسم في صفحه جديده open page in new windows .
<br />
<hr>
<br />
هذه بعض خواص برنامج فرونت بيج و ليس كلها ... لكن الأهم أنك تطبق الأمر و تشوف الأمر وش مرادفه في لغة HTML عن طريق الزر الموجود في الأسفل مكتوب عليه HTML .</b></font></b></p>
<br />
<br />
## لنلقي نظره على شريط البرنامج الرئيسي##
<br />
نشاهد قامة File و معرف عملها من <font color="red">الدرس</font> السابق هي و قائمة Edit و View و windows و Help ....
<br />
هنا ما يهمنا قائمة insert لأن بها نضيف كل شيء الى الصفحه .
<br />
هناك قائمة Frames و مهمتها تقسيم الصفحه الى عدة أجزاء .
<br />
و قائمة Table و هي لعمل الجداول شبيه للقائمه الموجوده في Word .
<br />
<br />
## بداية موقع##
<br />
لتبداء موقع عليك بأنشاء مجلد خاص به لتتمتع بجميع مزايا فرونت بيج . وهذه الصوره توضح عملية أنشاء المجلد ... من قائمة ملف(File) ... نختار جديد (new)... و منها نختار صفحه جديده أمو موقع جديد (New page or Web) و منها نضغط على (نضغط على Empty Web)
<br />
بعدها تطلعنا هذه الشاشه اللي نضغط على Empty Web أيضاً . ونحدد مسار المجلد يعني بتحطه في المستندات ... عاد براحتك أنت حطه في المكان اللي تبيه <img src="images/smilies/smile.gif" border="0" alt="">
<br />
طبعاً لما تختار مجلد جديد و تنشئه يبي لك تنشيء صفحه جديده عندك طريقتين أما أنك تنشئها من القائمه السابقه بس بدال ما تختار Empty Web تختار (new page)
<br />
أو من هذه القائمه تختار علامة الصفحة الفارغه .
<br />
اللحين سوينا الصفحه داخل المجلد نبي نعطي هذه الصفحه بعض الخصائص .
<br />
أضغط بزر الماوس الأيمن و أختر Page Properties (خصائص الصفحه)
<br />
بتطلع لك شاشه .
فيها الخيارات العامه للصفحه من : موقع - عنوان - خلفيه صوتيه .......
<br />
<br />
و أيضاً خصائص الخلفيه (إذا كنت تبي الخلفيه صوره أو لون او ...) و يحدد لك لون الخط و لون الأرتباطات hyperlink ..... كما تشاهدها في هذه الصوره .
<br />
و أيضاً قائمة Margins و هي تدل على الشريط المتحرك .
<br />
بقية القوائم لست بحاجه اليها لأنها عن اللغة و عن أختيارات البرنامج <img src="images/smilies/smile.gif" border="0" alt="">
<br />
<hr>
<br />
##القوائم##
<br />
قائمة insert
<br />
من هذه القائمه يوجد عدة أوامر أهمها Horazintal Line (خط أفقي)
<br />
و أيضاً قائمة Inline Page وهي لوضع صفحه داخل الصفحه
<br />
<br />
و أيضا قائمة Picture التي تستخدم لأضافة الصور في الصفحه . فعند الضغط على هذه القائمة تظهر لنا قائمة أخرى فيها خيارات الصور
<br />
فتجد هنا أنك تختار مكان الصوره إذا كانت ملف أو أنك تختارها من الصور الموجوده في clipart اللي يجي مع الأوفيس . أو أنك تضيفها من السكانر و تقدر تسوي البوم صور عن طريق هذه القائمه . ...
<br />
<br />
و أيضاً تقدر تضيف من هذه القائمة رابط تشعبي (link) تختار hyperlink و بعدها تضع اللنك اللي تبي في الفراغ حق Address كما في الصوره
<br />
و هناك القائمة Form تعمل لك العديد من الأشكال التي بأمكانك الكتابه داخلها و الأزرار و نماذج .....
<br />
و أيضاً قائمة Web Component هذه القائمه مليئه بالأشياء التي تجعل صفحتك جميله و رائعه .
<br />
فيوجد بها قائمة Dynamic efficts : بها ثلاث خيارات هي (Hover Button) لعمل الأزرار لموقعك .. (Marquee) لأضافة كلام متحرك ... (banner ad manager) للتحكم بالبنر الرئيسي في موقعك .
<br />
Web Search لأضافة أداة بحث في موقعك
<br />
Spreadsheets and chartes لأضافة جداول و رسوم أكسل البيانيه . هي مجرد تطبيقات لهذا البرنامج على الفرونت بيج .
<br />
Hit Counter لأضافة عداد زوار
<br />
photo Gallery لأضافة البوم صور الى موقع و بأمكانك من قائمة pictur
<br />
Inculded Content هذه القائمه لجلب صفحه أو صوره .... و لكنها لا تتفعل الا إذا أخترت Empty Web لذلك نصحت بعمله في البدايه <img src="images/smilies/smile.gif" border="0" alt=""> .
<br />
و القائمة تطول .... أترك لك تجربتها .
<br />
لكن هناك أمر مهم و هو Advanced control الذي يتحكم بالأفلام و عروض الفلاش .. فالأمر pulg in للفلاش و الأمر Active X لأضافة فلم ..
<br />
<br />
قائمة Format
<br />
من هذه القائمه تختار الخط و تنسيق الصفحه و تقدر تختار أيضاً شكل موحد للصفحات يسمى Theme وهو أهم شيء بحيث أنه يكون موقعك ثابت الشكل
<br />
فعندما تختار الأمر Theme تظهر لك هذه الصوره أختر الشكل اللي يناسب موقعك من القائمة اليسرى . و تقدر تعدل عليه بأختيار modify
<br />
قائمة tools
<br />
<br />
أهم شيء في هذه القائمه و اللي يهمنا لما نصمم صفحه هو الأمر Page Options
<br />
لأنه من هذا الأمر يحدد لك خواص الصفحه على طول بحيث تكون أي صفحه جديده تحمل الخصائص التي حددتها أنت . وهي في قائمة Color Coding
<br />
أما قائمة Auto thmupnail فهي للتحكم في الصور الصغيره المرتبطه بصورة كبيرة مثل الألبوم للصور .
<br />
قائمة Table
<br />
هذه القائمه مطايقه تماماً لما في برنامج Word . و أترك لك التعرف على خواصها
<br />
هنا صوره لقائمة تنسيق الجدول عندما تضغط بالزر الأيمن للماوس تظهر لك
<br />
<hr>
<br />
كيفية تقسيم الصفحه الى جزء ثابت و الآخر متحرك .
<br />
يتم من القائمه File ثم New أختر Page Templates من هذه القائمة تظهر لك شاشه
أختر الخيار الأوسط Frames Pages و أختر الشكل الذي يناسبك .
<br />
و أجعل في كل قسم صفحه عملتها مسبقاً أو أعمل صفحه جديده و أجعل أحد الأقسام ثابت الصفحه .
<br />
تستطيع التجكم بهذه الأقسام Frames عن طريق قائمة Frame
<br />
فبأمكانك تقسيم القسم الواحد الى أكثر من قسم من الأمر split Frame
<br />
و أيضاً بأمكانك الغى القسم من الأمر Delet Frame
<br />
و تعديل خواص القسم من الأمر Frame Properties
<br />
أما الثلاث خيارات في هذه القائمه فهي لحفظ القسم كصفحه save page و save page as . أما الخيار الأخر فهو لفتح القسم في صفحه جديده open page in new windows .
<br />
<hr>
<br />
هذه بعض خواص برنامج فرونت بيج و ليس كلها ... لكن الأهم أنك تطبق الأمر و تشوف الأمر وش مرادفه في لغة HTML عن طريق الزر الموجود في الأسفل مكتوب عليه HTML .</b></font></b></p>