بعض وسمات ال html [الأرشيف] - (¯`·._.·منتديات التميز الدمشقي·.

غسان

08-17-2008, 06:00 AM

السلام عليكم

أول موضوع لي بالدورة هو أكمال بعض التاجات في html التي لم تذكر بعد

أبدأ في تنسيق الخط

big

وهو تاج يحتاج إلى إلى وسم إغلاق ..ويفيد في تكبير الخط

i

وسمة تحتاج إلى وسمة إغلاق..تفيد في جعل الخط مائل

small

تحتاج إلى وسمة إغلاق...تصغير الخط

sub

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

sup

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

التطبيق في الكود التالي

<html>
<body>
<br>
<big>
خط كبير
</big>
<br>

<i>
خط مائل
</i>

<br>

<small>
خط صغير
</small>

<br>

الخط الأساسي
<sub>
الخط الفرعي
</sub>

<br>

الخط الأساسي
<sup>
الخط الفرعي
</sup>

</body>
</html>

وجربو الناتج

غسان

08-17-2008, 06:25 AM

السلام عليكم

تعليمات أخرى في html:

الروابط في اللغة :

a href=""

من خلال هذه التعليمة يمكننا أدراج رابط لصفحة أو موقع أخر

مثال

<html>
<body>

<p>
<a href="www.pc4sy.com">
سوفت وير العرب </a>

</body>
</html>

غسان

08-17-2008, 07:00 AM

وصلنا لعند روابط الصور :

لإضافة صورة

مثال

<html>
<body>
<p>
رابط لصورة في الموقع
<img border="0" src="http://100hla.com/up/images/URY84587.jpg" width="200" height="200">

</p>

</body>
</html>

الناتج ..تظهر الصورة

غسان

08-19-2008, 08:18 AM

تكملة لبعض تاجات ال html

*******************************

نكمل في الروابط في هذه اللغة

يمكننا أن نفتح رابط معين في بار جديد أو صفحة جديدة وذلك بإضافة

target="_blank"

مثال

<html>
<body>

<a href="http://www.100hla.com/vb1" target="_blank">
منتدى المعهد التقاني للحاسوب
</a>

</body>
</html>

غسان

08-19-2008, 08:40 AM

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

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

إليكم الطريقة في مثال

<html>
<body>
<h2><a name="top">الأعلى</a></h2>
<p>

<a href="mailto:info@100hla.com">
إرسال رسالة </a>
<pre>
هذه الوسمة تفيد
أنها تظهر النص
كما هو
مكتوب
ولا تعيد
تنسيقه
بل تظهره
كما هو
والتي تحتاجها أحيانا

دورة
التصميم
منتدى
التميز الدمشقي

</pre>

<a href="#top">الأعلى </a>
</p>

</body>
</html>

غسان

08-19-2008, 08:45 AM

من الأشياء التي تواجهكم هيا iframe

سأتطرق لها لاحقا بأذن الله

*********************************

غسان

08-19-2008, 09:51 AM

يمكن يكون هاد من الأخر الشماركات في html

وهو موضوع كتير مهم والشي يلي بتستخدموه بشكل دائم وكتير ..وهو s

************************************************** **********

يتم من خلالها أدخال المعلومات سواء فظهارها على الشاشة او تخزينها في قاعدة اليبانات(سأتطرق فيما بعد للتعامل معها)

توجد باشكال مختلفة سيتم ذكرها تباعا ...

يتم نعريف Form بالشكل التالي

<form>
<input>
<input>
</form>

خصائصه :

name : اسم الفورم

action : الهدف للفورم او صفحة المدخلات

method : طريقة ارسال البيانات وتأخذ القيمة Post او القيمة Get

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

أشكالها و أنواعها :

button : اي زر ادخال

checkbox : مربع اختيار متعدد

file : مربع اختيار ملف من جهاز كمثل المستخدم بمركز التحميل

hidden : حقل مخفي سنتعرف عليه فيما بعد

image : صورة

password : حقل كلمة مرور

radio : مربع اخيتار احادي

reset : زر تفريغ الحقول

submit : زر ارسال البيانات

text : حقل نصي لادخال معلومات

ثم name : لاحظ ان اسم الحقل يجب ان لايكرر

ثم value : قيمه الحقل

كما ان هناك مجموعة اخري من INPUT مثل
<textarea></textarea> وهو حقل ادخل نصي كبير

وايضا
قائمة select

وأليكم الأمثلة

<form>
First name:
<input type="text" name="الأسم الأول">
<br>
Last name:
<input type="text" name="الكنية">
</form>

2

<form>
<input type="radio" name="الجنس" value="ذكر"> Male
<br>
<input type="radio" name="الجنس" value="أنثى"> Female
</form>

3

<form>
أملك دراجة:
<input type="checkbox" name="المركبة" value="دراجة">
<br>
املك سيارة:
<input type="checkbox" name="المركبة" value="سيارة">
<br>
أملك طيارة:
<input type="checkbox" name="المركبة" value="أملك طيارة">
</form>

4

<form name="input" action="html_form_action.asp"
method="get">
Username:
<input type="text" name="user">
<input type="submit" value="Submit">
</form>

5

<html>
<body>

<form>
أملك دراجة:
<input type="checkbox" name="المركبة" value="دراجة">
<br>
املك سيارة:
<input type="checkbox" name="المركبة" value="سيارة">
<br>
أملك طيارة:
<input type="checkbox" name="المركبة" value="أملك طيارة">
</form>

</body>
</html>

6

<html>
<body>

<form action="">
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

</body>
</html>

7

<html>
<body>

<form action="">
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

</body>
</html>

8

<html>
<body>
<textarea rows="10" cols="30">
مساحة للكتابة
</textarea>
</body>
</html>

*******************************

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

php

والسلام ختام

مــحــمــد

08-19-2008, 01:47 PM

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

جزاك الله عنا كل خير أخي NQR ...

واسمح لي أن أساعدك...

frame ..أي الإطار ...

بكل بساطة هو إطار لصفحة مستقلة ضمن صفحة أخرى ...

يعني أقدر أن أشبهها بالتلفاز الذي يعرض فيه عدة قنواة في الشاشة الواحدة ...

- وكمثال على تعليمة iframe :

في صفحة الindex نريد أن يظهر فيها صفحة "المتواجدون الآن" في منطقة من مناطق الindex ..

فيكفي أن نضع كود إطار(iframe) في كود صفحة الindex نعطيه url or src (رابط)للإطار يشير لصفحة online ..

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

مستقل ....أي يمكننا أن نضع أيضاً في نفس الصفحة إطار لمنتدى آخر ....

هذا الكود الذي إذا ضفناه لكود الرئيسية ظهرت ظمنها صحة المتواجدون الآن :
<iframe width="100%" height="50" scrolling="no" frameborder="0" name="test" src="http://100hla.com/vb1/online.php">
</iframe>
طبعاً الطول والعرض لتحجيم الإطار ...
scrolling أي لنحدد له إذا كنا نريد أن يظهر شريط التمرير أم لا (عندما تكون الصفحة أكبر من الإطار المرئي يظهر شريط التمرير)

والآن نأتي لوسم frameset :

الصفحة الرئيسية التي تحمل الإطارات كلها ليس بالضروري أن يكون لها body (كـصفحةindex) ..

بل يمكن أن يستعاض عنها -في صفحة تحوي إطارات فقط- بـِ <FRAMESET>أي:

أي يصبح هيكل الصفحة الرئيسية للإطارات هكذا :

<HTML>
<HEAD>
<TITLE>صفحة الإطارات الرئيسية
</TITLE>
</HEAD>
<FRAMESET>
</FRAMESET>
</HTML>

الآن نأتي إلا خصائص ال frameset :
<frameset cols="50%,20%,*">

أي أخبر المتصفح أنني أريد أن أضع ضمن ال frameset (التي تشبه الbody) ثلاث إطارات عمودية
الأول يأخذ 50% من عرض الصفحة والثاني 20% والثالث الباقي (قديش ؟ :))..

<frameset rows="20%,20%,*,2*">

ياااا متصفح : حضر حالك لح يجيك 4 إطارات الإطار الأول يأخذ 20% من طول الصفحة والثاني 20% والتالت أد نص الإطار الأخير ..

طيب هيك المتصفح لح يفهم أنو لحححح يكون فيه بس لسا ما صار فيه إطارات ..

هلأ بوسم الframe سنضع الإطارات وروابطها ..والذي يشبه وسم الصورة img فهو لا يحتاج إلى إغلاق (/)

كمثال :
<FRAMESET ROWS="50,*,15%,20%">
<FRAME SRC="http://100hla.com/vb1/">
<FRAME SRC=http://xp10.cc/xp10">
<FRAME SRC="http://tcc-damas.com">
<FRAME SRC="http://3rbnow.com/vb">
< /FRAMESET>

ويمكن أن تكون الصفحة فيها إطارات طولية وعرضية :

<FRAMESET ROWS="50%,20%,*">
<FRAME SRC="http://100hla.com/vb1">
<FRAMESET COLS="200,*">
<FRAME SRC="http://xp10.cc/xp10">
<FRAME SRC="http://3rbnow.com/vb">
</FRAMESET>
</FRAMESET>

أرجو أن أكون قد وفقت بالشرح ...

تقبل مروري أخي :) ..

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

غسان

08-26-2008, 01:41 AM

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

جزاك الله كل خير ..كفيت ووفيت

وبما أنو ما حد رد المفروض إذا في حد عم يتبع بيكون ما في شي صعب عليه

ونتابع إن شاء الله في دورة الأنترنت بلغة php

والسلام