شرح دورة تعليمية في ال html مدعمة بفيديوهات من انجازي - متجدد - الصفحة 2 - منتديات الجلفة لكل الجزائريين و العرب

العودة   منتديات الجلفة لكل الجزائريين و العرب > منتديات التقنية > منتدى البرمجة

منتدى البرمجة كل ما يتعلق بلغات البرمجة، فيجوال بيسيك , سي ++ , دلفي , أكسيس , جافا , هتمل...

في حال وجود أي مواضيع أو ردود مُخالفة من قبل الأعضاء، يُرجى الإبلاغ عنها فورًا باستخدام أيقونة تقرير عن مشاركة سيئة ( تقرير عن مشاركة سيئة )، و الموجودة أسفل كل مشاركة .

آخر المواضيع

دورة تعليمية في ال html مدعمة بفيديوهات من انجازي - متجدد

إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
قديم 2015-06-06, 22:04   رقم المشاركة : 16
معلومات العضو
abdou_inf
عضو مشارك
 
إحصائية العضو










افتراضي

العفو اخي.....









 


رد مع اقتباس
قديم 2015-06-06, 22:06   رقم المشاركة : 17
معلومات العضو
abdou_inf
عضو مشارك
 
إحصائية العضو










افتراضي

عنوان الدرس: ادراج الصور - الجزء 1

لقد سبق و أن رأينا في دروسنا الماضية كيفية ادراج صور بال ش تي أم أل، و لكن كان ذلك بصفة سريعة و سطحية...
في درس اليوم سنحاول شرح كيفية طريقة ادراج الصور و كل ما يتعلق بذلك في جزئين...

اليكم الفيديو الخاص بالجزأ الأول...
https://www.youtube.com/watch?v=DCMxHDN65LY

الكود سورس الخاص بهذا الدرس من هنا:
كود بلغة HTML:
<!DOCTYPE html>
<html dir = "rtl">
        <head>
                <**** charset="UTF-8">
                <title>دورة تعليمية في ال HTML - ArabICT</title>
                <link rel="stylesheet" type="text/css" href="style.css">
                       
                <style type="text/css">
                </style>
        </head>
        <body>
                <h1>درس اليوم: ادراج الصور</h1>
                <img src="images/arabict.png" alt="أنا عنوان الصورة" width= 60 height = 60 border= 2>
                <br>
               
                <img src="https://img1.nawaret.com/2013/06/Lk_Arabische_Welt_001_Flaggen.jpg" alt="أنا صورة من خارج الموقع" style=" width:100px; height:100px; border: 2px solid black; float:left;">
                أنا صورة موجودة على يمين النص
        </body>

    </html>
يتبع....الجزء الثاني...









رد مع اقتباس
قديم 2015-06-07, 07:30   رقم المشاركة : 18
معلومات العضو
طيباوي ابو علي1
عضو نشيط
 
إحصائية العضو










افتراضي

بنسب لـــ

تلميحات

أعتقد أن الوسم تيتل title
أقوى من الوسم ألت alt
لان الوسم ألت alt إذا كانت في البرمجة عملية دمج بين لغتين لا تظهر تلميحات الوسم ألت alt

مثلا بين php و html

كود بلغة HTML:
<img src="images/arabict.png" title="2014" alt="أنا عنوان الصورة" width= 60 height = 60 border= 2>


مارأيك









رد مع اقتباس
قديم 2015-06-07, 07:43   رقم المشاركة : 19
معلومات العضو
محمد بن أحمد أبو حذيفة
عضو جديد
 
إحصائية العضو










افتراضي

بارك الله فيك










رد مع اقتباس
قديم 2015-06-07, 11:26   رقم المشاركة : 20
معلومات العضو
abdou_inf
عضو مشارك
 
إحصائية العضو










افتراضي

اقتباس:
المشاركة الأصلية كتبت بواسطة ben taib allaa مشاهدة المشاركة
بنسب لـــ

تلميحات

أعتقد أن الوسم تيتل title
أقوى من الوسم ألت alt
لان الوسم ألت alt إذا كانت في البرمجة عملية دمج بين لغتين لا تظهر تلميحات الوسم ألت alt

مثلا بين php و html

كود بلغة HTML:
<img src="images/arabict.png" title="2014" alt="أنا عنوان الصورة" width= 60 height = 60 border= 2>


مارأيك
السلام عليكم
أولا بارك الله فيك على الملاحظة...لكن أود التوضيح...
ف Alt لا تستعمل عادة من أجل التلميحات (Toop tips هذا ما تقصده بكلمة تلميحات؟) و إنما هو اختصار للجملة Alternative Text يعني النص البديل...في بعض الحالات لا تظهر الصور...اذا في مكان الصورة يقوم المتصفح باظهار قيمة الخاصية alt
أما بالنسبة للخاصية title فهي تستعمل مع أغلب الوسوم في ال Html و تحمل في قيمتها نص وصفي أو أي شيء آخر، فأغلب المتصفحات تقوم باظهار Tool tip (تلميح) ، لما نقوم بتمرير الفأرة على الوسم المعني بالخاصية tlte...
أتمنى أن أكون وفقت في الشرح...









رد مع اقتباس
قديم 2015-06-07, 11:28   رقم المشاركة : 21
معلومات العضو
abdou_inf
عضو مشارك
 
إحصائية العضو










افتراضي

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









رد مع اقتباس
قديم 2015-06-08, 18:35   رقم المشاركة : 22
معلومات العضو
طيباوي ابو علي1
عضو نشيط
 
إحصائية العضو










افتراضي

بارك الله فــــــــــــــيك










رد مع اقتباس
قديم 2015-06-10, 11:32   رقم المشاركة : 23
معلومات العضو
abdou_inf
عضو مشارك
 
إحصائية العضو










افتراضي

و فيك بارك الله اخي...










رد مع اقتباس
قديم 2015-06-15, 20:11   رقم المشاركة : 24
معلومات العضو
bilal1995
محظور
 
إحصائية العضو










افتراضي

شكرا جزيلا لك يا غالي









رد مع اقتباس
قديم 2015-06-19, 05:08   رقم المشاركة : 25
معلومات العضو
abdou_inf
عضو مشارك
 
إحصائية العضو










افتراضي

السلام عليكم و رحمة الله و بركاته...
رمضانكم مبارك أولا...تقبل الله منا الصيام و القيام بمزيد من الأجر و الثواب...

عنوان الدرس: ادراج الصور - الجزء 2 - استعمال صورة كخارطة


في هذا الدرس سنكمل الجزء الثاني من كيفية ادراج الصور بالـ HTML

و اليوم سوف نرى كيف نستعمل صورة كخارطة...سنتعرف على وسمين جديدين هما:
  • الوسم الخاص بالتحديد الخارطة...
  • و الوسم الخاص بتحديد أجزاء الخارطة، يأخذ ثلاث قيم هي:
  1. إما أن يكون دائرة Circle
  2. أو مستطيل Rect
  3. أو مضلّع Polygon
و للتعرف أكثر على كيفية التعامل مع هاته الوسوم، أترككم مع الفيديو التالي:
https://www.djelfa.info/watch?v=cxbiJ9JHJ0s
الكود سورس المستعمل:
كود بلغة HTML:
<!DOCTYPE html>
<html dir = "rtl">
	<head>
		<**** charset="UTF-8">
		<title>دورة تعليمية في ال HTML - ArabICT</title>
		<link rel="stylesheet" type="text/css" href="style.css">
			
		<style type="text/css">
		</style>
	</head>
	<body>
		<h1>درس اليوم: استعمال صورة كخارطة</h1>
		<img src="galaxy.gif" alt="مجرة درب التبان"  usemap="#galaxy" style="width:145px;height:126px;">
		
		<map name="galaxy">
			<area shape="rect" coords="0,0,82,126" alt="الشمس" href="https://ar.wikipedia.org/wiki/%D8%A7%D9%84%D8%B4%D9%85%D8%B3" target ="_blank"/>
			<area shape="circle" coords="90,58,3" alt="عطارد" href="https://ar.wikipedia.org/wiki/%D8%A7%D9%84%D9%85%D8%B1%D9%8A%D8%AE" target ="_blank">
			<area shape="circle" coords="124,58,8" alt="الزهرة" href="https://ar.wikipedia.org/wiki/%D8%A7%D9%84%D8%B2%D9%87%D8%B1%D8%A9" target ="_blank">
		</map>

		
	</body>
</html>
و من هنا لتحميل صورة الخارطة المستعملة كمثال...
دمتم سالمين...









رد مع اقتباس
قديم 2015-06-20, 21:08   رقم المشاركة : 26
معلومات العضو
abdou_inf
عضو مشارك
 
إحصائية العضو










افتراضي

عنوان الدرس: القوائم
في هذا الدرس سوف نتطرق الى كيفية عمل قوائم بال HTML

ففي ال HTML يوجد نوعان من القوائم:
  • القوائم الغير مرتبة (التى لا تهتم لترتيب العناصر)، تدرج عن طريق الوسم
  • القوائم المرتبة (التي تهتم لترتيب العناصر)، تدرج عن طريق الوسم

تابع الفيديو التالي لمزيد من التوضيحات:
https://www.youtube.com/watch?v=nRGGsWeb8XU
الكود سورس المستعمل في هذا الدرس:
كود بلغة HTML:
<!DOCTYPE html>
<html dir = "rtl">
	<head>
		<**** charset="UTF-8">
		<title>دورة تعليمية في ال HTML - ArabICT</title>
		<link rel="stylesheet" type="text/css" href="style.css">
			
		<style type="text/css">
		</style>
	</head>
	<body>
		<h1>درس اليوم:القوائم</h1>
		
		<ul style="list-style-type:square">
			<li>عمر</li>
			<li>أحمد</li>
			<li>خالد</li>
		</ul>
		
		<ol type="i">
			<li>عمر</li>
			<li>أحمد</li>
			<li>خالد</li>
		</ol>
			
		
	</body>
</html>









رد مع اقتباس
قديم 2015-07-28, 15:37   رقم المشاركة : 27
معلومات العضو
Monir MAKADIR
عضو جديد
 
الصورة الرمزية Monir MAKADIR
 

 

 
إحصائية العضو










افتراضي

شكراًً على تعبك










رد مع اقتباس
إضافة رد

الكلمات الدلالية (Tags)
مدعمة, انجازي, تعليمية, بفيديوهات, html, دورة

أدوات الموضوع
انواع عرض الموضوع

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

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

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

الساعة الآن 10:52

المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى
المنتدى غير مسؤول عن أي إتفاق تجاري بين الأعضاء... فعلى الجميع تحمّل المسؤولية


2006-2023 © www.djelfa.info جميع الحقوق محفوظة - الجلفة إنفو (خ. ب. س)

Powered by vBulletin .Copyright آ© 2018 vBulletin Solutions, Inc