مقدمة في لغة html
زي ما قولنا الحلقة اللى فاتت ان معني كلمة html
hyper text markup language
لغة الـhtml تستخدم في عمل الصفحات البسيطة في الانترنت عن طريق اكواد ووسوم معينه هنقولها دلوقتي ان شاء الله الاكواد دي والوسوم بيترجمها متصفح الانترنت زي مثلاً Internet explorer او firefox ... إلخ..
قبل ما ابدأ في الشرح عايز اوضح حاجة بيسطه جداً :
ان لغة html دلوقتي ليها كذا محرر بيعمل الكلام اللى هتتعلمه في ايام في دقائق
بس طبعاً انت لازم تتعلم اللغة دي لأنك هتحتاجها بعد كده في تطوير أي حاجة
مثلاً عندنا أشهر محرر للغة الـhtml برنامج FrontPage التابع لشركة Microsoft
البرنامج ده بيعمل الكلام اللى هناخده ده في وقت صغير جداً بس ممكن تحتاج انت تعمل تعديل على الكود او حاجة طبعاً لو مش فاهم اللغة ماشية ازاي واية اساسياتها مش هتعرف تعمل التعديل ده ... وكمان لأن اللغة دي الأساس ...
وزي ما قولت في موضوع الدورة اننا هناخد البرنامج ده بس شوية كده ان شاء الله
علشان تقدر تعمل صفحة html مش مطلوب منك اي برامج إلا برنامج المفكرة notepad
والبرنامج ده نازل مع نسخة الويندوز وطبعاً مشهور جداً
لفتح برنامج الـnotepad اتبع الأتي :
افتح قائمة Start
وبعدين اختار Run
اكتب notepad
ثم اضغط Enter ...
يعني معظم وسوم الـhtml لازم تنتهي بالشكل ده ...
بس في شوية وسوم هنقول عليهم ملهوش نهاية..
دلوقتي بعد ما فتحتنا المفكرة notepad
وعايزين نعمل صفحة بسيطه HTML
<HTML>
</HTML>
دي معناها ان الصفحة html واي صفحة html بتبدأ الوسم ده او الكود ده
أي صفحة Html تحتاج إلي الأمر Head كما في المثال
<HTML>
<HEAD>
</HEAD>
</HTML>
الأمر المهم بين الوسم head الوسم title وهو لتحديد عنوان صفحة الويب كما في المثال
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
</HTML>
باقي الصفحة كصور وكلام وجداول هتكون بين الوسم bodyزي المثال ده
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY></BODY>
</HTML>
هنجرب دلوقتي نعمل صفحة بيسطه جداً جداًتحتوي على عنوان وكلمتين خفاف اكتب في المفكرة التالي :-
<HTML>
<HEAD>
<TITLE>الحلقة الثانية من دورة مصراوي كافية لتعليم تصميم المواقع</TITLE>
</HEAD>
<BODY>
اهلاً وسهلاً بيكم معانا في الدورة
</BODY>
</HTML>
بعد ما تكتب الكلمتين دول في الـnotepad
دلوقتي خطوة اننا نحفظهم كصفحة ويب html
افتح قائمة File ثم اختار Save
عند كلمة save as type اختار All Files
واعمل فلدر جديد بإسم mywebsite مثلاً
وسجل فيه الصفحة بإسم
"page1.html"
زي ما الصورة كده :)
http://members.lycos.co.uk/alimadkou...images/002.jpg
ان شاء الله بعد ما تقرأ الدروس دي هيكون سهل علينا نعمل صفحة رئيسية علي الأقل للموقع
الدرس القادم هيكون فيه مثال بسيط لصفحة وازاي ترفعها على مساحة مجانية
