LiveZilla Live Help
نحن في جينيس كيريو نتعهد لعملائنا بان نوفر لهم استضافة آمنه و موثوقه بافضل الاسعار وسوف نلبي كل احتياجاتكم لكي تتمكنو من الانطلاق بمشاريعكم بكل امان وراحه بال. تعتمد جينيس كيريو على فريق عمل كفؤ وموهوب بالتصميم لمواقع الانترنت ولن نبخل عليك بالوقت ولا الافكار في نقاشنا معك للوصول الى افضل تصور لموقعك.
نصمم موقعك بأحترافيه عاليه - اسعار خاصه للمواقع الأسلاميه تستطيع الآن مع جينيس كيريو مواكبة احدث التقنيات في عالم التسويق والانتشار من خلال تطبيقات الأجهزة الذكيه التي تعد الاكثر انتشاراً بالعالم حيث نمكنك من الحصول على تطبيقات عملية وذات واجه ذكية وسهلة في التعامل والتي تساعد على جذب المزيد من العملاء. إشتراك الدعم الفنى السنوي يتيح لك تنفيذ طلبات غير محدوده كتركيب هاكات , ستايلات , تحديث الحماية وسد الثغرات . الإشتراك فى الدعم الفنى يتيح لك الحصول على خصم خاص على باقى خدماتنا يصل إلى 50% وسيفيدك هذا الخصم فى الحصول على خدمات الأرشفه والحمايه القصوى بالإضافة إلى خدمات التصميم. نظراً لاننا نهتم جداً بمجال الدعاية والإعلان، لم ننسى ابدأ تقديم ما يهم اصحاب المواقع من خدمات خاصة بالإشهار والتسويق الإلكتروني وخدمات اخرى تهم اي موقع .
شراء متابعين لصفحتك بتويتر - شراء معجبين لصفحتك بالفيسبوك - Google AdWords - زوار جقيقين لموقعك - والكثير تعلمنا كخبراء تقنيين بمجال مواقع الانترنت شيءً هاماً جداً وهو انه لا توجد اي حدود للبرمجة، نعلم ونعي تماماً انك قد مللت من البحث عن السكربتات التي تناسب موقعك، ونعلم ايضاً انك عندما تجد هذه السكربتات تجدها اما بالغة الصعوبة ومعقدة او تجدها ضعيفة برمجياً وأمنياً وتسبب خطر على موقعك اما انك تريد التعديل عليها وهي غير قابلة للتعديل

محتويات سلة المشتريات :
الاسمالنوعالسعر الكمية إزالة
[ إفراغ سلة المشتريات ]
إجمالي :
0
ريال
ملاحظات :

ما هى لغة HTML و اهميتها فى تصميم المواقع مشاهدات:748

ما هى لغة HTML و اهميتها فى تصميم المواقع

 

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

 

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

 

أهمية لغة HTML


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

 

البداية مع HTML

 

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

 

تعريف لغة ال HTML

هى عبارة عن اللغة الخاصة بوصف صفحات الويب.

هى اللغة التى تقوم بترجمه صفحات الويب و عرضها على المتصفح.

هى عبارة عن لغة ترميز و تكتب عن طريق الرموز أى أنها تستخدم علامات الترميز.

 

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

إنشاء صفحة ويب

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

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

 

نضع اسم نريده للمستند مثل (موقعى الأول) أو أى اسم تفضلونه و بعد ذلك نقوم بفتح المستند و نكتب الكود التالى :
<html>

<body>

 

 <h1/> my first Heading<h1>  

 

 </P>My first Paragraph.<P>   

 

<body/>

<html/>

 

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

أسفل اسم الملف الذى قمنا بإنشاءه سترى حفظ الملف كـ  نختار منها (جميع الملفات) و بعد ذلك نقوم بالإنتقال الى اسم الملف و سنجد فى نهايته txt نقوم بتغيرها و استبدالها الى html و سيصبح اسم الملف كالأتى :
موقعى الأول.html

 

وبعد الحفظ سنرى أن شكل الملف تغير و اصبح شكل الملف مختلفا و سيصبح شكله بحسب نوع المتصفح الأساسى الذى تستخدمه كفاير فوكس أو جوجل كروم.

و الأن أقول لك مبروك و أنت تستطيع ان تبارك لنفسك فقد قمت بإنشاء أول موقع و صفحة إنترنت لك قم بالضغط عليها مرتين و يقوم المتصفح بفتحها كصفحة إنترنت و سيكون مكتوبا فيها
My First Heading

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

 

الأن مرحلة تعليمية او مقدمة لتعلم لغة HTML

 

علامات ترميز لغة HTML Tags
 

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

إن لغة ال HTML تعمل عن طريق علامات ترميز وتسمى أيضا (HTML tags) و تحتوى هذه العلامات على أوامر ال HTML  سواء أمر اكتابة نص معين مثلا أو أمر للقيام بإظهار صورة أو أمر لتغير او تعيين حجم خط ..الخ

هناك نوعين من علامات الترميز لصفحة الويب  HTML و هما ترميزات الهيكل و ترميزات المحتويات.

 

1- ترميزات الهيكل و تلك الترميزات لابد أن تكون موجوده فى أى صفحة ويب و عدم وجودها يؤدى إلى ان الصفحة لن تعمل لأنها تخبر المتصفح بأن هذا الملف هو صفحة ويب و من أمثلة هذه الترميزات

<html>
<body>

 

 

2- ترميزات المحتوى و هذه الترميزات هى التى تعطى الأوامر اللسيرفر أو المتصفح بعمل شئ ما أو شئ معين مثل نص أو صورة او هيكل ما أو اى شئ أخر حسب برمجة المبرمج.


الشكل الرئيسى لهذه العلامات (Tags)

ن الشكل الرئيسى لهذه العلامات هو كالتالى :
1- بداية الأمر
2- نهاية الأمر و فى وسط العلامة أو أمر الترميز يكون المحتوى الذى سيتم تطبيق الأمر عليه.

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


مشغّل بواسطة المنظم ™ 2.4