هل تريد ان تمتلك موقع علي الانترنت جميل وجذاب

الدرس الاول
اساسيات بناء صفحتك على الويب

هل تشاهد الكثير من المواقع الشخصية وتتساءل كيف استطاع هؤلاء الاشخاص بناء مثل هذه المواقع الجميلة والجذابة؟
هل تمنيت أن يصبح لديك موقع جيد وجذاب وبه لمسات سحرية وجميلة؟
إن بناء الموقع يحتاج الى مجرد عدة خطوات بسيطة ليست بها أية تعقيدات أو مستحيلات .... ألا تصدقنى؟ حسنا لتتبع تلك الخطوات ولتري بنفسك مدى سهولة بناء صفحة:
1-احجز لموقعك مكانا على الانترنت

اولا وقبل كل شىء يجب أن يكون لك مساحة على الشبكة لكى تضع صفحتك عليها .وهناك العديد من المواقع التى تعطي مساحة مجانية لوضع الصفحات الشخصية بمجرد التسجيل فيها .
ومن هذه المواقع :
الموقعوهذا الموقع يعطى حوالى 20 MB مساحة مجانية بمجرد التسجيل به وذلك فى مقابل وضع بانار أعلى صفحتك
http://freeservers.com
- ابنى صفحتك :
هذه بالطبع هى اهم الخطوات وهى خطوة تصميم وبناء الصفحة . ولكى تصمم وتبنى صفحتك يمكنك استخدام احد الإجرائين أو إستخدامهما معا :
- يمكنك بناء موقعك بإستخدام احد برامج تصميم الصفحات والتى تمكنك من بناء صفحتك دون الحاجة الى تعلم لغة ال HTML . ومن هذه البرامج برنامج Front Page Express وهو برنامج مجانى يأتى مع حزمة Intrnet Explorer المجانية.
لتعلم كيف تبني صفحتك بإستخدام فرنت بيج اكسبريس بشكل مختصر

برنامج Front page Express .... أحد برامج تحرير وإنشاء صفحات الويب . هذا البرنامج ليس إحترافي , بمعني انه يمكنك من عمل صفحات شخصية في سهولة , لذا فهو مصمم أصلا للمبتدئين في عالم بناء صفحات الويب . شركة Microsoft أنتجت هذا البرنامج ووضعته ضمن حزمة من البرامج المجانية والتي تأتي مع متصفحها الشهير Internet Explorer .لذا فإذا كانت عندك نسخة من إنترنت إكسبلورر الإصدارة الخامسة إذا فانت عندك برنامج فرنت بيج إكسبريس . ليس هذا فقط , بل إن فرنت بيج إكسبريس يأتي مع إسطوانة ويندوز 98 . لذا فإذا كانت عندك إسطوانة ويندوز 98 فإن برنامج فرنت بيج إكسبريس يوجد عندك وهو ينزل مع تثبيت ويندوز 98 . فإذا كنت تعمل الآن علي ويندوز 98 فلابد وان برنامج فرنت بيج إكسبريس قد نزل الآن علي جهازك .
. برنامج فرنت بيج اكسبرس سهل وبسيط جدا في الإستخدام حيث أنه يعمل كأي محرر نصوص عادي كما يمكنك الكتابة في MS WORD ... لكن هناك بعض الأوامر التي تميز محرر الويب هذا عن محرر النصوص . وهذه الأوامرهي:

1- تحديد لون الخلفية وصورة الخلفية:

· افتح قائمة Format ثم اختر Background .

· ثم اختر تبويب Background ومنه يمكنك تحديد لون النص واون الخلفية كما يمكنك تحديد لون الإرتباطات التشعبية.

· لوضع صورة خلفية اضغط علي Background Image ثم اضغط علي Browse لتحدد موقع الصورة سواء كانت علي جهازك أو في احد المواقع علي الإنترنت.

· إذا كنت تريد جعل الصورة الخلفية ثابتة فأختر Watermark
2-إدراج صورة في الصفحة:

· حدد المكان الذي تريد وضع الصورة به في الصفحة.

· افتح قائمة Insert ثم اختر Image .

· إذا كانت الصورة موجودة علي أحد مواقع الويب فأضغط From ******** ثم اكتب موقع الصورة ,وإذا كانت الصورة علي جهازك فأضغط عليBrowse وحدد موقع الصورة وأضغط Open .
3-إدراج إرتباط تشعبي:

أي ربط كلمة أو صورة بموقع أو صفحة وذلك عن طريق:

· حدد الكلمة أو الصورة المراد ربطها.

· إفتح قائمة Edit ثم أختر Hyperlink .

· أكتب عنوان الموقع أو الصفحة بالكامل في البند URL ثم أضغط Ok .

· إذا كنت تستخدم ال Frames فحدد ال Frame الذي تريد تحميل الموقع به واكتب عنوانه في البند Target Frame.

4-إدراج جدول :

· حدد المكان الذي تريد وضع الجدول به.

· افتح قائمة Tableثم اخترInsert Table .

· اكتب عدد الصفوف في خانة Rows وعدد الأعمدة في خانة Coloumns ثم إضغط Ok.

http://www.psdplanet.com/uploads/6a407b6a38.bmp
5-وضع خلفية صوتية:

· إفتح قائمة File ثم أختر Page Properties .

· في خانة Background Sound اضغط Browse ثم حدد موقع ملف الصوت الذي تريده.

· ثم من البند Loop حدد عدد المرات التي تريدها لتشغيل ملف الصوت ثم اضغط Ok.

6-إدراج رمز:

· إفتح قائمة Insert ثم اختر Symbol .

· إختر الرمز الذي تريده ثم اختر Insert .

· اضغط Close .


--------------------------------------------------------------------------------

7-إدراج خط أفقي:

· حدد المكان الذي تريد وضع الخط به.

· إفتح قائمة Insert ثم أختر Horizontal Line .

· إضغط مرتين علي الخط إذا أردت تغيير خصائصه

8-إدراج نص متحرك :

· حدد المكان الذي تريد وضع النص المتحرك به.

· إفتح قائمة Insert ثم أختر Marquee .

· اكتب في خانة **** النص الذي تريده ثم إضغط Ok

9-إدراج لقطة فيديو:

· حدد المكان.

· إفتح قائمة Insert ثم اخترVedio .

· إضغط Browse ثم حدد مكان ملف الفيديو. ثم إضغط Ok .




--------------------------------------------------------------------------------


- أو يمكنك بناء صفحتك بإستخدام لغة HTML وهى لغة سهلة جدا وبسيطة ويمكنك تعلمها بسهولة ويسر وفى اقل فترة ممكنة . وهناك العديد من المواقع العربية التى تعلم لغة HTML بالتفصيل .
ومن هذه المواقع :
موقع HP بالعربية .
موقع الدكتور نت . http://shabaka.hypermart.net/

3- اضافة لمسات سحرية لموقعك بعد بناءه :
الآن وبعد ان انتهيت من التصميم الأولى لموقعك يمكنك إضافة بعض اللمسات السحرية والجميلة لموقعك مثل :
- إضافة بعض الصور المتحركة Gif Animation . ويمكنك اخذ بعض الصور المتحركة من هذه الصفحة. ويمكنك صنع مثل هذه الصور المتحركة بإستخدام برامج الجرافيك ومن هذه البرامج البرنامج الشهير Paint Shop Pro وهو برنامج مشترك يعمل لمدة 30 يوما بكامل فعالياته ويمكنك ان تذهب الى موقع HP بالعربية والذى يعطى دروس فى طريقة استخدام البرنامج فى عمل اللمسات الجميلة لصفحتك .

- إضافة عداد للزوار فى صفحتك والذى يقوم بعد الزوار الذين يزورون موقعك ويمكنك اضافة عداد للزوار الى صفحتك مجانا من احد المواقع التالية :
موقع http://The Counter
موقع http://Siteflow
موقع http://Ultimate Counter

- اضافة سجل زوار الى موقعك يسجل فيه الزوار ارائهم واقتراحاتهم ومن المواقع التى تستطيع الحصول منها على سجل زوار مجانا :
موقع http://Miatrade
موقع http://Guestbook
موقع http://Beseen

- اضافة بعض اللمسات الجميلة بإضافة جافا سكريبت الى صفحتك وهناك بعض المواقع التى تحتوى على جافا سكريبت يمكنك نسخها ولصقها فى صفحتك .
ومن هذه المواقع :
موقع http://Java******city
موقع http://Java Center
موقع http://Java****** Source
موقع http://Java Goodies

- هل عنوان صفحتك طويل وصعب الحفظ .. يمكنك اختصار عنوان صفحتك الى عنوان صغير وسهل الحفظ عن طريق احد المواقع التى تمكنك من ذلك .
ومن هذه المواقع :
موقع http://i.am الذى يمكنك من عمل الإختصار http://i.am/User**** .
موقع http://hello.to والذى يمكنك من عمل الإختصار http://hello.to/User**** .
موقع http://fly.to والذى يمكنك من عمل الإختصار http://fly.to/User**** .

- اضافة ساحة حوار لموقعك من احد المواقع التالية :
موقع http://*** Post
موقع http://Beseen
موقع http://Discussion World

- اضافة ساحة دردشة لموقعك من خلال احد المواقع التالية :
موقع http://MultiSoftCorp
موقع Bessen .
موقع http://MaxiChat

3- نشر صفحتك فى شبكة الإنترنت :
لآن وبعد ان انتهيت من التصميم ووضع اللمسات الجميلة النهائية تبقى الخطوة الأخيرة وهى وضع صفحتك فى مساحتك المجانية على شبكة الإنترنت وذلك باستخدام لوحة التحكم والتي غالبا يوفرها لك الموقع الذى أعطاك المساحة المجانية . أويمكنك إستخدام أحد برامج ال FTP مثل برنامج WS-FTP . موقع Freeservers مثلا يحتوى على Browser متقدم يمكنك من نقل الملفات المكونة لموقعك الى مساحتك المجانية .

و الآن و بعد نشر صفحتك فى الإنترنت يمكنك ان تفخر بأن لك موقع متميز على الإنترنت و قد عرفت ان عملية بناء صفحة ويب سهلة و ليس بها اية صعوبات
تهانينا انت الان تمتلك موقع جميل وجذاب
http://www.psdplanet.com/uploads/6a407b6a38.bmp