تصميم مواقع على الشبكة العنكبوتية

مقدمه

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

قد يبدو الأمر صعبا ،ولكن تصميم صفحات الويب ونشرها عملية لا تختلف كثيرا في سهولتها وسرعتها عن إنشاء مستند من خلال أحد برامج تنسيق النصوص مثل مايكروسوفت وورد أو غيرها،من ناحية أخري قد يتساءل البعض من يحتاج إلي كيفية إنشاء موقع ويب ؟؟؟

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



الخطوة الأولى



الخطوة الأولى في أعداد مواقع علي الويب تتلخص في الإجابة علي السؤال التالي: لماذا نقوم بإعداد هذا الموقع؟ و ما هي الرسالة التي يحملها؟

الغرض من موقع الويب سيحدد في كثير من الأحيان الطريقة التي سنتبعها في تصميم ونشر الموقع, وفي الوقت الحالي من الضروري أن يحتوي موقعنا علي معلومات أولية عن المشكلات التي تواجه البيئة والمقالات الإرشادية التي تواجه زوار هذا الموقع للحفاظ علي البيئة وكذلك تعريف بالمسؤولين عن إعداد الموقع ليتمكن الزائرون من الاتصال بهم للحصول علي معلومات إضافية أو للمشاركة بالآراء والاقتراحات، كما لابد أن يحتوي الموقع أيضا علي روابط تنقل الزائرين إلي مواقع أخرى علي الويب تحتوي علي معلومات شبيهة، وأخيرا حتى لا نخرج عن العرف السائد علي الويب يجب أن تختار رمزا مميزا لموقعك ويجب ألا نهمل أيضا طبيعة رواد هذا الموقع. ففي مثالنا هذا رواد موقعنا هم أشخاص عاديون وفي أحيان كثيرة لن يكونوا علي دراية عالية باستخدام الكمبيوتر أو التعامل مع الويب و بالتالي يجب أن يكون موقعنا بعيدا عن التعقيد بقدر الإمكان و أن يكون تصميمه واضحا ويراعي سهولة الوصول إلي العناصر والموضوعات الفرعية التي يحتويها الموقع كما سنري لاحقا وبهذا نكون قد وضعنا تصورا شاملا لما سيحتويه الموقع.







أدوات إنشاء صفحات الويب



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

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

فإذا كنت من مستخدمي وورد 97 أو 2000 أو10الاصدار الجديد فيمكنك إعداد مستند بشكل اعتيادي تماما ويمكنك أن تضمنة خلفيات وصور وجداول وبعد ذلك يمكنك حفظة بلغة الهتمل وهكذا تكون صممت صفحة ويب علي جهازك

وهناك أيضا برامج أخرى يمكنها تصميم لغة الهتمل مثل

Word corel by Corel Company

Word pro by Lotus Company

Page maker by Adobe company and

Netscape Composer form

http://www.netscape.com


والمستخدمين نظام ويندوز 98 أو 95 ومستعرض الويب انترنت إكسبلورر الإصدار الرابع أو أعلي فإن لديك بالفعل برنامجا مجانيا وهو فرونت بيج إكسبرييس وهو أسهل برنامج يسهل استخدام الانترنت في إدخال اللغة العربية علية

الصور

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

Jpg , Gif

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








لاحظ الفرق شكل رقم1





شكل واحد



خطوات إنشاء موقع


الآن سنقوم بإنشاء موقعنا من خلال برنامج فرونت بيج إكسبريس الذي ستجده في المسار التالي في جهازك
إذا كان لديك ويندوز 98 أما إذا لم يكن لديك هذا البرنامج أو ويندوز آخر ..فأنقر هنا

Start/programs/Internet Explorer/FrontPage Express.exe



سيبدأ البرنامج في العمل

قم أولا بالنقر فوق الزر حفظ في شريط الأدوات ليظهر لك مربع الحوار حفظ باسم واكتب اسم الموقع واحفظه في أحد المجلدات الخاصة بك وقم بتسميته مثل



سيظهر لك مربع قم فيه بتحديد الصورة المطلوبة لوضعها أعلي الصفحة

في السطر التالي أكتب اسم الموقع"البيئة هموم وحلول"

اضغط إدخال للانتقال إلي السطر التالي ثم انقر

edit -> hyperlinks

ليظهر لك مربع حوار

create ثم

أكتب فيه اسم الصفحة الفرعية كلمة الشهر وفي كل مرة قم بنفس الطريقة حتى تنتهي من كل الصفح الفرعية وفي كل مرة قم بكتابة محتويات الصفحة الفرعية وقم بحفظها

بعد ذلك تأكد من أن صفحاتك تعمل بشكل جيد بالذهاب إلي المجلد الذي وضعت به الصفحات وافتح الصفحة الرئيسية وتجول به كأنك زائر

لمزيد من المعلومات لديك برنامج المساعد ة الخاص بالبرنامج فرونت بيج إكسبريس






أما إذا كان لديك ويندوز آخر أو ليس لديك هذا البرنامج فنحن نسهل عليك الأمر

ونتيح لمستخدمينا

أولا: صفحة التصميم السريعة لصفحات النت

وتقدم هذه الصفحة خدمات سريعة لعمل صفحات الإنترنت ذات امتداد HTM أوHTML

وهذا الصفحة تخدم أكثر من لديهم فكرة عن هذه اللغة أو المحترفون

للبرمجة

ثانيا: برنامج هتمل نت يقوم بتصميم صفحات النت علي جهازك ويعمل من خلال الشبكه ويجب أن تكون الشبكه تحت الاتصال حتى يعمل البرنامج وهو سهل الاستخدام حيث يصلح للجميع

كيفية نشره علي الويب



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

http://www.geocities.com

http://www.hypermart.net

http://www.homepages.msn.com



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

FTP Explorer

من الموقع

Http://www.ftpx.com

وهو مجاني في حالة استدامة بشكل شخصي

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

أولهما: بسبب اختلاف النظامين ويندوز ويونكس مما يجعله يفرق بين الحروف الكبيرة والصغيرة فلا يري صور في بعض الأحيان

وثانيهما: يرجع إلي السماحيات التي يعطيها يونكس للمجلدات الفرعية بمعني أن المجلدات الفرعية ليس بالضرورة أن يكون لك سماحية فتحها من المجلد الرئيسي فإذا واجهتك تلك المشكلة فحاول تنظيم ملفاتك من جديد

ولكن إنشاء مواقع كبيرة يحتاج إلي مهارات أكثر من ذلك

أين أجد مساحة لموقعي علي الويب


و الآن هل تريد نشر موقعك علي الويب ليستفيد منة الملايين حول العالم ويستطيعون رؤيته والطريقة المباشرة لذلك هي أن تقوم بتأجير مساحة لدي الشركات التي ستستضيفك فهناك طرق يمكن من خلالها نشر موقعك مجانا والمقابل هو نشر إعلانات في موقعك والجدول التالي يبين تلك المواقع المجانية


جدول المواقع المجانيه لإنشاء مواقع بداخلها..أنقر هنا

هذه المعلومات الخاصة بالمساحة أو عناوين الاستضافة خاصة للتغيير

ملاحظات


عنوان الموقع
اسم الموقع

يوفر مساحة 5 ميجابيت مساحة تخزينية لموقعك
http://www. Angelfire.com
Angelfire

يوفر مساحة تخزينية مفتوحة لموقعك
http://bon.net
Bon.net

يوفر مساحة تخزينية مفتوحة لموقعك وبريد إلكتروني
Http://www. Crosswinds.net
Crosswinds

يوفر مساحة 12 ميجابيت مساحة تخزينية لموقعك وعنوان بريد إلكتروني
http://www. Cyntcty.com/cynetcity.htm
Cy Net City

يوفر 1 ميجابيت مساحة لموقعك
http://freeweb.digiweb.com
Digiweb Hosting

يوفر 2 ميجابيت مساحة تخزينية وبريد إلكتروني
http://forforee.at
Forfree.at

يوفر 10 ميجابيت مساحة تخزينية لموقعك
http://www.fortunecity.com
Foetune city

يوفر20 ميجابيت مساحة تخزينية لموقعك وبريد إلكتروني
http://wwwfsn.net
FSN

يوفر 6 ميجابيت مساحة تخزينية لموقعك إضافة إلي توجية رسائل البريد الالكتروني إلي عنوانك
http://www.geocities.com
Geocities

يوفر مساحة 12 ميجابيت مساحة تخزينية لموقعك وعنوان بريد إلكتروني
http://www.homesteat.com
Homeesteat

يوفر 2 ميجابيت مساحة تخزينية
http://wwwhowdyneigbor.com
Howdy Neighbor

يوفر 10 ميجابيت مساحة تخزينية لموقعك إضافة إلي توجية رسائل البريد الالكتروني إلي عنوانك
http://www.hypermart.net
Hyper Mart

يوفر مساحة 12 ميجابيت مساحة تخزينية لموقعك
Http://homepages.msn.com
MSN Home Pages

يوفر 3 ميجابيت مساحة تخزينية لموقعك
http://www.trailerpark.com
Phrantic`s Trailerpark homepages

يوفر 10 ميجابيت مساحة تخزينية وبريد إلكتروني
http://free.prohosting.com
Prohosting

يوفر 2 ميجابيت مساحة تخزينية إضافة إلي توجية رسائل البريد الالكتروني إلي عنوانك
http://members.rotfl.com
ROTFL

يوفر 5 ميجابيت مساحة تخزينية وبريد إلكتروني مجانا
http://free.sully.net
SN Free Web Homepages

يوفر 11ميجابيت مساحة تخزينية
http://www.tripod.com
Tripod

يوفر 5 ميجابيت مساحة تخزينية وبريد إلكتروني مجانا
http://www.vr9.com
Vittual 9

يوفر20 ميجابيت مساحة تخزينية لموقعك
http://www.virtualave.net
Virtual Avenue

يوفر 11ميجابيت مساحة تخزينية وبريد الكتروني
http://www.xoom.com
Xoom