Php4Mee

الخطوة الأولى:
قم بتشغيل البرنامج، عند تشغيل البرنامج سينشي تلقائياً صفحة خالية.
الخطوة الثانية:
تحرك بمشيرة الفأرة في اي مكان من الصفحة و قم بالضغط على زر الفأرة الأيمن.ستظهر لك قائمة اختر منها البند <font color="#008000">Page
Properties</font> والخاص بخصائص الصفحة.

* بعد النقر على البند السابق لابد ان يظهر لك صندوق الخصائص ، وسيكون لسان التبويب الأول <font color="#008000">General</font> و هو الخيار العام نشطا.قم بالانتقال إلى خانة النص <font color="#008000">Title</font>واكتب عنوان صفحتك المناسب. لا حظ الشريط في اعلى البرنامج سيتبدل العنوان تلقائيا إلى عنوانك الذي كتبته. ثم انتقل إلى الزر المنسدل<font color="#008000">Document
Reading</font><font color="#00ff00"> </font><font color="#008000">Direction</font>و انقر عليه لتنسدل قائمة يوجد فيها خيارين: الاول لجعل اتجاه القراءة من اليسار إلى اليمين وهو خاص باللغة الآنجليزية و يرمز له بـ <font color="#00ff00"> </font><font color="#008000">(LTR)</font><font color="#00ff00">
</font> والثاني لجعل اتجاه القراءة من اليمين إلى الشمال وهو خاص باللغة العربية و يرمز له بـ <font color="#008000">(RTL)</font>
. وبناء على النص الذي ستكتبه حدد الاتجاه المناسب ، بالطبع سنختار هنا الاتجاه العربي.

* يوجد بند آخر خاص باللغة ايظا هنا و هو البند الاخير و المسمى <font color="#008000">HTML Encoding</font> وهو خاص بترميز الصفحة و محارفها المستخدمة للعرض و للحفظ. وحسب اللغات المسجلة في نظامك يمكنك ان تحدد اولا اللغة المناسبة لعرض هذه الصفحة و اعتقد انك ستختار هنا اللغة العربية و رمزها <font color="#008000">Arabic</font> وثانيا اللغة المناسبة لحفظ الصفحة وسنحتاج هنا ايظا إلى اختيار العربي.

* أن اردت ان تستخدم احد ملفات الصوت لعرضها عند استعراض صفحتك ، فانتقل إلى البند المسمى <font color="#00ff00">
</font><font color="#008000">Background Sound</font><font color="#00ff00"> </font>واضغط على زر <font color="#008000">Browse</font>وقم باختيار الملف. ثم حدد عدد مرات تشغيله بزيادة العداد المسمى <font color="#008000">Loop</font>او انقر على <font color="#008000">Forever</font>لتشغيل متواصل.

** تأكد من ان يكون ملف الصوت في نفس المكان الذي توجد فيه الصفحة. كذلك حاول قدر الامكان الابتعاد عن استخدام ملفات الصوت من نوع WAV لكبر حجم هذه الملفات عادة. حاول بدل منها استخدام ملفات الصوت من نوع MID .

الخطوة الثالثة:
انتقل إلى لسان التبويب <font color="#008000">Background</font>وانقر عليه لتعرض صفحة خصائص الخلفية. يمكنك من خلال هذه الصفحة تحديد الخلفية. فاذا اردت استخدام الصور كخلفية لصفحتك ، انتقل إلى <font color="#008000">Background
Image</font>و انقر على المربع الصغير بجانب الكتابة. ثم اضغط زر <font color="#008000">Browse</font>وحدد ملف الصورة المراد استخدامه كخلفية.

كما بامكانك أن تحدد لون الخلفية من خلال الزر المنسدل <font color="#008000">Background</font>فاضغط عليه لتظهر قائمة بالالوان حدد منه ما تشاء. بامكانك فعل الشيء نفسه للون النص باستخدام <font color="#008000">Text</font>

يمكنك الان ان تضغط زر <font color="#00ff00"> </font><font color="#008000">OK</font>للخروج من صندوق خصائص الصفحة.

** بالنسبة للصور يحبذ أن يستخدم ملف صغير الحجم قدر الامكان. لاحظ ان الصورة إذا كانت صغيرة سيقوم البرنامج بتكرارها لكي تحتل خلفية الصفحة بالكامل.

الخطوة الرابعة:

قبل البداية بهذه الخطوة انتقل إلى قائمة <font color="#008000">File</font>"ملف" واختر البند <font color="#008000">Save</font>لحفظ الملف. سيظهر صندوق حوار مبين فيه عنوان الصفحة الذي ادخلناه في الخطوة الثانية و موقع الصفحة في الشبكة العالمية. بالطبع الوقت مبكرا لكي نستخدم الشبكة. بدل من ذلك اضغط على الزر <font color="#008000">As File</font> ليتم حفظ الصفحة كملف. بعد الضغط على الزر السابق سيظهر لك صندوق الحوار الخاص بحفظ الملف. حدد الاسم و الموقع ثم قم بالحفظ.

بعد أن تقوم بالحفظ لأول مرة يمكنك أن تضغط على زر <img src="http://www.alnabri.net/ANlang/HTML/00sav.gif" width="14" height="14">لكي يحفظ الصفحة.

والان خطوات ادخال المحتوى للصفحة:

<ul>
<li>
انتقل إلى اول الصفحة واكتب "مرحبا بك إلى صفحة اسمك الشخصية". ثم اضغط زر الادخال مرتين من اجل وضع سطرين فارغين. ثم اكتب "المحتويات" ثم اضغط زر الادخال لترك سطر فارغ.

<li>
اضغط على زر الجدول <img src="http://www.alnabri.net/ANlang/HTML/01tab.gif" width="15" height="13">الموجود في شريط الادوات الثاني. بعد الضغط سيظهر لك مستطيل مقسم إلى خمسة في اربعة. تحرك بمشيرة الفأرة حول أول مربع واضغط على زر الفأرة ولا تطلقه.ستلاحظ ان المربع الاول قد تغير لونه .. اتجه بمشيره الفأرة إلى اليمين لكي تعلم على مربعين آخرين ، سيصبح مجموع ما علمت عليه من مربعات ثلاثة. الان اطلق يدك عن زر الفأرة. ستلاحظ مباشرة أن البرنامج قد قام بوضع جدول مكون من سطر واحد و ثلاثة اعمدة.

<li>اكتب "معلومات شخصية" ثم انتقل بواسطة الفأرة إلى العمود الثاني و اكتب "هواياتي" ثم انتقل بواسطة الفأرة إلى العمود الثالث و اكتب "مواقعي المفضلة".

<li>انت لازلت موجود في الجدول للخروج منه أضغط زر السهم الاسفل . بعد الخروج من الجدول اضغط على زر الادخال مرتين لترك سطرين خاليين. ثم اكتب "الرجاء مراسلتي". ثم اضغط زر الادخال عشر مرات لترك عشرة اسطر خالية.

<li>
اكتب "معلومات شخصية" ثم اضغط زر ادخال. اضغط على زر الترتيب النقطي <img src="http://www.alnabri.net/ANlang/HTML/02list.gif" width="16" height="15">ستظهر لك دائرة صغيرة في بداية السطر. اكتب بعدها اول معلومة عنك كعمرك مثلا. ثم اضغط زر ادخال وستتكرر الدائرة الصغيرة اكتب المعلومة الثانية عنك. كرر هذه العملية حتى تنتهي من ادخال جميع معلوماتك. و عند ادخال آخر معلومة اضغط زر ادخال ثم زر الترتيب النقطي لإيقافه. بعد ايقاف الترتيب اضغط زر الادخال تسع مرات.

<li>
اكتب "هواياتي" ثم اضغط زر ادخال. كرر الخطوة السابقة بالتفصيل مع ملاحظة أن تكتب هوياتك بدل من معلوماتك الشخصية.

<li>
اكتب "مواقعي المفظلة" ثم اضغط زر ادخال. كرر الخطوة قبل السابقة بالتفصيل مع ملاحظة أن تكتب مواقعك المفظلة بدل من معلوماتك الشخصية. كما لا نحتاج هنا إلى الضغط على زر ادخال تسع مرات في النهاية لنترك اسطر خالية لاننا وصلنا إلى نهاية الصفحة. لا تنس ان تحفظ الملف. </li>
</ul>

تنسيق و تحسين الصفحة:

بالطبع يبدو الشكل عاديا إلى حد الان. و الان لنقم بتنميق الصفحة متبعين الخطوات التالية:
<ol style="FONT-FAMILY: Tahoma; FONT-SIZE: 10pt">
<li>لنعد إلى بداية الصفحة. قم بالتعليم على "مرحبا بك إلى صفحة اسمك الشخصية" وذلك بتحريك مشيرة الفأرة إلى أول الكلمة ثم الضغط على زر الفأرة دون الاطلاق والاتجاه بمشيرة الفأرة إلى نهاية العبارة السابقة ثم اطلاق زر الفأرة. هل ترى الزر المنسدل الثاني في اعلى الصفحة من جهة اليسار. هذا هو زر الابناط. يمكنك أن تضغط عليه و تختار البنط المناسب. بما ان العبارة السابقة هي عنوان الصفحة فيجب ان يكون بشكل كبير. اضغط على زر التكبير <img src="http://www.alnabri.net/ANlang/HTML/06let.gif" width="40" height="16">الموجود بجانب زر الابناط من اجل تكبير الخط. و اضغط ايظا على زر<font color="#008000">B</font>الموجود بجانب زر التكبير و التصغير من اجل خط سميك. بعد ذلك اضغط زر التوسيط الموجود في ازرار تنسيق الخط <img src="http://www.alnabri.net/ANlang/HTML/07alg.gif" width="62" height="13">لتوسيط العنوان في السطر. اضغط على زر <img src="http://www.alnabri.net/ANlang/HTML/03col.gif" width="16" height="15"> ليظهر لك صندوق حوار خاص بالالوان و بما ان هذا هو العنوان فيحبذ اختيار لون مختلف عن بقية الوان النص. حدد اللون المناسب ثم اضغط زر <font color="#008000">OK</font>. تخلص من التعليم بضغط زر السهم الاسفل.
<li>حرك سهم الكتابة إلى بداية "المحتويات" . اختر من قائمة <font color="#008000">Edit</font>الخاصة بالتحرير البند <font color="#008000">Bookmark</font>الخاصة بالعلامة المرجعية. سيظهر لك صندوق حوار اكتب في خانة النص<font color="#000000">1</font>ثم اضغط زر <font color="#008000">Ok</font>. سيظهر لك في بداية السطر صورة صغيرة لعلم. هذه الخطوة تساعدنا للتنقل في الصفحة كما سترى بعد قليل.

<li><font face="Tahoma" size="2">حرك مشيرة الفارة إلى اقصى يسار الجدول لتتحول مشيرة الفأرة غلى سهم متجه لليمين ثم اضغط زر الفأرة. سيتم التعليم الان على كل الجدول. اختر البنط المناسب ثم اضغط زر التوسيط.

<li>قم الان بتنميق بقية ما كتبناه سابقا حسب رغبتك.

<li>هل تتذكر العبارة "الرجاء مراسلتي" ، انتقل إلى الاسفل منها ثم اضغط زر <img src="http://www.alnabri.net/ANlang/HTML/04pic.gif" width="16" height="15">الخاص بالصور ليظهر لك صندوق الحوار الخاص بالصور. اضغط على زر Browse ليفتح لك صندوق الحوار الخاص بالملفات. المطلوب هنا هو ان تحدد ملف صورة يكون محتواها يدل على البريد مثل الصورة هذه <img src="http://www.alnabri.net/ANlang/HTML/09mal.gif" width="28" height="26">. لا حظ ان هذا تقليد متبع في العادة و ليس مجبرا ، فالغرض هنا ان القاري لصفحتك عند ضغطه على تلك الصورة سيرسل لك رسالة. و لكن يمكنك ان تكتب عنوان بريدك كنص ان احببت. ** في حال استخدامك للصورة :حرك مشيرة الفأرة عليها ثم اضغط زر الفأرة الأيمن لتنبثق لك قائمة اختر منها البند <font color="#008000">Image
Proprties</font> والخاص بخصائص الصور. ما يهمنا هنا هو المستطيل الثاني بالتحديد. انتقل إلى خانة النص المسماة <font color="#00ff00"> </font><font color="#008000">Text</font>و اكتب فيها كلمة بريد. الغرض من هذه العملية هو اظهار نص في حالة تأخر ظهور الصورة أو عدم تمكين ظهور الصور. فبدل من ان يجود مربع خالي لا يفهم منه المستخدم لصفحتك شيئا ، يمكنه أن يرى النص الذي سيدل على محتوى الصورة حتى و ان لم تظهر.

<li>حرك مشيرة الفأرة إلى صورة البريد ان كنت اخترت الصور أو بريدك أن كنت كتبت النص. في حالة كتابة النص لابد من التعليم على كل عنوانك البريدي أما في حالة الصورة فيكفي ان تضغط عليها. بعد أي من العمليتين السابقتين اضغط زر الوصلات <img src="http://www.alnabri.net/ANlang/HTML/05lin.gif" width="16" height="15">ليظهر لك صندوق الحوار الخاص بالوصلات وفيه لسان التبويب الخاص بالشبكة العالمية نشطا <font color="#000000">World Wide Web</font> .الزر المنسدل المسمى <font color="#000000">Hyperlink
Type</font>هو خاص بنوع الوصلة والاختيار الافتراضي له هو موقع في الشبكة ويركز له بـ <font color="#000000">http</font>والذي يمكن ان تستخدمه لتكتب عنوان مواقعك المفظلة. اضغط على الزر المنسدل و اختر من القائمة البند <font color="#000000">mailto</font> الخاصة بالبريد ثم اكتب عنوانك البريدي في خانة النص المسماة <font color="#008000">URL</font>.

<li>انتقل الان إلى "معلومات شخصية" وحرك سهم الكتابة إلى بداية السطر. هل لازلت تتذكر الخطوة الثانية ، كررها هنا و لكن بدل من كتابة "1" اكتب "2" .

<li>انتقل الان إلى "هواياتي" وحرك سهم الكتابة إلى بداية السطر. هل لازلت تتذكر الخطوة الثانية ، كررها هنا و لكن بدل من كتابة "1" اكتب "3" .
<li>انتقل الان إلى "مواقعي المفضلة" وحرك سهم الكتابة إلى بداية السطر. هل لازلت تتذكر الخطوة الثانية ، كررها هنا و لكن بدل من كتابة "1" اكتب "4" .

<li>هل مللت من تكرار العملية دون ان تفهم الغرض منها...!! حسنا ا.انتقل إلى الجدول وقم بالتعليم على عبارة "معلومات شخصية" ثم اضغط زر الوصلات <img src="http://www.alnabri.net/ANlang/HTML/05lin.gif" width="16" height="15">ليظهر صندوق الحوار. اختر منه لسان التبويب <font color="#008000">Open
Pages</font>ليظهر لك اسم عنوان الصفحة انقر عليه لتعليمه ثم اضغط الزر المنسدل <font color="#008000">Bookmark</font>والذي من المفترض ان يحتوي الان على الارقام 1،2،3،4 التى ادخلناها سابقا. اختر الرقم "2" ثم اضغط الزر <font color="#008000">OK</font>. ستلاحظ ان عبارتك السابقة قد وضع اسفل منه خط مما يعني بانها اصبحت وصلة نشطة. فعندما ينقر عليها المستخدم سيتم نقله إلى العلامة المرجعية المسماة "2" وهي الفقرة الخاصة بمعلوماتك الشخصية.

<li>كرر العملية العاشرة لبقية محتوياتك :"هواياتي" اختر لها الرقم "3" ، "مواقعي المفضلة" اختر لها الرقم "4".

<li>ولكن ماهو فائدة الرقم "1" ؟ انتقل إلى نهاية الفقرات "معلومات شخصية" ، "هواياتي" و "مواقعي المفضلة" واكتب "عودة للمحتويات" وعلم على العبارة ثم اضغط زر الوصلات و اختر لسان التبويب الخاصة بالعلامات المرجعية و حدد العلامة المرجعية "1". ما سيحصل الان انه عندما يقوم المستخدم بالنقر على احد بنود المحتويات سيتم نقله إلى تلك الفقرة ثم بامكانه الرجوع إلى قائمة المحتويات بالنقر على "عودة للمحتويات". </li></ol>


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


<P align=center><FONT face=Tahoma size=2><A href="http://www.alnabri.net/ANlang/HTML/ex01.ZIP">تحميل المثال
</A></FONT></P>

===========================
للاستزاده..
<p><b><a href="http://www.alnabri.net/ANlang/">لغات
الانترنت</b></p

سابقاً sunsound2002

الصفحة الرئيسية لموقع الرياضة إلى الأبد