..:.. مرحباً بك في شبكة الشدادين الرسمية ، ضيفنا الكريم يسعدنا دعوتك للانضمام والمشاركة معنا .. اضغط هنا لتسجيل عضوية جديدة ..:..


آخر 10 مشاركات وردة مِن بلاغة القران الكَريم !    <->    So2al ما هو نسب ضيغم الوارد في شجرة الشدادين؟    <->    وردة سَجلْ دُخوُلكْ / خُروُجكْ بِـ بيَتْ شِعر ♫ ( النُسخّة الثَالِثّة ) !    <->    موضوع جديد يوم المشوك مثل وبل بردية    <->    Reyadh رابطة جمهور العالمي (11)    <->    مكالمات داخل الشبكة بريال واحد بس    <->    حصرياً براويز ذهبية للتصاميم    <->    بخيل المشاعر    <->    جاء وقت الكشتة    <->    خاص يا قحطاني : اعرف نسبك    <->   
مختارات   خذوا الحِكْمةَ مِنْ أفْواهِ البُسَطاءِ   
مواضيع ننصح بقراءتها يا قحطاني : اعرف نسبك   <->   بخيل المشاعر
  [ 1 ]
قديم 10 Feb 2005, 10:22 PM

الوافي غير متصل

تاريخ التسجيل : Jan 2005
رقم العضوية : 5
الإقامة :
الهواية :
المشاركات : 1,636
معدل التقييم : 25
الملف الشخصي للكاتب
إضافة تقييم
الرد على الموضوع
ارسال الموضوع لصديق
طباعه الموضوع
تبليغ عن الموضوع
تعلم كيفة انشاء موقعك الخاص



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


والآن سوف تجد كل نوع من الخطوط مع الأمر الذي يجب ان تكتبه له .

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



--------------------------------------------------------------------------------


لكي تظهر لك العبارة في الوسط

كما في المثال التالي


هنا سوف اتعلم كيفية إدراج الخطوط



اكتب الأمر التالي


<center>هنا سوف اتعلم كيفية إدراج الخطوط</center>



--------------------------------------------------------------------------------


ولكي يظهر لك ذلك


هنا سوف اتعلم كيفية إدراج الخطوط


اكتب الامر التالي

<i>هنا سوف اتعلم كيفية إدراج الخطوط</i>




وهكذا سوف تجد كل مثال مع الأمر المطلوب له


هنا سوف اتعلم كيفية إدراج الخطوط
<b>هنا سوف اتعلم كيفية إدراج الخطوط</b>

هنا سوف اتعلم كيفية إدراج الخطوط
<strike>هنا سوف اتعلم كيفية إدراج الخطوط</strike>

هنا سوف اتعلم كيفية إدراج الخطوط
<u> هنا سوف اتعلم كيفية إدراج الخطوط</u>




--------------------------------------------------------------------------------


والآن ماذا عن حجم خط العناوين.....؟؟؟الأمر بغاية السهولة ستجد الآن أنواع الأحجام مع الأمر الذي تكتبه له...واختر الذي يعجبك


<h1>هذا الحجم رقم واحد</h1>





<h2>هذا الحجم رقم اثنين</h2>





<h3>هذا الحجم رقم ثلاثة</h3>





<h4>هذا الحجم رقم أربعة</h4>





<h5>هذا الحجم رقم خمسة</h5>





<h6>هذا الحجم رقم ستة</h6>






--------------------------------------------------------------------------------


وتوجد أيضا طريقة للتحكم في حجم الخط

فأنت تستطيع كتابة حجم الخط ما بين رقم واحد إلى الرقم سبعة

بهذا الأمر

<font size=5>
------

------

العبارة

-----
</font>


وسوف ترى بنفسك ماذا اقصد بهذه الأرقام ، من خلال الأمثلة التالية


<font size=1>موسوعة الكمبيوتر والانترنت العربية</font>





<font size=2>موسوعة الكمبيوتر والانترنت العربية</font>



<font size=3>موسوعة الكمبيوتر والانترنت العربية</font>



<font size=4>موسوعة الكمبيوتر والانترنت العربية</font>



<font size=5>موسوعة الكمبيوتر والانترنت العربية</font>






تركت لك الحجم رقم ستة وسبعة لكي تجربهما بنفسك

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

وهي تصغير او تكبير الخط عدة درجات بحسب الدرجة التي تريدها، وطبعا اختيار الدرجات يتم ما بين الرقم واحد إلى الرقم سته

كما في المثال التالي



<font size="+2"> كبرت الحجم بمقدار درجتين</font>

<font size="-2">صغرت الحجم بمقدار درجتين</font>




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

وبعد أن تعلمت كيفية التحكم بحجم الخط ، لا بد منك أن تتعلم كيفية تعيين نمط الخط الذي يعجبك، ومن الأفضل دائما ان تعين ثلاثة خطوط على الأقل ، وذلك لكي إذا وجد المتصفح صعوبة في إيجاد الخط الأول فهو ينتقل الى الخط الثاني وهكذا

ويتم ذلك من خلال هذا الأمر .


<font face="Traditional Arabic, Arabic Transparent, Simplified Arabic">

--------

-------

العبارات

-------

------
</font>



--------------------------------------------------------------------------------يا ترى ما هي الفكرة التي أخذتها من الدرس السابق التي كانت عبارة عن دردشة خفيفة في الهتمل؟

اتمنى بالفعل أن تكون قد نويت استكمال تعلم الهتمل ، والآن هيا بنا الآن لنشرح بطريقة عملية في الهتمل.

ما هو التركيب الأساسي لأي ملف في الهتمل؟


حينما تفتح المفكرة لكي تكتب فيها ، لا بد من أساس تطبق عليه كل الرموز، الأساس هو كالتالي:



<html>

<head>

<title>
هنا يكتب العنوان الذي سوف يظهر في شريط المتصفح
</title>

</head>

<body>

--------

--------
هنا نكتب كل ما نريد ادراجه في صفحات الموقع من صور ومواضيع

--------

--------
</body>

</html>




--------------------------------------------------------------------------------


والان إليك هذا المثال البسيط :




<html>

<head>

<title>

صفحتي الأولى
</title>

</head>

<body>

ما زلت حتى الان اتعلم الدرس الأول
</body>

</html>




--------------------------------------------------------------------------------



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

والان ما هو الشيء الذي لم تتعلمه في الاساسيات؟؟؟


إنها الفراغات وترك الاسطر، فلغة الهتمل لا تهتم بعدد الاسطر الفارغة التي تركتها ولا بعدد المسافات بين الكلمات ، فإذا كنت ترغب بترك سطر فهنالك وسم معين له ، وكذلك للفراغات .

--------------------------------------------------------------------------------

<br>


يستخدم هذا الوسم لنهاية السطر والبدء بسطر جديد
<p>


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


&nbsp;




يقوم هذا الوسم بترك فراغ بين الكلمات ، وهو يمثل فراغ واحد وهكذا كلما كتبت هذا الوسم يترك فراغ واحد ولكن بالطبع فإنه ليس من الضروري كتابته بين كل كلمة وكلمة ، فتلقائيا سوف يترك فراغ بين الكلمات للتفريق بينها..ولكن هذا الوسم يستخدم اذا كنا نريد اكثر من فراغ واحد بين الكلمات

--------------------------------------------------------------------------------



والان إليك هذا المثال الذي سوف يوضح تلك الوسوم الثلاث التي تعلمتها الآن


<html>
<head>
<title>

صفحتي الأولى
</title>
</head>
<body>

تعملت الان كيفية ترك فراغات وسوف اترك اربعة فراغات باستخدام الامر التالي &nbsp;&nbsp;&nbsp;&nbsp;

والان سوف انتقل الى سطر جديد مع ترك سطر فارغ بهذا الامر
<p>

والان سوف انتقل الى سطر جديد بدون ترك سطر فارغ

وهكذا تعلمت تلك الوسوم الثلاث بكل سهولة
</body>
</html>

يا ترى ما الذي تريد تعلمه من هذا الدرس؟


بالطبع عرفت ماذا سوف تتعلم من عنوان الدرس .

إنها الألوان وكيفية إدراجها كخلفية او كلون للعبارات أو العناوين في صفحات الانترنت .


في البداية هيا نتعلم كيفية إضافة لون كخلفية

وهذا يأتي من خلال الأمر التالي :



<body bgcolor=#ffffff>

-------

-------

</body>




ولقد استخدمت أنا اللون الأبيض وذلك من خلال الرمز ffffff كخلفية وهذا يأتي من الأمر السابق.

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

ولكن تذكر دائما بأن تضع إشارة # قبل الرمز الذي اخترته لكي يتعرف المتصفح على اللون.

إذن الآن تعلمت لون الخلفية فيا ترى ماذا عن لون العبارات والفقرات .

انظر معي إلى هذا الأمر:


<font color=#123123>

------

------

</font>





لقد تعاملنا مسبقا مع الرمز font ولكن هذه المرة أدخلنا كلمة color وهكذا اختر اللون الذي يعجبك وسوف ترى النتيجة بنفسك عند استخدامك لها .


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

في هذا الدرس سوف نتعلم معا كيفية تنسيق الفقرات والقوائم

وهنالك عدة أنواع للقوائم وسوف تتعلمها الآن معنا لتختار ما يناسبك .
أولا: القوائم غير المتسلسلة
Unordered Lists


نفترض بأنك تريد أن تعدد المواد العلمية المقررة على القسم العلمي .




القسم العلمي
<ul>
<li>الفيزياء
<li>الكيمياء
<li>الأحياء
<li>الجيولوجيا
</ul>




وهكذا سوف يظهر لنا بهذه الطريقة .



القسم العلمي




الفيزياء

الكيمياء

الأحياء

الجيولوجيا






--------------------------------------------------------------------------------

ثانيا: القوائم المتسلسلة
Ordered Lists


والآن في هذا النوع من القوائم سوف تتعلم كيفية كتابة قائمة متسلسلة كما في هذا المثال .



المواد العلمية في القسم العلمي
<ol>
<li>الفيزياء
<li>الكيمياء
<li>الأحياء
<li>الجيولوجيا
</ol>




سوف يظهر بهذه الطريقة.




المواد العلمية في القسم العلمي




الفيزياء

الكيمياء

الأحياء

الجيولوجيا






--------------------------------------------------------------------------------


ثالثا: قوائم التعريفات
Definition Lists


في هذا النوع من القوائم نتعلم كيفية كتابة قائمة للكلمة وتعريفها .

كما في هذا المثال :


<dl>
<dt>المواد العلمية في القسم العلمي
<dd>الفيزياء
<dd>الكيمياء
<dd>الأحياء
<dd>الجيولوجيا
<dl>




وسيكون بهذه الطريقة :






المواد العلمية في القسم العلمي

الفيزياء

الكيمياء

الأحياء

الجيولوجيا






--------------------------------------------------------------------------------

والآن هيا معا نتعلم كيفية وضع حد فاصل بين الفقرات والجمل.


ونستخدم لهذا الشيء الوسم
<hr>

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

فهنالك خصائص نستطيع استعمالها مع ذلك الوسم لكي نزيد او نقلل من حجمه وهذه الخصائص هي :

width="رقم%"

نستطيع ذكر رقم مئوي ليحدد حجم الحدود .

width="رقم"

نستطيع ذكر رقم ليحدد حجم الحدود.

size="رقم"

نستطيع ذكر رقم بالبيكسل ليحدد حجم الحدود.

وأيضا تستطيع التحكم في اتجاه الحد سواء في الوسط او اليمين او اليسار بهذه الطريقة :


align="center/right/left"




وسوف أذكر لك عدة أمثلة لتتضح لك تلك الخصائص


--------------------------------------------------------------------------------



<hr width="40%">





--------------------------------------------------------------------------------


<hr width="41">




--------------------------------------------------------------------------------


<hr size="4">





--------------------------------------------------------------------------------


<hr width="50%" align="right">



لقد تعلمت مسبقا في درس الجداول كيفية تنسيق الكلمة في خلايا الجدول لتكون في الوسط أو اليمين أو اليسار

وسوف نستعمل معا نفس الوسم لكي ننسق الفقرات

والوسم هو :
<p>

مع الخاصية
Align

وهي تحدد اتجاه الفقرة وسوف اذكر لك أمثلة لكي تتضح لك كل تلك الأمور:


<p align="right">هنا موقع موسوعة الكمبيوتر والانترنت العربية</p>



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




<p align="center">هنا موقع موسوعة الكمبيوتر والانترنت العربية</p>



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




<p align="left">هنا موقع موسوعة الكمبيوتر والانترنت العربية</p>



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




اتمنى أن تكون قد استمتعت بهذا الدرس ، والآن بالفعل تستحق قسطا من الراحة وذلك لصبرك ومثابرتك على تعلم هذه اللغة اللطيفة.....استرح قليلا ثم اكمل قراءة الدروس.

أولا : لإضافة وصلة تشعبية لصفحة أخرى او موقع آخر هنالك رمز معين يجب ان تكتبه وهو التالي :
<a href="http://www.c4arab.com"> الموسوعة العربية</a>

والآن ضع عنوان الموقع بين العلامتين" " المبين باللون الازرق واكتب في الفراغ بين الرمزين اسم الرابط الذي تود من الزائر الضغط عليه المبين في اللون الأخضر . كما في المثال التالي

الموسوعة العربية

هل ترغب بواضع رابط لبريدك كما هو كالتالي:

webmaster@c4arab.com و ترغب أن يظهر هذا الإرتباط على الصفحة بإسم ... راسلني ... كما هو في المثال التالي راسلني كل ما عليك القيام به هو كتابة الرمز التالي :

<a href="webmaster@c4arab.com"> راسلني</a>

وحتى الآن عرفت كيفية إضافة الرابط سواء لموقع او صفحة او بريد إلكتروني .



--------------------------------------------------------------------------------


ثالثا: لإضافة وصلة تشعبية لصفحة او موقع او بريد إلكتروني وذلك عن طريق الضغط أو النقر على صورة

بالطبع ربما لاحظت انه في بعض المواقع حينما تضغط على صورة فإنها تذهب بك الى موقع آخر او يظهر لك البريد لصاحب الموقع . وربما أردت في موقعك أن تضيف صورة لتكون مثل إشارة المرور التي تخبر الزائر بالضغط عليها لترسله لموقع آخر،وهكذا سوف تتعلم الان كيفية فعل ذلك . كل ما عليك فعله هو كتابة العنوان الذي تريد من الزائر الانتقال إليه في المكان المخصص للعنوان ، وتكتب الملف الذي توجد فيه الصورة في نفس المكان الذي كتبته سابقا المخصص للعبارة التي سوف يضغط وينقر عليها الزائر . ربما لم تقتنع بكلامي كثيرا ، لذلك إليك هذا المثال التالي الذي يسهل عليك فهم الأمر :



يمكنك فعل ذلك بنفس طريقة المثال السابق و لكن بدل ان تكتب كلمة راسلني, استخدم الرمز الخاص باضافة الصورة <img>

وتستطيع التحكم في عرض وطول الصورة كما بينت لك في الدروس السابقة .



--------------------------------------------------------------------------------


رابعا:إضافة وصلة تشعبية تنقلك إلى بداية او نهاية الصفحة او أي فقرة تختارها

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

!+أحمر!......!-أحمر!

مضافا إليه الخاصية !+أحمر!NAME!-أحمر! والآن هيا لنبدأ العمل معا ، فلنختار معا فقرة لكي نصل إليها عند كتابة وصلة خاصة لها ، ما رأيك في بداية الصفحة ، إذن فسوف نعمل معا الان وصلة لكي تنقلنا مباشرة الى بداية الصفحة. إذن نختار أول كلمة من بداية الفقرة الأولى ونضعها بين الوسمين التاليين بهذه الطريقة.
!+أحمر!!-أحمر!والآن!+أحمر!!-أحمر!

هل هذا هو كل شيء؟؟ لا..بقي شيء آخر ، ألا وهو تسمية هذه الفقرة لكي نتمكن من الوصول إليها ، فما رأيك أن نسميها begain وهكذا يكتب الامر ليكون بهذه الطريقة لنضعه في بداية الفقرة الاولى
!+أحمر!!-أحمر!والآن !+أحمر!!-أحمر!

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





منقول

قديم 16 Mar 2010, 12:05 AM [ 2 ]
مؤسس شبكة الشدادين


تاريخ التسجيل : Jan 2005
رقم العضوية : 1
الإقامة : saudi arabia
الهواية : رياضة + كمبيوتر وبس
مواضيع : 1511
الردود : 82077
مجموع المشاركات : 83,588
معدل التقييم : 4458السلطان has a reputation beyond reputeالسلطان has a reputation beyond reputeالسلطان has a reputation beyond reputeالسلطان has a reputation beyond reputeالسلطان has a reputation beyond reputeالسلطان has a reputation beyond reputeالسلطان has a reputation beyond reputeالسلطان has a reputation beyond reputeالسلطان has a reputation beyond reputeالسلطان has a reputation beyond reputeالسلطان has a reputation beyond repute

السلطان غير متصل


مـجـمـوع الأوسـمـة : 8
فعالية ضوء عدسة

فعالية طلباتك أوامر

شكر وتقدير

فعالية مجموعات المنتدى

يوميات الأعضاء

التميز في دورة الفوتوشوب

شكر وتقدير

أجمل خط 1434 هـ




الله يرحمك يا أبو زايد
ويدخلك فسيح جناته
والله يغفر لك ويغسلك بالماء والثلج والبرد


توقيع : السلطان




الأعلى
قديم 14 Jun 2010, 01:35 AM [ 3 ]
مشرف المنتديات التقنية


تاريخ التسجيل : Mar 2009
رقم العضوية : 19043
الإقامة : saudi arabia
الهواية : الكمبيوتر
مواضيع : 462
الردود : 5652
مجموع المشاركات : 6,114
معدل التقييم : 230ياسر الشدادي has a spectacular aura aboutياسر الشدادي has a spectacular aura aboutياسر الشدادي has a spectacular aura about

ياسر الشدادي غير متصل


مـجـمـوع الأوسـمـة : 4
مشارك في مسابقة القرآن الكريم

العضو المميز

المشرف المميز

الحضور المميز




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


توقيع : ياسر الشدادي

الأعلى
قديم 16 Jul 2010, 03:19 PM [ 4 ]
عضو متميز


تاريخ التسجيل : May 2006
رقم العضوية : 10390
الإقامة : saudi arabia
الهواية : الغياب
مواضيع : 688
الردود : 19455
مجموع المشاركات : 20,143
معدل التقييم : 2155رعد الجبوب has a reputation beyond reputeرعد الجبوب has a reputation beyond reputeرعد الجبوب has a reputation beyond reputeرعد الجبوب has a reputation beyond reputeرعد الجبوب has a reputation beyond reputeرعد الجبوب has a reputation beyond reputeرعد الجبوب has a reputation beyond reputeرعد الجبوب has a reputation beyond reputeرعد الجبوب has a reputation beyond reputeرعد الجبوب has a reputation beyond reputeرعد الجبوب has a reputation beyond repute

رعد الجبوب غير متصل


مـجـمـوع الأوسـمـة : 12
فعالية رضاب القوافي

فعالية رضاب القوافي

يوميات الأعضاء

يوميات رمضانية

عضو مخلص

المراقب المتميز

مشارك في مسابقة القرآن الكريم

العضو المميز

وسام الربيع

المشرف المميز


رد: تعلم كيفة انشاء موقعك الخاص


رحمك الله يالوافي
والله يسكن روحك الجنه

يغلق الموضوع


توقيع : رعد الجبوب
,

| استغفر الله واتوب إلية



بعيد عن هذا
للأسئلة فقط http://ask.fm/raa3d
الأعلى
موضوع مغلق
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
أين موقعك من الإعراب ؟؟ شموس المجد المنتدى الاسلامي 10 21 Dec 2008 12:22 PM
عشرين طريقة لشهرة موقعك الصقر المتيقظ قسم برامج الماسنجر وملحقاته 8 15 Jan 2006 08:07 PM
تــــــريد ان تعرف موقعك عند اللــــــه نــــــدى المنتدى الاسلامي 10 09 Jul 2005 03:51 AM
حدد موقعك ساري قصائد مختارة 3 28 Mar 2005 01:46 AM
أدوات الموضوع

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

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

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

Loading
10:43 PM
Powered by vBulletin® developed by Tar3q.com

RSS For Network AlShdadeen official