منتديات الأماكن - الدرس الأول : أساسيات لغة html

جئنا ببابك مذنبين فارحم ضعفنا يالله
وجئنا ببابك تائبين فتب علينا يالله ..
وجئنا ببابك مستغفرين فاغفر لنا يالله ..
اللهم انك عفو تحب العفو فاعفو عنا ..
الله إنا نسألك رضاك والجنة ونعوذ بك من سخطك والنار ..
اللهم اغفر للمؤمنين والمؤمنات والمسلمين والمسلمات
الأحياء منهم والأموات .. برحمتك يا أرحم الراحمين ..

كيف نبدأ...

لا يتطلب كتابة ملف HTML أية برامج خاصة فهي كما قلنا لغة لا تحتوي على برنامج مترجم. بل نحتاج فقط إلى برنامج لتحرير النصوص البسيطة ومعالجتها، وبرنامج المفكرة الموجود في Windows يفي بهذا الغرض. وكذلك إلى أحد متصفحات الإنترنت Firefox أو Internet Explorer لمعاينة الصفحات التي نقوم بتصميمها. وعليك فقط أن نقوم بحفظ النص المكتوب بملف يحمل الاسم الممتد ‎.html أو ‎.htm
والجدير ذكره أنه يوجد العديد من البرامج التي تستخدم لإنشاء صفحات Html. دون الحاجة لمعرفة هذه اللغة حيث يقوم المستخدم من خلالها بكتابة الصفحات وتصميمها بما تحويه من نصوص ورسومات وجداول ثم يقوم البرنامج بتخليق الوسوم المناسبة وتحويل هذه الصفحات من وراء الكواليس تلقائياً وحفظها بتنسيق html. أي أن دور المستخدم ينحصر في الكتابة والتصميم فقط، دون معرفته للشيفرة التي استخدمت. وبالتالي عدم قدرته على التحكم بأي وسم أو تعديل الشيفرة حسب الحاجة، إلا من خلال إعادته للتصميم الأساسي ثم إعادة التحويل والحفظ من قبل البرنامج. وهذه الطريقة على سهولتها وسرعتها نسبياً، إلا أني لا أنصح باستخدامها لمن يريد معرفة هذه اللغة والتمكن منها.

قبل أن نبدأ

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

من أساسيات لغة HTML هي معرفة الشكل العام للصفحة
الإلكترونية , والتي من خلالها يمكن معرفة أين تضع الكود
, وأين تبدأ الكتابة .

ماهي مكونات الصفحة الإلكترونية :

1- وسوم الافتتاح والإغلاق

2- وسوم رأس الصفحة

3- وسووك جسسم الصفحه

والشكل العام التصويري لهذه العناصر , كما في الشكل :

http://www.khayma.com/hpinarabic/images/htsketsh.gif

أنتهى درسنا لهذا اليوم

مشاهدة ممتعة ..

والله الموفق

سبحانك اللهم وبحمدك أشهد أن لا إله إله إلا أنت أستغفرك وأتوب إليك