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


دردشة نور عينى اكبر تجمع عربى خليجى
 
الرئيسيةالبوابهأحدث الصورالتسجيلدخولالتسجيلابحث

 

 صفحتي الأولى الدرس الأول

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
على
عضو ذهبي
عضو ذهبي



عدد الرسائل : 1
ذكر
عدد المساهمات : 108
نقاط : 302
السٌّمعَة : 0
تاريخ التسجيل : 30/01/2010
العمر : 68

صفحتي الأولى الدرس الأول Empty
مُساهمةموضوع: صفحتي الأولى الدرس الأول   صفحتي الأولى الدرس الأول Icon_minitimeالإثنين مارس 01, 2010 4:10 am

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


[size=24][size=12][size=21]
السلام عليكم ورحمة الله وبركاته
بسم الله الرحمن الرحيم
نبدأ سويًا دورة الـ HTML التي وعدتكم بأنى سأقدمها آسف على التأخير
سيكون نظامنا في العمل كما اتفقنا هو نظام خطوة بخطوة
أى أن الدرس الأول هو "صفحتي الأولى"
إذن سنستمر فيه إلى أن نتقنه
ويسعدني إستقبال أسئلتكم بعد انتهاء الشرح
هيا نبدأ



أدواتنا
- المفكرة
- متصفح الانترنت العادي



أغلب الأوسمة تبدأ <> من اليسار وتنتهي</> في اليمين
مثلاً:
<HTML> <‎/HTML>
<HEAD> <‎/HEAD>
<TITLE> <‎/TITLE>
<BODY> <‎/BODY>
وسم البداية من غير /
وسم النهاية يكون في نهاية السطر ويكون نفس الصيغة وبجانبها /



صفحة الاتش تي ام ال يجب أن تبدأ بالوسم التالي
<html>
حتى يعرف المتصفح أنه يقوم بقراءة صفحة اتش تي ام ال ويتعامل معها على هذا الاساس



بخصوص الصفحة الأولى افتح مفكرة الصورة التالية كي تتعرف على شكل الصفحة

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

حيث ان :
<html> هو الوسم الذي يعرف المتصفح على اللغة (لغة البرمجة)
أما الوسم <HEAD> فيحدد بداية المقطع الذي يحتوي على المعلومات الخاصة بتعريف الصفحة. كالعنوان الظاهر على شريط عنوان المتصفح. وهذا العنوان بدوره يحتاج لأن يوضع بين الوسمين: <TITLE> … <‎/TITLE> وبالطبع يجب كتابة الوسم <‎/HEAD> لكي ننهي هذا المقطع.
<BODY> يتم كتابة نصوص صفحة الويب ضمنه، بالإضافة إلى إدراج الصور والجداول وباقي محتويات الصفحة. وهو أيضاً يحتاج إلى وسم الإنهاء <‎/BODY>



تعالوا نطبق ما فهمناه وما تعلمناه عمليًا
افتح مفكرة
قائمة إبدأ>>> البرامج الملحقة>>> المفكرة
واكتب في السطر الأول
<html>
وفي السطر الثاني اكتب
<head>
وفي الثالث اكتب
<title>My first HTML page</tite>
يمكنك استبدال جملة My first HTML page بالعنوان الذي تريده أن يظهر في الشريط الازرق أعلى الصفحة
أما السطر الرابع فتكتب فيه
</head>
السطر الخامس اكتب فيه
<body>
Wow I am Writing My First Page
</body>
يمكن بالطبع استبدال عبارة Wow I am Writing My First Page بالكلام الذي تحبه

هذا هو الكود كما سيكون داخل المفكرة

كود:
<HTML>

<HEAD>
<TITLE>My first HTML page</TITLE>
<HEAD/>

<BODY>

Wow I am Writing My First Page
<BODY/>

</HTML>

والآن قم بحفظ عملك ولكن انتبه
اضغط على Save As من قائمة File عند تسمية صفحتك يجب عليك أن تسميها index وامتداد صفحات الاتش تي ام ال كافة يجب أن يكون .html
يعني صفحتك الأولى يجب أن يكون اسمها index.html
وأكرر
يجب أن يكون امتدادها html أو htm



ملاحظات
يوجد فرق بين كتابة الوسوم بالأحرف الإنجليزية الكبيرة UPPERCASE أو الأحرف الصغيرة lowercase. لذلك تستطيع الكتابة بأي شكل منهما أو حتى الكتابة بكليهما.

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


كود:
<HTML><HEAD><TITLE> My first HTML page </TITLE></HEAD><BODY>
Wow, I'm writing my first webpage </BODY></HTML>‎

أو بالشكل التالي:

كود:
<HTML>
<HEAD>
<TITLE>
My
First
HTML
Page
<‎/TITLE>
<‎/HEAD>
<BODY>
Wow,
I'm
writing
my
first
Page
<‎/BODY>
<‎/HTML>

أو حتى بهذا الشكل:

كود:
<HTML> <HEAD> <TITLE>
My first HTML page
<‎/TITLE>
<‎/HEAD>
<BODY>
Wow, I'm writing my First Page
<‎/BODY>
<‎/HTML>

وفي كل الحالات ستحصل على نفس النتيجة وهي

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

هذه هي الصفحة الأولى ولكن ماذا عن حجم الخط ولونه وألوان الخلفية و ............ إلخ
هذا ما سنعرفه في الدروس القادمة ان شاء الله

[/size]
[/size][/size]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
abozezo1
نائب المـدير
نائب المـدير
abozezo1


عدد الرسائل : 100
ذكر
عدد المساهمات : 1476
نقاط : 3118
السٌّمعَة : 4
تاريخ التسجيل : 11/12/2009
العمر : 56

صفحتي الأولى الدرس الأول Empty
مُساهمةموضوع: رد: صفحتي الأولى الدرس الأول   صفحتي الأولى الدرس الأول Icon_minitimeالإثنين مارس 01, 2010 9:05 am

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
صفحتي الأولى الدرس الأول
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» الوصلات الأساسية الدرس الثالث
» الدرس الثاني : التنسيق الأساسي
» الدرس التاسع : عين الساحر
» الدرس الثاني : مشهد من الفضاء
» الدرس السابع : تصميم البيض

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
نور عينى :: ۩۞۩ عالم التقنيه ۩۞۩ :: قسم برامج الكمبيوتر والانترنت :: لتطوير المواقع و المنتديات-
انتقل الى: