صحيفة الاتحاد

نيوتك

مقدمة لتصميم المواقع


إعداد- رحاب زناتي
rehab_zanaty@hotmail.com

عزيزي القارئ··· سنتعلم في هذه السلسلة كيفية إنشاء موقع على الإنترنت باستخدام برنامج دريم ويفر، وسنبدأ هذه السلسلة من البداية تماماً أي من أول مرة تفتح فيها برنامج دريم ويفر، ونتدرج سوياً حتى ننتهي من إنشاء الموقع، ولكن قبل ذلك لا بد أن نتطرق إلى مقدمة عن تصميم المواقع، نعرف فيها ما هو الموقع، ومم يتكون؟ وما أنواعه؟ وما البرامج المستخدمة في إنشائه ؟ وكيف يتم التخطيط له؟ فتابعنا في هذا العدد والأعداد القادمة·
أولاً: ما هو الموقع؟
عندما تزور أي موقع على الإنترنت فأنت ترى صفحة رئيسية، وبها بعض المحتويات كالصور والنصوص وغيرها، وبها أيضاً بعض الأزرار، والتي إذا نقرتها تنتقل من صفحة إلى صفحة أخرى· إذن فالموقع يتكون من عدة صفحات مرتبطة ببعضها، وكل صفحة بها عدة مكونات من نصوص وصور وملفات صوت وحركة ··إلخ·
ولكن كيف يتم بناء هذه الصفحات ؟ وكيف تصل إلى شبكة الإنترنت بحيث يراها الآخرون؟
هذه الصفحات، وتلك المكونات يتم بناؤها ووضعها جميعها على مجلد خاص بك ، في جهاز الكمبيوتر الخاص بك، ويسمى هذا المجلد في دريم ويفر الموقع المحلي Local Folder . وينصح عادة بأن تقوم بتصميم الموقع بكل صفحاته ومحتوياته في هذا المجلد المحلي Local ، وبعد ذلك تأتي مرحلة النشر·
وفي مرحلة النشر ترفع المجلد ومحتوياته أي تنسخها من المجلد الموجود على جهازك إلى مجلد آخر على الجهاز الخادم (وحدة خدمة الويب) Server الذي يظل متصلاً بالإنترنت لمدة أربع وعشرين ساعة يومياً، وهذا المجلد البعيد يسمى في دريم ويفر Remote Folder وهذا المجلد الذي ستنقل إليه ملفاتك تأخذه (أو بمعنى أدق تأخذ المساحة التي ستنشئه فيها) مقابل أجر مالي تدفعه للشركة التي ستستضيف موقعك وهي إحدى الشركات المزودة لخدمات الإنترنت والتي تعرف اختصاراً (ISP)، وبالطبع هناك بعض الشركات أو المواقع التي تستضيف موقعك بالمجان ، وعملية الاستضافة هذه تسمى Hosting. عندما يتم هذا الـHosting فإن الشركة تعطيك مساحة لموقعك، ولوحة تحكم تديره من خلالها، وتعطيك عنواناً خاصاً Domain له مثلاً (MySite.com) وبانتهاء عملية النشر هذه يتمكن الزائرون من رؤية موقعك·
ثانياً: ما أنواع المواقع؟
المواقع نوعان: الأول الموقع الثابت Static site وهذا الموقع يعرض صفحات بها محتويات ثابتة، أي أنه لا يتفاعل مع الزائر، ولا يرتبط بقاعدة بيانات معينة· أما الموقع الذي يتفاعل مع الزائر كالمنتديات مثلاً، ويرتبط بقاعدة بيانات فيسمى موقع متغير Dynamic .
ثالثاً: ما البرامج المستخدمة في بناء البرامج ؟
بداية يتم إنشاء المواقع بلغة تسمى HTML اختصار لـ Hyper Text Markup Language وهي ليست لغة برمجة بالمعنى المعروف، ولكنها عبارة عن بعض الكلمات والرموز التي تكتب بواسطتك في محرر نصوص عادي وليكن Notepad وهذه الرموز أو الكلمات تخبر المتصفح Browser بمحتويات الصفحة وكيفية عرضها، وعلى الرغم من أن هناك بعض البرامج الجاهزة التي أخذت عنك عبء الكتابة بهذه اللغة مثل الفرونت بيج Front Page و دريم ويفر Dreamweaver إلا أنك قد تحتاج في بعض الأحيان إلى الاستعانة بلغة HTML لتعديل بعض التعليمات·
كما أنك قد تحتاج إلى لغات برمجة أخرى إذا كان الموقع ديناميكياً مثل PHP و ASP أوJava وغيرها·
رابعاً: التخطيط للموقع
قبل أن تبدأ في إنشاء الموقع عليك التخطيط له جيداً، وعملية التخطيط هذه قد تتعرض لأمور منها:
·1تحديد الجمهور، أي تحديد خصائص زائريك، عمرهم مثلاً فمواقع الكبار تختلف عن مواقع الصغار، وكذلك يجب تحديد جنس زائريك إن كان له علاقة، فقد يكون الموقع نسائياً أوصالحاً للجنسين·
·2 تحديد الغرض من الموقع، هل هو مجرد موقع شخصي؟ أم أنك تريد موقعاً تمارس من خلاله دوراً إعلامياً سواء أكان هذا الدور دينياً، أم تربوياً، أم سياسياً، ···إلخ· وبالطبع كلما كان الموقع متخصصاً كلما كان أكثر فائدة وعمقاً·
·3تحديد عدد الصفحات التي تريد ظهور ارتباطاتها بالصفحة الرئيسة بالموقع -بشكل مبدئي-، وتحديد المحتوى من نصوص، وصور، وملفات صوت، وحركة، وتحديد لون الخلفية·
·4حاول استخدام ورقة وقلم ورسم مخطط للموقع قبل أن تبدأ في تصميمه·
وبهذا عزيزي القارئ···نكون قد كونا وجهة نظر عامة عن الموقع وتصميمه، فإن كنت مهتماً بالأمر، فأعط نفسك فرصة للتفكير في تخطيط معين لموقع تراه يناسب شخصيتك ومهاراتك، كي نبدأ في تصميمه الحلقة القادمة بإذن الله من خلال برنامج دريم ويفر Dreamweaver.