الدرس الثانى من دورس لغة html : تكوين صفحة الويب وما بداخلها

م/ محمد السعيد

عضو جديد
14 أغسطس 2009
3
0
0
بسم الله الرحمن الرحيم ​

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


أولا : ده أول درس مكتوب على الوورد 2003 ومرفوع للتحميل لمتابعة الدروس وانا رفعت
الدرس الأول ودرس الثانى بتاع النهادره فى المرفقات
ولكن أرجو الرد ياشباب عشان اشوف الشرح صعب ولا عايزين توضيح أكتر ولا ايه

رابط : الدرس الاول
السيرفر : ميديا فاير

صيغة الملف :: word2003

الحجم : 70 كيلو بايت

http://www.mediafire.com/?znyzmjm3ljl
​

والأن نستكمل الدروس ونبدأ على بركة الله درسنا الثانى​


معلش يا جماعة انا كنت شارح الدروس على موقع تانى قبل كده موقع انا إدارى فيه وانا موجود فيه باسم Enginner​

دلوقت هنعمل ايه ​





اطلع على الديسكتوب desktop ​



وفي اي حتة فاضية دوس كليك يمين ( انقر على زر الفارة الأيمن )​


واختار من القايمة new وبعدين اختار text document​


زى ما فى لصورة نعمل​

943310018.jpg
​





يالا افتحوا التكست واكتبوا معايا الكلام ده ​


كود:
<HTML>​

كود:

<HTML/>​




ايه ده بقى ايه الكلام اللى كتبناه ده ​


دي حاجة اسمها tags او باللغة العربية وسوم ​




طب احنا ليه كتبناها مرتين​

لا مش مرتين ولا حاجة خلوا بالكوا
الاتنين مختلفين عن بعد اول واحد كان عامل كده​






كود:​

<HTML>​






والتاني كان كده​



كود:​

<HTML/>​






في فرق بينهم هو سلاش ( / )​





الكود البسيط ده هايوصلنا لنتيجة بسيطة كده او معلومة بسيطة في الاول​

كل الاكواد بتبتدي بكود بداية وكود نهاية​





starting tag and a closing tag​




والصيغة العامة للأوسام كده​




كود:​

كود البداية < ........ >​


كود النهاية < ......./ >​











طب الكود الاولاني اللى كتبانه معناه ايه ​

معناه اننا قلنا للبراوزر <HTML> ​

ده بداية كلام مكتوب بلغة ال html​


وكده <HTML/> نهايته ​





خلاص احنا كده عرفنا البراوزر ان احنا هانكتب كلام بلغة ال html​

محتاجين نكتب بقى حاجة بينهم او شوية اوامر تانية​







في نقطة اساسية المفروض نوضحها دلوقتى​



اي كلام او اوامر هاكتبها في الصفحة بتاعتي اللى هاتظهر لازم اعرف هايبقى head ولا body​



كل صفحة نت بيبقى فيها head و body​






ودلوقتى هانكتب الاكواد بتاعتهم وبعدين هانعرف هانكتب جواهم ايه



كود:​

<HTML>​


كود:

<HEAD>​


..........
<HEAD/>​




<BODY>


..............
............................​


<BODY/>​

<HTML/>​








طيب ايه اللى بيتحط في ال head​

دلوقتى كل اللى يهمنا وممكن يتحط فيه هو عنوان الصفحة ال title​



باستخدام وسم ​

<title/> عنوان الموقع <<title>​



اللى بيظهر فى الشريط الأزرق فووووووووق شوف الصورة​




672208254.jpg





وبالنسبة للي بيتحط في ال body ​



الوسم <BODY> والذي يتم كتابة نصوص صفحة الويب جواه ، بالإضافة إلى إدراج الصور والجداول وباقي محتويات الصفحة. وهو يحتاج إلى وسم الإنهاء
<‎/BODY> ​





يلا نجرب الكود ده كده​




كود:

<html>​

<HEAD>​

<TITLE/> اسم موقعك ( مثلا العربى المصرى ) <TITLE>​




<HEAD/>​



<BODY>​



أهلا بكم فى موقعى الخاص ​



<body/> ​

<html/>​




575915923.jpg
​




دلوقتى اول درس خلص​



كل اللى هاتعمله انك تقفل التكست بس قبل ماتقفل اعمل سيف​



واتاكد انك هاتعمل ​



file>>save as >>1.html
يعني وانت بتحفظ الصفحة​

بدل ماتخلى الامتداد txt.
خليه ​

html.​


وافتح الملف ​









مثال بص الصورة​



919839658.jpg





273432428.jpg


[/frame]



والى لقـــــــــــــاء اخــــــــــــــــــــــــر ​
 

المرفقات

التعديل الأخير:
تسلم يالغالي

بس اهم شيء تكمل الدوره .. لان منتديات كثيره تسووي كم درس وماتكمل

او انهم ما يردون على استفساراتك ..