-
~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
مقدمة في لغة 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
ان شاء الله بعد ما تقرأ الدروس دي هيكون سهل علينا نعمل صفحة رئيسية علي الأقل للموقع
الدرس القادم هيكون فيه مثال بسيط لصفحة وازاي ترفعها على مساحة مجانية
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
بجد يا مستر على رائع ومفيش اروع ولا اسهل من كدة
مجهود ممتاز ومتابع معاك ان شاء الله
بارك الله فيك وجزاك الله كل خير
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
يا سيدي ميه ميه اتمني الاستمرار يارب
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
شكرا استاذ على ..
شرح رائع وبسيط ..
تسلم الايادى يا باشا ..
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
درس سهل وبعتقد لغه سهله برضه ومازلت متألق
قبلتنى مشكله ولكن هحاول احلها لو ما قدرتش هرجع اسألك:)
جزاكم الله خيرا
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
وانا بردو يا مستر فى حاجة مش عارف اعملها
بس هحاول ولو معرفتش بردو هبقى اقولك
متابع معاك ...
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
يا جمدانك الجامد يا ريس....
اية الحلوة دى.
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
اكيد مفيش كلام
مينفعش غير نقول
تعظيم سلام
لاحلى مستر
سلام
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
مشكوووووووووووووووووووووو ووووووووووووووووووووووووو وووووووور
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
الله ينور يا علي .. الحلقة جميلة جدا و الشرح مفيش أحسن من كدا
متابع معاك يا ريس الحلقات الجامدة دي
=D>
تسلم ايدك و بارك الله فيك يا علي
:)
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
اللهم بارك فيك وفى كل مخلص ومجتهد مثلك وجزاك الله عنا خير الجزاء
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
مشكور مستر على على هذا الجهد وربنا يخليك لنا=D>
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
مشكورررررررررررررررر
ياسيد على على الشرح الجميل
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
تسلموووو يا
((على ))
على بقية الشرح
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
بحد انت رائع بارك الله فيك
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
تسلم علي والله يبارك بقلبك
معلومات كتير مفيدة وطريقة شرح مميزة
جهدك مبارك ان شاء الله
متابعين معك
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
أولاً : أود أن أشكركم علي ذوقكم العالي بخصوص إخباري بالدروس الجديدة. تحياتي
ثانياً : الدرس التاني : مفيد وجيد والمستوي بيعلي وياريت نعرف نلاحقه
ثالثاً : كان لي سؤال : أنا عرفت أكتب title وBody بس لسه ما عرفتش أدخل صورة
رابعاً : ده سؤال خاص بي!!! عايز أعرف إزاي أعمل توقيع زي الأخوان المشرفين الجامدين وأنزله أنا كمان.
وأخيراً... أنا عازم الأستاذ/ علي بيه مدكور .. قهوة علي حسابي والأخوة المشرفين لو قالولي إزاي أعمل توقيع عازمهم علي بيبس زي اللي بشربه دلوقتي..
تحياتي للأخوة جميعاً وأرجو أن أكون غير ممل..
التوقيع
** تحيـــــــــاتى **
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
حلقة أروع من اللى قبلها
بجد...الله ينور عليكـ ياعلى
متابع
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
شكرا لك على مجهودك الطيب وربنا ينغعنا به
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
ربنا يبارك فى اى انسان يعلم انسان اى معلومة جديدة مفيدة
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
مشكور والله وجزاك الله كل خير ووفقك لما هو خير ان شاء الله
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
تسلم كتير علي حبيب قلبي
والله العظيم بجد انا بدعي ربنا
يحميك ويزيدك من علمة
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
السلام عليكم
تسلم بارك الله فيك والف شكر
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
مشكور جداً جداً جداً جداً
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
very nice
حلقات حلوة والشرح سهل ومفهوم ...
ميرسي مستر علي ...
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
مش هاقدر اقول غير
جاااااااااااااااااااااااا ااااااااامد
تسلم ايدك
-
رد: ~ الحلقة الثانية من دورة مصراوي كافيه لتعليم تصميم المواقع .. تعليم لغة HTML ~
-
تسلملي استاذ علي الله يوفقك وانا متابع معاك
-
انا متابع معاك خطوه خطوه وشكراً ياأستاذي العزيز;;)
-
عن جد الشرح وافي عاشت ايدك
بس انا كمان في شغلات مش فاهمه
بس لما تخلص الدورة
-
gooooooooooooooooooooooooooooooooooooooooood
-
شرح سهل وواضح من انسان رائع ذادك الله من علمة ووفقك
-
استاذ على انا عايز اسال سوال انا لما احفظ الملف وافتحه يطلعلى كلام مكتوب بلغة غريبة
-
