HTML

تتألف شبكة الويب من عدد هائل من الحواسيب المتصلة بعضها ببعض وهذه الحواسيب تنقسم إلى قسمين بحسب الوظيفة: فلدينا الحاسوب الخادم -خادم الويب- والحاسوب العميل. فالحاسوب العميل يطلب خدمة ما من خادم الويب. فيرد خادم الويب بتنفيذ طلب الحاسوب العميل. وهذا كل ما في الأمر باختصار. فمتصفح الويب مثلًا هو برنامج يُنصّب على الحاسوب العميل وموقع الويب هو صفحاتٌ مصممة بصورة أساسية بواسطة HTML مع تقنيات أخرى وهذه الصفحات تتموضع على خادم الويب.

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

تستخدم اللغة في وصف هيكل صفحة الويب. إذ عندما يصل متصفح الويب إلى موقع ويب موجود على خادم ويب فإنه يبدأ بقراءة شيفرة الـ HTML سطرًا سطرًا. أثناء قراءته لشيفرة الـHTML سيقابل مجموعة من الوسوم التي يدل كل منها على دلالة معينة. وعند وصوله إلى وسمٍ ما ينفذه ويظهر النتيجة على نافذته التي ستظهر أمام المستخدم. فمثلًا إذا وصل إلى الوسم p سيفهم أن الشيفرة تطلب منه إضافة فقرة جديدة، فيضيفها وهكذا.

وتتألف صفحة الويب عمومًا من الرأس والجسم والذيل ويعبر عن كل من هذه الأقسام بوسوم تُوجَّهُ لبرنامج المتصفح أثناء طلبه لصفحة من صفحات موقعٍ ما متموضعٍ على خادم الويب. وضمن كل من هذه الأقسام الرئيسية يمكن استخدام وسوم أخرى لها مهام أخرى. وهكذا نقول إن لغة HTML هي اللغة التي ظهرت مع ظهور الويب إلى جانب تقنيات أخرى ولم تزل حتى الآن تستخدم لذات الغرض.

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

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

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

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

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

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