الدرس الاول1

Admin المساهمات : 217 تاريخ التسجيل : 02/08/2008

ملاحظة:
لتنفيذ الخطوات فى هذا الدرس ستحتاج الى تحميل هذا البرنامج المجانى Nvu 1.0 لإنشاء وتصميم المواقع
البرنامج مجانى تماما لتأليف صفحات الويب, غنى بالوظائف والإمكانيات وقد يتفوق على فرونت بايج, وأهم شئ أنه مجانى تماماً. اضغط هنا لتحميل البرنامج أو من هنا
إذا لم تفلح الروابط العليا يمكنك تحميل برنامج كمبوزر (وهو نسخة طبق الأصل من البرنامج المذكور) من موقع Sourcrforge
الحجم: 7.6 ميجابايت
أيضا ستحتاج إلى تحميل هذا الموقع المصغر والمستخدم فى شرح هذا الدرس تحميل من هنا

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

هنا بعض الأفكار التى يمكنك اتخاذها نقطة للبدء:

1- الدعاية والإعلان
2- الزراعة
3- صيد الأسماك
4- الكتب والمكتبات
5- الكيماويات
6- المنتجات الغذائية
7- المكملات الغذائية والمنتجات الطبية
8- الألعاب
29- الرياضة
10- الطباعة والنشر
11- الموسيقى والغناء
12- العقارات والمبانى
13- مهمات المكاتب
14- الصحة والتغذية
15- العناية بالطفل
16- المستلزمات الطبية
17- مستلزمات الكمبيوتر
18- الاتصالات
19- القانون
20- الالكترونيات
21- التوظيف
22- برامج الكمبيوتر
23- ألعاب الأطفال
24- النقل والمواصلات
25- ألعاب الفيديو
26- تصميم مواقع الانترنت
27- السفر والسياحة
28- التجارة الالكترونية
29- الأمن والحماية
30- ......الخ

ولكى نبدأ فى التطبيق الفعلى, فسوف نختار أحد المجالات السابقة ونقوم ببناء الموقع بناء عليها, وعلى سبيل المثال سنختار موضوع السفر والسياحة ونبدأ فى بناء موقعنا, فمن أين نبدأ؟!

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

بمنتهى البساطة سنقوم بنشر مجموعة من المقالات المتعلقة بالسفر والتى كتبها أناس آخرون, وهذا لا يخالف قوانين النشر وحقوق الملكية الفكرية, حيث أنه يمكنك نشر مقالات الآخرين بشرط أن تقوم بالاحتفاظ باسم كاتب المقال وعنوان موقعه الموجود فى آخر المقالة.

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

صورة رقم "1"

وفيما يلى شرح سريع لأهم مكونات الصورة السابقة:
1- ويشير إلى "قائمة المجلدات" والملفات الموجودة فى موقع الويب الخاص بك, حيث منه قم بالضغط المزدوج على ملف "index.htm".
ملاحظة: ملف "index.htm" هو الملف الرئيسى وهو صفحة البداية الافتراضية فى أى موقع على الويب, فعندما تقوم بكتابة اسم أى موقع فى المتصفح لزيارته مثال: www.simsim.biz فان نظام التشغيل الموجود على السيرفر المستضيف يقوم تلقائيا بالبحث عن هذا الملف وعرضه باعتباره الصفحة الرئيسية للموقع, فلا تقم بتغيير هذا الاسم.
2- ويشير إلى شريط التصفح الأيسر فى الصفحة, ويحتوى على وصلات تشعبية للخمس صفحات فى الموقع يمكنك تعديلها كما تحب.
3- ويشير إلى الصفحات المفتوحة حاليا فى فرونت بايج, حيث يمكنك فتح أى عدد من صفحات الموقع والتبديل فيما بينها لسهولة التحرير.
4- ويشير إلى اسم موقعك مع رمز حقوق النشر "© 2005 yourwebsite.com", قم بتعديلها إلى اسم موقعك.
5- ويشير إلى الثلاثة أوضاع للتحرير فى فرونت بايج, وهى:
- "عادى" وهو الوضع الموضح بالصورة رقم "1" حيث يمكنك تحرير الصفحة بطريقة "WYSWYG" أى "ما تراه هو ما ستحصل عليه" وهى الطريقة التى يسرت إلى حد كبير عملية إنشاء صفحات الانترنت وجعلتها أشبه بلعب الأطفال.
- "HTML" وهو وضع التحرير بلغة HTML وهى لغة تطوير مواقع الويب, وهذا الوضع ستحتاج إلى الانتقال إليه عندما تحتاج إلى تعديل رأس الصفحة Head وهى خطوة هامة وسنشرحها فيما بعد, وهذا هو الوضع الموضح بالصورة رقم "2".
- "معاينة" وهو الوضع الذى ستظهر به الصفحة عند استعراضها فى متصفح الويب وهو الشكل التى ستظهر به لكل زوار موقعك.
6- ويشير إلى الجسم الرئيسي للصفحة ويحتوى على جدول مكون من مجموعة من الخلايا تحتوى على عبارات وجمل افتراضية, يمكنك استبدالها كما تشاء, ولكن دعها الآن حيث سنتولى شرحها فيما بعد.
فى الصورة السفلى, سنشاهد صفحة البداية فى وضع "HTML" والجزء الموجود داخل الشكل الأزرق هو جزء الرأس Head بالصفحة وهو جزء لا يظهر للزائر فى المتصفح, ولكنه هام من وجهة نظر محركات البحث حيث تعتمد عليه إلى حد كبير فى تصنيف المواقع وتخزينها فى قواعد بياناتها ويتكون هذا الجزء من مجموعة من "المعلمات" أو الميتا تاج "Meta Tags" ما يهمنا منها هو الثلاثة الأولى فقط وهم:
<Title>عنوان الموقع هنا</Title>
<meta name="Description" content="وصف للموقع هنا">
<meta name="Keywords" content="keyword1, keyword2, keyword3,...etc.">
- "Title": وهو عنوان الصفحة والذى يظهر فى شريط المتصفح.
- "Description": وهو وصف للموقع ويجب كتابة وصف واضح ومختصر لأهم ما يوجد بالموقع.
- "Keywords": وهى الكلمات المفتاحية أو الدليلية التى يستخدمها متصفحو الويب للبحث بها فى محركات البحث, ويجب أن تكون مستقاة من أهم الكلمات الموجودة بالصفحة, وهذه الميتا تاج أصبحت عديمة الأهمية تقريبا ولا تعتمد عليها معظم محركات البحث الهامة, ولكن يفضل عدم تركها فارغة.