نجوم مصرية
منتديات نجوم مصرية منتدى الكمبيوتر والانترنت منتدى النقاش حول مشاكل الكمبيوتر والإنترنت



تابع نجوم مصرية على أخبار جوجل




دورة تعليمية في ال html

 

السلام عليكم ورحمة الله وبركاته

انا حبيت اتعلم تصميم ..بس حبيت اعلمكم معايا

او لغة html

لكن قبل ان ابدا

اريد ان اعرف اذا كان هناك تفاعل منكم ورغبة في تعلمها معي ام لا
تابع نجوم مصرية على أخبار جوجل




اتمنى التفاعل

اميرة الوردmiss.karawana






المقال "دورة تعليمية في ال html" نشر بواسطة: بتاريخ:
أميرة الورد
حتى لو مش شوفت تفاعل

هنزل الدوروس بقى ها

غصب :
d
أميرة الورد
سلام عليكم و رحمة الله و بركاته
بسم الله نبدأ دورة الــ html



الدرس الاول : أساسيات اللغه


نقطة مهمة هو أنه ما من الممكن أنك تعدل فلغة الترميز المتشعب الا عن طريق برنامج الفرونت بيج
أولاً هناك الكثير من البرامج ممكن تعدل ع أكواد هذه اللغه
من أبسط و أفضل هذة البرامج هو برنامج المفكره الموجود بالوندوز

بسم الله نبدا

أولاً ..
أساسيات اللغه باختصار
علامات البدايه و النهايه
تبدأ جميع أوامر هذه اللغه بـ علامة البدايه و تنتهي بــ علامة النهايه طبعاً تبدل كلمة
<علامة البدايه>
</علامة النهايه>
اشارة البدايه في أي كود html يبدي بــ <html> و ينتهي بــ </html>
بس حاسبوا يا الغالين ترا أنا حطيت الاوامر بالعربي بس عادةً تكون بالانجليزي بس للتوضيح أنا حطيتها بالعربي

ثانياً : تطبيق عملي على الي قلناه قبل شوي
تعالوا نكتب هالشفره مع بعض يا الغالين
افتح المفكره و اكتب فيها هالكود
كود:
كود:
<html>
<head>
<TITLE>العنوان </TITLE>
</head>
<body>
<I> مائل </I>
<B>أسود عريض </B>
<U>تحته خط </U> 
<B> THE END OF UR FIRST CODE </B>
</body>
</html>
طبعاً أنا حطيت أوامر بسيطه تبع تنسيق النصوص و ان شاء الله سيتم شرحها في درس تنسيق الخطوط بالتفصيل الممل

طبعا للتوضيح شيء مهم الكلام أو الاوامر الي تكون مكتوبه بين بداية الامر و نهايته هو الي ينطبق عليه التأثير إلي وضعناه
و للعلم اللغة دي هي الي تتضمن باقي اللغات يعني معظم اللغات تعتمد على اللغة دي اعتماد كامل
دلوقتي انسخ هذا النص للمفكره و احفظه بصيغة htm


الكل هيسألني ازاي هنغير الكلام الي كتبناه في المفكره الي امتداد htm ?? R]

طريقة تغيير امتداد ملفات الـ مفكره الى امتداد html لتعمل على المستعرض ولنتمكن من ترجمة الشفرات التي كتبناها ..
تابعوا معي
إنسخ الكود أو اكتبه بملف مستند نصي جديد ( المفكره )
بعدين لما تخلص معدل على الكود اعمله حفظ باسم و حط الاسم الي يعجبك
دلوقتي متعملش حفظ إنتظر شوية .. وشوف ايه هتحصل على الاسم مكتوب كدة ( مستند نصي 1.txt)
أو الاسم مثل دةا ( مستند نصي 1) بدون .txt
دلوقتي ...
عدل الــ txt و اكتب بدلها htm هذا اذا كانت الـ txt موجوده أصلا
أما إذا كانت ما موجوده فــ إكتب جنب الاسم ك .htm
و على حفظ
او باختصار : اذا اسم الملف عندك مثلاً xxxxxxxxx.txt طبعاً الــ txt هي الامتداد .. لما تريد تغير الامتداد هيكون الاسم كدة: xxxxxx.htm .. فهمتوا دلوقتي.



مميزات اللغه باختصار ..
- اللغه موجوده على جميع أجهزة الكمبيوتر ولا تحتاج لعملية تنصيب ولا تحتاج لبرامج مثلما أسبقت
- اللغه تعتمد على أوامر تفهم بمجرد قرأتها
- توجد هناك عدة طرق لكتابة الامر نفسه

و يعتبر تعلم هذه اللغه الاساس في عملية تصميم المواقع فــ هي الطريق المؤدي الى باقي اللغات
hossam512
شكررا وبانتظار جديدك
اثير الحب
بجد روعة

المزيد
أميرة الورد
ان شاء الله

هنزل الباقي
reemhmam
مشكورة اختى على هذه الروح الجميلة فى المساعدة:d
أميرة الورد
الله يخليكي يا قمر

نورتينىىىىىىىىىى
Sun-Light
إيه الجمال ده ، ننتظر بقية الدروس
أميرة الورد
ان شاءالله قريبا

ميرسي على المرور
أميرة الورد

الدرس الثاني

الألوان - أضف لصفحتك بعض الحيوية


















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



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

سوف نستمر باستخدام صفحتنا هذه لتوضيح أمثلة هذا الدرس أيضاً، لكن لن أقوم
بتكرار كتابة وسوم البداية طالما أن عملنا يتركز في الجزء المخصص لمحتويات
الصفحة نفسها أي ضمن الوسمين <BODY>
... <‎/BODY>.

إذن لنبدأ العمل!



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



تأمل الشيفرة :



‎<BODY
BGCOLOR="FFFFFF">‎

...

<‎/BODY>




لقد قمت بإضافة الخاصية
BGCOLOR
إلى الوسم <BODY>
، وهي تقوم بتحديد لون الخلفية للصفحة. أما
FFFFFF
فهي القيمة التي تمثل اللون المختار وهو هنا اللون الأبيض، (لاحظ أنها مكتوبه
بين إشارتي " " ) ولو أردت تمثيل اللون الأسود لكتبت الرمز 000000. أو الرمز
6699CC
للون الأزرق الفاتح......

فمن أين جاءت هذه القيم، وكيف؟... تابع القراءة وسوف تعرف


يتبع....



اسم العضو:
سؤال عشوائي يجب الاجابة عليه

الرسالة:


رابط دائم

مواضيع مشابهة:
دورة فوركس مجانية و150دولار بونص فى خاتمة دورة بمصر
اعلان عن افتتاح دورة تعليمية:- تصميم ستايلات بلوجر

Powered by vBulletin Version 3.8.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd
جميع الحقوق محفوظة © fmisr.com منتديات نجوم مصرية