دليل عمل موقع إنترنت

 تريد موقع إنترنت خاص بك تضع فيع معلومات عنك, سيرتك الذاتية, إبداعاتك, صورك وصور أصدقائك المفضلين لكنك لا تعرف أو تعرف القليل عن كيفية إنشاء المواقع.في هذا الدليل الذي تَردَدُتُ في وضعه لكن بناءا على سؤال طرحه أحد أصدقاء النادي في منتدى الحوار الخاص بموقع ضو الليل. كان نصه: كيف يمكن تصميم موقع مجاني بطريقة سهلة؟؟

إلى من سأل ذلك السؤال والى كل أصدقاء وأعضاء نادي ضو الليل اقدم هذا الدليل عسى أن يكون ذا فائدة.

خطوات عمل الموقع 1- التسجيل لدى خادم إنترنت Internet Server يسمى "مُستضيف الموقع" ما أسس اختيار مزود خدمة استضافة موقعك?

1- صِغَر وجمال عنوان الموقع.

2- لغة الاستخدام . إذا كان عندك مشكلة في اللغة الإنجليزية أنصحك باستخدام المواقع العربية التي تقدم خدمة استضافة المواقع.

3- الدعم الفني المقبول. تحتاج أحيانا أن تطلب مساعده أو استفسار من مزود خدمة الاستضافة.

4- توفر نماذج صفحات إنترنت جاهزة للاستعمال . مفيدة إذا لم يكن عندك برنامج تصميم.

5- إمكانية تخزين ملفات صوت ,فيديو, وبرامج وخاصة إذا كان من الضروري وجود تلك الملفات في موقعك.

6- نوع الإعلان. الثمن الذي تدفعه مقابل موقعك هو الإعلان في صفحاتك من الجهة المستضيفة للموقع. تجنب نوع الإعلانات بوب أب POP up التي تظهر في صفحة أخرى فأنها مزعجة مثال ذلك في angelfire.com

7- أن يدعم برامج نقل الملفات مباشرة من جهازك إلى موقعك File Transfer Protocol “FTP”.

8- أن يدعم مايكروسوفت فرونت بيج 2000 اكستنشنز "امتدادات الملفات الخاصة بالبرنامج" وخاصة إذا كنت تنوى استعماله. معظم مستضيفي المواقع لا يوفرون هذه الميزة إلا مقابل ثمن. لذلك لا تركز على ذلك إذا كنت تريد موقع مجاني.

9- حاول أن يكون المستضيف يوفر خدمات لموقعك مثل إضافة عداد الزوار, سجل الزائر, forms وغيرها.

10- حجم المساحة المحجوزة للموقع. لا تركز في اختيارك على اكبر مساحة. فمثلا قد تحصل على 20 ميجابايت من المساحة المجانية بينما موقعك مهما كبر لن يتعدى 5 ميجا بايت.

11- أمور أخرى تعتمد عليك.

أشهر المواقع التي تستضيف المواقع

أنصحك أن تزور اكبر عدد من المواقع المستضيفة لتتعرف على المزايا المُقدَمة.

مواقع عربية تقدم خدمة الاستضافة:

مدينة عروب - واجهة استخدام عربية http://www.aroob.com/city/aroob.cgi http://www.lbgo.com

شبه عربي تابع ل About Web Services يدار من قبل شركة لبنانية تدعى Chakik Network International. واجهة الأستخدام الحالية هي الأنجليزية في المستقبل يمكن ان تحوََل الى العربية. استضافة غير مجانية http://www.arabhost.com

http://sites4arab.com

مواقع غير عربية:

اشهرها http://www.freeservers.com

http://www.tripod.com

http://www.angelfire.com

http://www.fortunecity.com

http://www.homepage.com

http://www.homestead.com

http://www.xoom.com

http://www.geocities.com

http://www.about.com

للاشتراك في أحد هذه المواقع المستضيفة يتطلب منك أولا تحديد اسم لموقعك ثم التسجيل لدى الموقع المُستضيف بطلب التسجيل Sign Up form .

بعض المواقع السابقة بعد التسجيل ستبعث لك رسالة لبريدك أقراها جيدا فربما تحتاج إلى تأكيد

تسجيل موقعك. Signup Confirmation

ما الاختلاف بين المواقع السابقة؟

يصعب حصرها هنا

سأترك لك معرفة ذلك إذا كنت مهتما لكن هناك اختلافات رئيسية منها المساحة المجانية تتراوح من 3 مجا إلى 100 ميجا بايت. و كذلك عنوان الموقع, فالبعض سيضع اسم موقعك في البداية والبعض في النهاية والبعض يضع اسم موقعك بعد إشارة /

أرسل لنا خبرتك وتجربتك الوافية في ذلك لنضعها في الموقع.

2- تصميم صفحات موقعك:

هناك ثلاثة طرق:

1- كتابة محتوى الصفحة. Source html code لعمل ذلك تحتاج لمعرفة لغة html إذا أردت تعلمها ستجد في موقع أصدقاء ضو الليل دروس تعليم مبسطة جدا على الوصلة التالية:

http://dclub.4t.com/html_guide2.htm

من البرامج التي أفضلها التي تسهل كتابة ال html code

Cute HTML http://www.globalscape.com

2- استعمال برامج تصميم .لا أستطيع أن احدد لك برنامج محدد ولكن إذا كنت ستكتب بالعربي لا أنصحك إلا ب مايكروسوفت ورد 2000 أو مايكروسوفت فرنت بيج 2000

فقليلة جداً البرامج التي تدعم اللغة العربية.

3- استعمال نماذج صفحات جاهزة للاستعمال. Templates & Wizards سواء كانت متوفره في برنامج التصميم الذي تستعمل00 او في مزود خدمة الاستضافة. أنصحك باستخدامها لأنها ستوفر الكثير من الوقت.

ملاحظات مهمة جداً:

1- الصفحة الأساسية لموقعك Home Page يجب أن تكون بالاسم التالي index.html أو index.htm وليس كلاهما وقم بإلغاء إن وجد في موقعك أي ملفات أخرى ذات الأسماء التالية:main.htm, main.html, default.htm, default.html

لأن متصفح الإنترنت يريد أن يتعرف على الصفحة التي يظهرها عند كتابة عنوان الموقع في المتصفح.

2- لا تستعمل فراغات في أسماء ملفاتك. استبدل الفراغ ب ( _ ) ذلك سيجعل ملفاتك متوافقة مع خادم الإنترنت الذي يستعمل أنظمة تشغيل غير ويندوز مثل نظام UNIX

3- وَحِّد شكل أحرف ملفاتك - أحرف صغيرة أو كبيرة - لنفس السبب السابق. عند عمل وصلة لملف انتبه لشكل الأحرف كبيره أم صغيرة. لأن خادم الإنترنت الذي يستعمل نظام تشغيل UNIX لا يعتبر مثلاً الملفات Index.html أو INDEX.HTM أو indeX.HTM أو index.html … هي نفسها.

ملاحظة: معظم خادمات الإنترنت Internet Servers تستعمل نظام التشغيل UNIX .

ما الفرق بين ملفات htm و html ؟

htm هو الامتداد الحديث لملفات الإنترنت التي تكون متوافقة مع أنظمة التشغيل ويندوز 95 وما فوق. أما الامتداد html فمتوافق مع النسخة القديمة من ويندوز 3.1

وبالنسبة لك شكل الملفات متشابه أمّا بالنسبة للمتصفح فهي مختلفة تماما فلكل ملف محتواه الخاص. لذلك من الأسلم استعمال الامتداد html إذا أمكنك ذلك بالرغم من انه لا أظن أن أحدا ما زال يستخدم نظام تشغيل اقل من ويندوز 95 . الأمر عائد لك في ذلك مع انه يجوز استخدام الامتداديين السابقين في موقعك.

إعداد الصفحة الأولى لموقعك Home Page

صفحة الإنترنت المثالية تكون ذات المحتوى

التالي: <html>

<head>

<title>ضع هنا اسم موقعك ثم معلومات شاملة ومختصرة عن الموقع </title>

<META name="keywords" content="ضع هنا كلمات بينها فواصل منقوطة تدل على موقعك بالذات “>

<META name="description" content="ضع هنا اسم موقعك ثم معلومات شاملة ومختصرة عن الموقع لكن بتفصيل اكثر من الذي وضعته في الأعلى

">

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1256">

<META name="author" content="ضع اسمك هنا">

</head>

<body>

هنا تأتي محتويات صفحتك والوصلات لصفحاتك الفرعية

هنا تأتي محتويات صفحتك والوصلات لصفحاتك الفرعية

هنا تأتي محتويات صفحتك والوصلات لصفحاتك الفرعية

</body>

</html>

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

تحديد اللغة.

من الضروري إضافة أمر تحديد اللغة المستخدمة في صفحتك لجعل المتصفح يقوم بشكل تلقائي بإظهار الأحرف بالطريقة الصحيحة وخاصة الأحرف العربية.

امر تحديد اللغة المذكور في تنسيق الصفحة السابقة هو Arabic(Windows) يمكن الاستغناء عنه في حال عدم وجود أحرف عربية في الصفحة. لكن يجب وجوده في كل صفحة من صفحاتك التي تحتوي على أحرف عربية.

هل من الضروري وضع وصف الصفحة description و الكلمات المفتاحية keywords في باقي صفحات الموقع؟

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

سنتكلم عن محركات البحث لاحقا

الصور في صفحاتك.

الصور يجب أن تكون في نفس مكان صفحاتك أو في مجلد "دليل" فرعي.

الصور من الأشياء التي تغير شكل موقعك. لكن بالمقابل سيؤدي ذلك إلى بطئ تنزيل الصفحات لذلك يجب أن تكون مقتصدا في ذلك فالزائر لصفحتك سيمل من بطئ الصفحة.

نوع الصور التي تستعمل في صفحات الإنترنت هو gif او jpg,jpeg

سؤال: أيهما أفضل تحويل الصور إلى jpg أو gif ؟

ذلك يعتمد على عدد الألوان في الصورة؟ فإذا كان عددها قليل فالأفضل التحويل إلى gif . أمّا إذا كانت الألوان كثيرة كصور المناظر والصور الشخصية عندها يكون الاختيار المثالي هو jpg فان ذلك سيحافظ على اكبر عدد من الألوان في الصورة.

برامج يمكن استخدامها:

Paint الموجود في ويندوز

Paint Shop pro http://www.jasc.com

الصور التي فيها حركة تكون فقط ذات امتداد gif إذا أردت عمل رسوم متحركة أو إضافة تأثيرات إلى صورة فهناك برنامجان يمكن استعمالهما لذلك:

Animation Shop 2 الذي يأتي مع Paint Shop Pro 6.1

Gif Animator تستطيع تنزيله من مواقع التنزيل مثل download.com

للعلم: أقصى عدد للألوان في gif هو 256 لون. أما jpg فملايين الألوان.

مواقع فيها صور متحركه ClipArt - http://www.clipart.com Free Graphic Land - http://www.freegraphicland.com Java Scripts استعمال جافا سكريبت سيضيف لمسات جميلة لموقعك. امثلة: مؤثرات لمؤشر الفأر. العاب. ساعة. حاسبة. اضافة جافا سكربت يتطلب منك معرفة كيفية نسخ ووضع اسطر في داخل صفحتك. وقد يتطلب منك معرفة لغة HTML لأجراء التعديل. لا تتعب نفسك في البحث عن او كتابة السكربت. في هذا لبرنامج المجاني ستجد اكثر من 550 سكربت جاهز للأستعمال. كما انه يحتوي محرر صفحات انترنت html editor والكثير من الأضافات 1st Page 2000 http://www.evrsoft.com مواقع تحتوي على امثلة جاهزة للأستعمال: JavaScript Cut n' Paste CNET JavaCenter DynamicDrive

عداد الزوار Counter

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

مواقع تقدم عداد الزوار

http://www.bravenet.com

http://www.thecounter.com

سجل الزائر - سجل الضيف

يتيح لزوار موقعك تسجيل اسمهم وملاحظاتهم عن موقعك.

هناك عدة مواقع تقدم لك هذه الخدمة مجاناً (مقابل الإعلان) اذكر لك بعضها:

http://www.bravenet.com

http://htmlgear.lycos.com/

http://www.theguestbook.com

قم بالتسجيل وستحصل على اسطر html Code انسخها بدقة وبالكامل وقم بوضعها في صفحتك - في ال html source code

من الممكن أن يقدم مستضيف الموقع خدمة سجل الزائر لك فالأفضل استخدامها.

Email Forms - نماذج معدة مسبقا لإدخال المعلومات أو الاختيار لبعث المعلومات إلى بريد صاحب الموقع أو المصمم

تعتبر من الأشياء التي تحسن موقعك ويساعدك على تطوير وتحسين موقعك.

مجالات استخدام النماذج البريدية Email Forms

- الإبلاغ عن مشكلة في موقعك أو في الوصلات. Bug Reports form

- لمعرفة تقييم الزوار بصفحات أو بمواضيع في موقعك . Visitor Feedback form

- طلب الدعم من صاحب الموقع في آمر يتعلق بمواضيع الموقع.Support form

- بعث رسالة إلى صاحب او مصمم الموقع من الموقع مباشرة. Contact form

- سؤال زوارك عن أمور معينه أو التصويت عليها. - والحصول على الإجابة في بريدك. Surveys or Voting form

- طلب شراء منتج ما من الموقع وخاصة إذا كان الموقع تجاري. لكن تجنب طلب معلومات سرية كرقم حساب الزائر.

كيف تعمل النماذج البريدية؟

تعمل باستخدام ملفات ذات امتداد cgi" Common Gateway Interface"موجودة في موقعك. عادة تكون في الدليل الفرعي /cgi-bin

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

كيفية تصميم ال فورم؟

تستطيع عمل الفورم بطريقتين:

1- كتابة ال html code قد تكون صعبة لكنها الأسلم.

2- باستعمال برنامج تصميم صفحات الإنترنت الذي تستعمله. لكن بعد الانتهاء منه قد تحتاج للوصول لداخل الصفحة للتعديل.

ولمعرفة المزيد عن تصميم الفورم وعن لغة ال html أنصحك بتنزيل دروس التعليم الشاملة هذه: Download the Tutorial files for Windows 95/98/ME/NT/2000 [2.3 MB]

إذا كان مستضيف موقعك لا يقدم خدمة ال Email CGI Forms و أردت إضافتها إلى موقعك. تستطيع عمل ذلك بالاستعانة بالمواقع التي تقدم هذه الخدمة.

مثل:

http://www.bravenet.com

إضافات أُخرى

ساحة نقاش . دردشة . محرك بحث عالمي . محرك بحث للموقع. رسوم كرتون . أخبار . بطاقات. استفتاء. قوائم بريدية. وغيرها

ستجد معظم ما تريد في

http://www.bravenet.com

http://www.htmlgears.com http://www.beseen.com

حالة الجو و درجات الحرارة

http://www.weather.com

إضافات أُجزاء من مواقع اخرى

بعض المواقع تسمح لأصحاب المواقع باستخدام اجزاء منها كما هنا في موقع ضو الليل.

من المواقع العربية التي تقدم ذلك:

Arabia http://www.arabia.com

3- وضع ملفاتك التي صممتها وخزنتها في قرصك الصلب في موقعك على الإنترنت. Uploading files

قبل أن تقرر بعث ملفاتك تأكد أن جميع الوصلات في صفحاتك التي صممتها صحيحة.

عملية وضع ملفاتك في موقعك مهمة جداً. تأكد دائماً انك نقلت جميع الملفات الخاصة بموقعك إلى الموقع ثم تأكد من الوصلات في الموقع.

هناك طريقتان لنقل الملفات:

الطريقة الأولى: استخدام خدمة نقل الملفات بواسطة مزود خدمة الاستضافة. توجه إلى الموقع المستضيف لموقعك ادخل اسم التسجيل آو عنوان الموقع حسب المستضيف وادخل كلمة السر.

بعد الدخول إلى أدوات التحكم بالموقع ابحث عن Upload files أو File Transfer تستطيع أن تنقل الملفات واحدا واحدا أو خمسة في نفس الوقت حسب المستضيف.

إذا كان مستضيف الموقع لا يقدم لك هذه الطريقة. فليس أمامك سوى الطريقة الثانية وهي الأفضل.

الطريقة الثانية: استعمال برنامج ftp لنقل ملفاتك. ftp: File Transfer Protocol عبارة عن برنامج يقوم بنقل ملفاتك إلى موقعك بسهولة كبيرة. من البرامج المشهورة التي تقوم بذلك:

Cute FTP برنامج رائع يستحق الاسم تستطيع الحصول على نسخة تجريبية منه ل30 يوم من الموقع التالي:

CuteFTP: www.globalscape.com

أو تستطيع شراءه من محلات ال CDs

برامج أخرى:

كريستال ف ت ب 2000 Crystal ftp 2000 مجاني الاستخدام . يعتمد على الإعلان Adware احصل عليه من:

http://www.casdk.com

DragDrop FTP

http://www.yrsoft.com

WS_FTP

http://www.ipswitch.com/Products/WS_FTP

4- تحديث الموقع

قد تضطر إلى تعديل في صفحة في موقعك أو زيادة صفحات.ستحتاج إلى تكرار عملية نقل الملفات التي غيَّرتها أو أضفتها إلى الموقع.

5- نشر الموقع والإعلان عنه

الدعوة للزيارة: تدعو من تعرف لزيارته لكن ينبغي أن تكون مؤدباً في طلبك دون إزعاج.

الأعلان عنه عبر منابر المخاطبة والدردشة Chat rooms

تسليم موقعك لمحركات البحث العالمية:

وضع ملفاتك على الإنترنت لا يعني أن محركات البحث ستجده. بل يجب أن يكون مُدرج في دليلهم.

هناك مواقع تقدم هذه الخدمة منها مجاني ومحدود فقط بالتسليم لعدة محركات. والآخر يقدم هذه الخدمة مقابل مبلغ من المال.

من هذه المواقع:

FastSubmit - Submit your website to search engines for FREE!

http://www.evrsoft.com/fastsubmit http://www.hitbox.com

http://www.ayna.com

قد تضطر للتوجه لمواقع محركات البحث لطلب إضافة موقعك مثل

http://www.aroob.com

http://www.4arabs.com

هناك برامج تقدم هذه الخدمة بتسليم موقعك ل اكثر من 1000 محرك بحث عالمي.

منها

Submit-Wolf PRO

http://www.trellian.com/swolf

برنامج مجاني محدود الاستعمال بالتسليم لمحركات البحث التالية:

Excite - Google - HotBot - Lycos - Surf Gropher

عند التسجيل (مقابل مبلغ؟) تستطيع تسليم موقعك لكافة المحركات المتوفرة.

بعد تسليم موقعك لمحركات البحث لا تتوقع أن يتم إدراج موقعك بسرعة. فقد تتراوح المدة من أسابيع إلى شهور. وقد لا يتم إدراجه نهائياً … أنت وحظك!!!!!

6- متفرقات - عنوان مصغر لحصول على عنوان مصغر لموقعك. تستطيع الأستعانه بمواقع تقدم هذه الخدمة مقابل الأعلان. فمثلا اذا كان عنوان موقعك : http://pages.about.com/yourname عندها يمكنك التسجيل فيصبح عنوان موقعك مصغر مثلا: http://come.to/yourname or http://clix.to/yourname هناك العديد من الأختصارات لتختار منها من المواقع التي تقدم هذه الخدمة: http://www.v3.com http://www.bravenet.com

اضافة الوسائط المتعددة (موسيقى, أغاني, و فيديو)

اضافة الفلاش