الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

إستفسار في ال HTML

بدأه نصف مبرمج في 8 سبتمبر 2010 · 5 رد · 652 مشاهدة · في منتدى تصميم صفحات الويب
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم

تقبل الله مننا ومنكم صالح الأعمال .. وكل عام وأنتم إلى الله أقرب

أخواني عندي بعض الإستفسارات بخصوص كتابة الأكواد

1. عندما أريد كتابة أكثر من عنصر على سطر واحد .. يعني عندما أريد أن أدرج صورة في منتصف الصفحة وعلى الجهه اليمنى من نفس السطر أريد أن أعمل تعداد نقطي ومن الجهة اليسرى أريد أن أضع رابط ... ماذا أعمل في هذه الحالة ؟؟

حاولت كتابة الأكواد لكن يضع لي كل عنصر في سطر !!!

2. عندما أريد تغير إتجاه عناصر التعداد من اليمين إلى اليسار أو العكس ماهو الكود المستخدم ....؟؟

أنا كتبت الكود بهذا الشكل ولم ينفع :

<ul align="right">
<li> احمد
<li> فيصل
</ul>

وأعذروني على الأسئلة .. لأني حتى الان في أول الطريق ,,

#2

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

وكل عام وأنتم بخير وتقبل الله منا ومنكم الطاعات

بإستخدام الجداول يمكنك فعل ذلك

مثال : 

<html dir="rtl">

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>New Page 1</title>
</head>

<body>

<table border="0" width="100%" cellspacing="0" cellpadding="0">
	<tr>
		<td align="right" width="33%">
		<ul>
			<li><span lang="ar-sa"><font size="4">فيصل</font></span></li>
			<li><span lang="ar-sa"><font size="4">احمد</font></span></li>
			<li><span lang="ar-sa"><font size="4">خالد</font></span></li>
		</ul>
		</td>
		<td align="center" width="33%">
		<img border="0" src="/uploads/profile/photo-5603.gif" width="100" height="100"></td>
		<td align="center" width="33%"><span lang="ar-sa">
		<a href="/index.php"><font size="5">
		الفريق العربي للبرمجة</font></a></span></td>
	</tr>
</table>

</body>

</html>
1

صورة
صورة

حسابي في الفيس بوك
http://goo.gl/XIzwL

حسابي في تويتر
http://goo.gl/6p4e3

 

 
 
#3

الله يعطيك ألف عافيه يا أخوي

حقيقة إستفدت كثييييير منك .. الله يجزاك كل خير

بس عندي كم سؤال .. ويا ليت تتحملني :)

أبي شرح للأكواد التاليه ( لأني ما فهمت شنو فايدتها ) : 

<meta http-equiv="Content-Language" content="en-us"> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">

cellspacing="0" cellpadding="0"

<span lang="ar-sa">

وشكرا مقدما ...

#4

الــ meta tag :

Definition and Usage

Metadata is information about data.

The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable.

Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata.

The <meta> tag always goes inside the head element.

The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services.

السمة cellpadding تحدد المسافة بين جدار الخليه ومحتوى الخلية.

cellspacing تحدد الفراغ بين الخلايا

الوسم Span أحد اوسمه لغه html ـ والأكثر إستخدما وشيوعاً مع الصفحات الإنسابيه css وغالباً مايستخدم فقط في النصوص لتحديد نص مثلا او للتلوين او لتميزة في فقرة مــا

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

http://www.w3schools.com/html/default.asp

فهو مرجع للغة HTML

===

صورة
صورة

حسابي في الفيس بوك
http://goo.gl/XIzwL

حسابي في تويتر
http://goo.gl/6p4e3

 

 
 
#5

-- تعديل : يبدو أن الأخ فيصل سبقني في الرد ، حيث جلست أكتب هذا الرد لفترة تفوق الربع ساعة --

نصف مبرمج كتب:

الله يعطيك ألف عافيه يا أخوي

حقيقة إستفدت كثييييير منك .. الله يجزاك كل خير

بس عندي كم سؤال .. ويا ليت تتحملني :)

أبي شرح للأكواد التاليه ( لأني ما فهمت شنو فايدتها ) :

سأحاول إن شاء الله أن أخبرك بما أعرفه عنها ، إذا سمحت بالتأكيد ..

<meta http-equiv="Content-Language" content="en-us"> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">

الأولى و هي لغة المحتوى تم ضبطها عن طريق meta كما ترى في الكود و التي تعني data of data أي بإختصار معلومات عن الصفحة و ما فيها ، و تم ضبط لغة المحتوى في هذا المثال إلى en-us أي اللغة الإنجليزية - الولايات المتحدة ، إذا كنت من السعودية مثلاً و موقعك بالعربي بدلاً من en-us اكتب ar-sa و التي تعني عربي بالتحديد السعودية !

cellspacing="0" cellpadding="0"

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

<span lang="ar-sa">

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

و الفرونت بيج هو الذي يضع هذه الأشياء غير الضرورية ، حتى ان span لا تقبل lang - على ما أعتقد - في HTML4 و 5 و XHTML1 !

أسهل بدل (عدل) القيمة الموجودة في أعلى الصفحة و التي تحدثت عنها منذ لحظات !

الآن لدي نصيحة بسيطة و متواضعة أرجوا أن تقبلها مني ، أنا كنت اعمل أيضاً بالـtables و قرأت عن عيوبها (إذا استخدمت في غير مجالها - مجالها هو الجداول لتقسيم المعلومات مثلاً) إذا استخدمت في تقسيم محتوى الصفحة و هيكلته و عن صعوبة صيانتها - إلا إذا اعتدت عليها - تستطيع البحث - يفضل باللغة الإنجليزية و نادراً ما تجد شخصاً يمدح فيها !

إذا أردت السرعة و المرونة استخدم div (إذا لم تستطع استعمالها absolute (أنت تحدد مكان الشئ في الشاشة) استعمل مؤقتاً أو حتى دائماً برنامج مثل Microsoft Office SharePoint Designer و هو مجاني بدون سيريال من موقع مايكروسوفت الرسمي توجد النسخ 2010 و 2007) ، عموماً لا تعتمد على البرنامج وحده بل اكتب ما تستطيع في الكود و إذا واجهت مشكلة استخدم الواجهة الرسومية !

ستجد أنك تعلمت اشياء جديدة و طرق أفضل و أصبحت أسرع ، استخدمه مع CSS (تستطيع التعديل عن طريق هذا البرامج على ملفات CSS) لكن يوجد برنامج أفضل من أجل CSS و هو Microsoft Visual Web Developer 2010 Express و هو مجاني لكن يحتاج تفعيل عن طريق سيريال مجاني ، عموماً يستخدم لأشياء كثيرة أكثر من مجرد CSS !

أرجوا أن تقبل ردي على موضوعك ! شكراً لك !

تم تعديل هذه المشاركة بواسطة sitesmaker في 10 سبتمبر 2010 في 14:57

#6

بالإضافة لما قاله الأخوة سابقا

يمكن استخدام CSS للقيام بتوضيع الأشياء بجانب بعضها مثلا

استخدم (float:right) أو (float:left) لوضع الصورة على يين أو يسار النص

<div>

<img border="0" src="http://www.arabteam2000-

forum.com/uploads/profile/photo-5603.gif" width="100" 

height="100" style="float:left;" >

<p>Your Pargraph goes here ..............</p>
<p>...............................................</p>
<p>.............................</p>

</div>

تم تعديل هذه المشاركة بواسطة JawherSYS في 10 سبتمبر 2010 في 15:22

Ibrahim Khalil

Web Developer

www.jawhersys.com

مواضيع مشابهة