تذكرني !
تابعنا على
Bleach 25-26 منتديات العاشق
  #1  
قديم 12-13-2013, 03:26 AM
الصورة الرمزية JERY7  
رقـم العضويــة: 85674
تاريخ التسجيل: Feb 2011
الجنس:
العـــــــــــمــر: 32
المشـــاركـات: 7,979
نقـــاط الخبـرة: 2166
Twitter : Twitter
icon67 الدرس الاول 1 || أنشاء الملف و كتابة كودي الاول





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


كيفكم جميعاً

نبداء اليوم بمشئة الله سلسلة دروس HTML

وبأذن الله ما راح نطول فيها لسهولتها وفعاليتها في نفس الوقت




"هيا بنا"



المقدمة:

HTML
إنها اللغه المستخدمة في إنشاء صفحات الإنترنت
وهي اختصار لي:

Hyper Text Markup Language
وهي ليست لغة برمجة بالمعنى والشكل المتعارف عليه
للغات البرمجة مثلا C++ ,C
وهي لغة بسيطة جداً وسهلة الفهم ولاتحتاج الى
خبرة في لغات البرمجة حتى تتقنها
انما ما تحتاجه هو قليل من التفكير المنطقي
والتعلم وترتيب الافكار
فهي بأختصار لغه يفهمها المتصفح الخاص بالنت فقط ض1
ولن اتطرق في شرح اشياء ليس لها دااع مثل تاريخها وما الى ذلك

يمكنكم البحث عنها في ويكبيدياء


ناتي لا اهم الاشياء التي يجب علينا استخدامها


1-التؤكل على الله واحتساب الاجر في التعلم
2-المفكرة
3-لغه انجليزية (بسيطة و ليست أحترافية)
4-فهمك للشرح هو 80% من تمكنك للغه


لنبدى

الأساسيات

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

يتكون الكود المستخدم في HTML من شفرات

تسمى TAGS < أي الوسوم


وهي تستخدم بشكل زوجي وتكتب من (اليسار الى اليمين)


مثلا:-
الوسوم <B> يستخدم لجعل الخط عريض Bold كما التالي:

<B/>انا مبرمج جيد<B>


طيب هنالك قسم اخرى من الوسوم وهي التي تاتي فردية

يعني لاتغلق وهي قليلة وما يهمك الا معرفتها

الوسم <BR> وتستخدم لتنزل سطر جديد مثال:-

انا مبرمج <BR>جيد

سوف يبتين معك في التطبيق ان شاء الله .





لناخذ الوسوم التالية وهي الوسوم الاساسية في كل صفحة ويب

ماذا تلاحظ؟ أن كل منها يتألف من زوج من الوسوم أحدهما
وسم البداية و الآخرى وسم النهاية . ويتميز وسم النهاية بوجود
الرمز /

مثلاً
في نهاية الصفحة لابد من وجود الوسوم


<HTML/>






إذن فملف HTML يبدا دائما بالوسم <HTML>
وينتهى بالوسوم <HTML/> . لاتنسى ذلك!

أما الوسوم <HEAD> فيحدد بدايةالمقطع الذي يتحوي على المعلومات الخاصة
بتعريف الصفحة.
كالعنوان الظاهر على شريط عنوان المتصفح ويحتاج العنوان الوسوم


<TITLE>
العآشق
<TITLE/>

^^^
عنوان الصفحة العآشق

ويجب علينا كتابة نهاية الوسم

<HEAD/>

لكى ننهي هذا المقطع من الصفحة.


نأتي الى الوسم الأهم


<BODY>

والذي يتم كتابة النصوص و كل مايظهر في الصفحة بداخلها

كل شيء من نص الى صور الى روابط

وهو يحتاج الى وسم اغلاق ايضاً


<BODY/>




حسنا للتطبيق

نفتح المفكرة ونكتب الكود كما يلي

كود:
<HTML>
<HEAD>
<TITLE>
This is a test Webpage
</TITLE>
</HEAD>
<BODY>
Wow, I'm writing my first webpage
</BODY>
</html>

والأن فم بحفظ الملف بأي أسم تحب لكن

بعد الاسم ضع .HTML
مثلاً
صفحتي الاولى.HTML

بحيث امتداد الملف لزم يكون صفحة نت

مثل هذا الشكل



ونجرب نفتحها وضعو النتيجة في موضوع مشاريع السلسلة.



هنا انتهينا من الدرس الاول في HTML

أرجو ان حاز على اعجابكم ولم يكن ثقيل

حاولت تخفيفه قدر الأمكان

وراح تكون السلسلة بأذن الله خفيفة ومفيدة وكل نهاية اسبوع راح

أنزل درس جديد ما لم يحصل لي أي ظرف

الى الاسبوع القادم راجع الدرس

ولاتطبق مرة واحدة حاول ان تطبقها عده مرات حتى الدروس القادمة

لا تضطر الى الرجوع الى هذا الدرس

هذا و الله ولي التوفيق






التعديل الأخير تم بواسطة JERY7 ; 03-30-2014 الساعة 11:13 AM
رد مع اقتباس
قديم 12-13-2013, 03:45 AM   #2
عضو شرف في منتديات العاشق
 
الصورة الرمزية KEl3rabawi
رقـم العضويــة: 99034
تاريخ التسجيل: Sep 2011
العـــــــــــمــر: 30
الجنس:
المشـــاركـات: 9,311
نقـــاط الخبـرة: 2105
Skype :
Facebook : Facebook
Deviantart : Deviantart

افتراضي رد: الدرس الاول || أنشاء الملف و كتابة كودي الاول

واووووووووووو
مكاني
KEl3rabawi غير متواجد حالياً   رد مع اقتباس
قديم 12-13-2013, 03:46 AM   #3
موقوف
 
الصورة الرمزية خلودي5
رقـم العضويــة: 100855
تاريخ التسجيل: Oct 2011
الجنس:
المشـــاركـات: 3,218
نقـــاط الخبـرة: 766
Skype :
Facebook : Facebook
Twitter : Twitter
Google Plus : Google Plus
Youtube : Youtube
Blogger : Blogger
Tumblr : Tumblr

افتراضي رد: الدرس الاول || أنشاء الملف و كتابة كودي الاول

شويتها هع

file:///C:/Documents and Settings/My Documents/5lody5.html

تم التطبيق بنجاح 100%
يلايت تضع رد في هذا الموضوع ويحتوي على صورة وملف
الكود

2

التعديل الأخير تم بواسطة JERY7 ; 12-14-2013 الساعة 05:09 PM سبب آخر: ت/م
خلودي5 غير متواجد حالياً   رد مع اقتباس
قديم 12-13-2013, 03:50 AM   #4
عاشق ذهبي
 
الصورة الرمزية metalghost
رقـم العضويــة: 97699
تاريخ التسجيل: Aug 2011
الجنس:
المشـــاركـات: 2,468
نقـــاط الخبـرة: 781

افتراضي رد: الدرس الاول || أنشاء الملف و كتابة كودي الاول

::
metalghost غير متواجد حالياً   رد مع اقتباس
قديم 12-13-2013, 03:57 AM   #5
عاشق مبدع ومحترف
 
الصورة الرمزية Kh - San
رقـم العضويــة: 169215
تاريخ التسجيل: Oct 2012
الجنس:
المشـــاركـات: 890
نقـــاط الخبـرة: 168
MSN : إرسال رسالة عبر MSN إلى Kh - San
Yahoo : إرسال رسالة عبر Yahoo إلى Kh - San
Gmail : Gmail
Facebook : Facebook
Twitter : Twitter
Linkedin : Linkedin
Deviantart : Deviantart
Google Plus : Google Plus
Youtube : Youtube
Flickr : Flickr
Blogger : Blogger
Wordpress : Wordpress
Tumblr : Tumblr
Formspring : Formspring

افتراضي رد: الدرس الاول || أنشاء الملف و كتابة كودي الاول


مشكور على الدرس الروعه
وإن شاء الله متابع معك



وشكراً.


تم التطبيق بنجاح 100%
يلايت تضع رد في هذا الموضوع ويحتوي على صورة وملف
الكود

1

التعديل الأخير تم بواسطة JERY7 ; 12-13-2013 الساعة 04:21 PM
Kh - San غير متواجد حالياً   رد مع اقتباس
قديم 12-13-2013, 10:20 AM   #6
 
الصورة الرمزية Relax511
رقـم العضويــة: 198632
تاريخ التسجيل: Apr 2013
الجنس:
المشـــاركـات: 2,635
نقـــاط الخبـرة: 321

افتراضي رد: الدرس الاول || أنشاء الملف و كتابة كودي الاول

~
Relax511 غير متواجد حالياً   رد مع اقتباس
قديم 12-13-2013, 11:18 AM   #7
Darkness
 
الصورة الرمزية Obsidr
رقـم العضويــة: 78920
تاريخ التسجيل: Dec 2010
الجنس:
المشـــاركـات: 569
نقـــاط الخبـرة: 341

افتراضي رد: الدرس الاول || أنشاء الملف و كتابة كودي الاول

لي عودة
Obsidr غير متواجد حالياً   رد مع اقتباس
قديم 12-13-2013, 11:34 AM   #8
عضو شرف
 
الصورة الرمزية υcнɪнα sαsυĸє
رقـم العضويــة: 226906
تاريخ التسجيل: Jun 2013
الجنس:
المشـــاركـات: 25,227
نقـــاط الخبـرة: 6936

افتراضي رد: الدرس الاول || أنشاء الملف و كتابة كودي الاول

لي عودة
υcнɪнα sαsυĸє غير متواجد حالياً   رد مع اقتباس
قديم 12-13-2013, 12:45 PM   #9
عضو مخضرم في فريق العاشق للمانجا
 
الصورة الرمزية мίѕтσσġαη
رقـم العضويــة: 179498
تاريخ التسجيل: Jan 2013
الجنس:
المشـــاركـات: 10,809
نقـــاط الخبـرة: 2696
Linkedin : Linkedin

افتراضي رد: الدرس الاول || أنشاء الملف و كتابة كودي الاول

جـآري التطبيق ..
мίѕтσσġαη غير متواجد حالياً   رد مع اقتباس
قديم 01-07-2014, 10:55 PM   #10
عاشق جديد
 
الصورة الرمزية IISKII
رقـم العضويــة: 289410
تاريخ التسجيل: Nov 2013
الجنس:
المشـــاركـات: 12
نقـــاط الخبـرة: 10
Skype :

Icons21 رد: الدرس الاول || أنشاء الملف و كتابة كودي الاول

اشكرك يا اخي على عملك الرائع
وأنا أنشاء الله اتعلم اللغة بأسرع وقت كي أتفاعل معك


وديkawaii-005
IISKII غير متواجد حالياً   رد مع اقتباس
إضافة رد

الكلمات الدلالية (Tags)
الدرس الاول


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه للموضوع الدرس الاول 1 || أنشاء الملف و كتابة كودي الاول:
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
تطبيقات الدرس الاول |[ المستوى الاول]| lady chi دورة الرسم 35 03-01-2013 05:49 PM

الساعة الآن 12:58 PM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.

كُل ما يُكتب أو يُنشر في منتديات العاشق يُمثل وجهة نظر الكاتب والناشر فحسب، ولا يمثل وجهه نظر الإدارة

rel="nofollow" maxseven simplicity and clarity