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

الخطوة 1 : لنكتب بعض وسوم HTML

إفتح برنامج المفكرة Notepad و ضع به هذه الوسوم

<html>

<head>

<title>هذه أول صفحة لك</title>

</head>

<body>

<h2>وسوم هتمل سهلة جداً </h2>

<p>

سأبني موقعي بإذن الله و سيكون أفضل موقع عربي

</p>

</body>

</html>

الخطوة 2 : لنحفظه على هيئة HTML

الأن ببرنامج المفكرة حفظ بإسم Save As  و سميه mypage.html  . يمكنك تسميته بأي اسم شئت طالما لم يخالف أي من هذه الشروط :

  1. عدم وجود مساحة Spaces  مثل my page.html و ذلك لان وجود المساحة تعطيه حالة سيئة بعكس عندما يكون عبارة كاملة.
  2. وجوب إنتهاء الصفحة بالإمتداد .html \ .htm  و كلاهما صحيح و ذلك لكي يتعرف عليهما قارئ الصفحات أي المتصفح بشكل صحيح و يستعرضها على شكل صفحة .
  3. لا تدخل أي رموز مثل %$&#  بل ابقى ثابتاً على الحروف و الارقام القياسية.

الخطوة 3 : مشاهدة ما قد بنيته

الأن بعد كتابة الوسوم و إنشاء الصفحة و تكوين ملف html  ، لملا نشاهد ماقد بنيناه ؟؟

بكل بساطة قم بنقر على الملف مرتين و كأنك تفتح صورة أو فيديو و سيفتح لك مستعرضك الإفتراضي الصفحة و كأنها عبارة عن صفحة في الانترنت . و سوف تشاهد ماقد طبع إعتماداً على الوسوم التي أدخلتها في الملف ، يمكنك مشاهدة مصدر الصفحة و التأكد من الوسوم عن طريق المتصفح و ذلك بالنقر زر الفأرة الأيمن و اختيار View Source  ( في الانترنت أكسبلورر ) و سيظهر لك المصدر . طبعاً هذه أول صفحة لك و قد يكون شكلها بسيط جداً و لكن ما المشكلة ؟ فهذه اول صفحة في حياتك و هذا دليل بأنك تستطيع أن تبني موقع أو مجتمع إنترنت متفاعل بكل إحترافية  فكم أخذن من الوقت لقراءة هذا المقال ؟؟

أكتب تعليق

تستطيع استخدام الوسوم التالية:

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>