|
الخطوة الأُولى :
التخطيط للموقع |
|
إذا
كنت تصمم الموقع لك ، يمكنك تخمين محتواه والإعداد له ، وإن لم تكن
كذلك فاطلب من مَن طلب منك بناء الموقع له ، أن يزودك ببعض
المعلومات المهمة ، وإعطائك بعض النقاط الرئيسية .
مثلا ً : طلب منا في الجامعة في مشروع لأحد المواد في قسم ( نظم
المعلومات ) مشروعا ً عبارة عن تصميم صفحة انترنت بسيطة وقد زودنا
المسؤول عن هذا المشروع بخطة واضحة سهلّت على الكثيرين عملية
التصميم وكفتهم الحيرة . اشترط في هذه الصفحة البسيطة هذه
الأمور :
- اسم الموقع وعنوانه .
- الخطوط الرئيسية والفرعية .
- طريقة تمييز النص المُميز .
- الصور المُراد ادراجها .
- خلفية الصفحة .
- عدد الجداول .
- الوصلات التي تنوي ربط الموقع بها تشعبيا ً .
- النصوص التي ستكون في الموقع .
- إضافات ديناميكية مثل سجل زوار ، منتدى ... إلخ .
يمكننا اعتبار هذه الشروط ، خطة تصميم موقعنا في هذه الدورة ....
أما لو لم تكن تملك خطة فقد ذكرنا في المقدمة عن الأمور اللتي يجب
مراعتها في عمل خطة موقعك على الشبكة .
بالإضافة إلى الخطة السابقة أحب أن أضيف بعض الأمور الهامة التي
تساعدك في عملية تطوير وبناء موقعك :
|
- مجلد للموقع - :
أنصحك بعمل مجلد للموقع سمه مثلا ً باسم موقعك " لنفرض هنا أنه
مـازن " ...
وقم بإنشاء مجلد images والذي
سيحوي الصور الخاصة بالموقع ، بعد إنشاءك للمجلد .. قم بوضع جميع
الصور التي ستستخدمها في عملية تصميم موقعك ... داخل هذا
المجلد . |
|
|
- تسمية الملفات - :
أنصحك في تسمية ملفات موقعك أن تستعمل الحروف الإنجليزية ، وأن
تستعمل أسماء ً ذات مدلول " صفحة تعريفية نسميها
About " على سبيل المثال .
ملاحظة / الصفحة الرئيسية لموقعك يجب أن تكون بمسمى
index ، وهي التي يتعرف عليها سيرفر
الموقع تلقائيا ً ...
فلو قمت بتسمية صفحتك بـ mazen.htm مثلا
ً .. فلن تظهر للزائر إذا قام بطلب
www.mazoo.com
وإنما عليه أن يكتب عنوان هذه الصفحة هكذا
:
www.mazoo.com\mazen.htm
إذن ... الصفحة الرئيسية
للموقع يجب أن تكون باسم " index
" لا تنسى :) |
|
|
|
|
 |
تصميم الموقع : |
في السابق كان
الجميع يلجأ إلى لغة HTML ، في عملية تصميم صفحات الإنترنت
... وهذه اللغة متعبة ومضنية التعلم ولا يمكن تعلمها وإتقانها في
فترة بسيطة لا سيما إن لم تكن متخصصا ً في الحاسب أو لك ميول
حاسوبية ...
لذا جاءت فكرة (( برامج التحرير الصريحة )) ،
هذه البرامج تعطيك نتائج رائعة وفعالة ، والأجمل من ذلك كله أنك
تستطيع تعلمها بسهولة جدا ً . في دورتنا هذه سنستخدم برنامج
الفرونت بيج إكس بي (( Microsoft FrontPage XP
)) وهو يأتي ضمن حزمة برامج المكتب " Office " الشهيرة
.. يمكنك الوصول للبرنامج عن طريق :
إبدأ >>>
البرامج >>> Microsoft
FrontPage
أيقونة هذا
البرنامج بهذا الشكل |
|
 |
|
بعد تشغيل البرنامج نقوم
بالبدء في عملية تصميم موقعنا عن طريق عمل التالي : |
|
# إنشاء صفحة
جديدة :
وذلك عن طريق التالي
File > New > Page Or Web
اختر من القائمة اليمنى Blank
Page " أي صفحة فارغة " .. " بعض النسخ
تخرج لك نافذة ستجد من بين الخيارات خيار Blank
Page " قم باختياره ، ستنتج لك منطقة عمل بيضاء اللون فارغة
.. تشبه في شكلها ... والأدوات المحيطة بها صفحة برنامج الوورد
|
|
 |
|
|
|
أحس إن ودك تكمل ؟
... اضغط هنا لو سمحت :) |
|
|