عرض مشاركة واحدة
  #1  
قديم 02-02-2014, 08:52 PM
الصورة الرمزية JERY7  
رقـم العضويــة: 85674
تاريخ التسجيل: Feb 2011
الجنس:
العـــــــــــمــر: 32
المشـــاركـات: 7,979
نقـــاط الخبـرة: 2166
Twitter : Twitter
Icons33 الدرس الرابع 4 || تنسيقات الصفحة المختلفة 3





اللَّهُمَّ انْفَعْنَا بِمَا عَلَّمْتَنَا , وَعَلِّمْنَا مَا يَنْفَعُنَا , وَزِدْنَا عِلْمًا إِلَى عِلْمِنَا

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

كيف حألكم جميعاً أن شاء الله تمام
وما تشكون من بأس!؟

اليوم درسنا راح يكون كود

بمعنى راح نتعلم تنسيق شوية

كما رأينا في السابق اضفنا صور واضفنا نص

لكن كما ترون تاتي يسار الشاشة وشكلها مررة

طيب نبغى نرتب شوية يعني نضيف النص اسفل الصورة والصورة نضيفها في منتصف الصفحة

او نضيفها يسار او يمين او اعلى او اسفل

كل هذا في كود يبسيط يا الله نبداء على

بركة الله .


هذا كودنا الاساسي للصفحة

كود:

<HTML>
<HEAD>
<Title>الدرس الرابع</Title>
</HEAD>
<BODY>

سلسلة شروح تصميم المواقع
<BR>


<P ALIGN ="CENTER">سلسلة شروح تصميم المواقع</P>


</BODY>
</HTML>
هاه كيف ظهر معكم النتيجة

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



اذا لم يظهر معكم راجع الكود الي انت كتبته

طبعا الكود هذا له 3 قيم

1-المنتصف
كود:
<P ALIGN ="center"></p>
2-يسار
كود:
<P ALIGN ="left"></p>
3-يمين
كود:
<P ALIGN ="right"></p>
4-اعلى
كود:
<P ALIGN ="top"></p>
5-أسفل
كود:
<P ALIGN ="BOTTOM"></p>
طيب يعني نغير بس في القيم والكود ثابت

أوك

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


طبعا كما نعلم إن جميع الاشياء التي تظهر على الشاشه

تكتب داخل تاغ body
طيب اذا بغيت اعدل على لون خط الصفحة كامل
من وين نكتب الكود؟!

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


نأتي للكود


كود:

<HTML>
 <HEAD>
<Title>الدرس الرابع</Title>
</HEAD>
<BODY TEXT="#000066"
LINK="#00ff00"
VLINK="#ff0000"
ALINK="#999999">

سلسلة شروح تصميم المواقع
<BR>


<P ALIGN ="CENTER">سلسلة شروح تصميم المواقع</P>


</BODY>
</HTML>
هذا شرح للخاصية


طبعا كما درس اللوان نعوض عنه بالاسم او نكتب الرقم
وعندكم بدرس اللوان مجموعه اللوان وكودها

ما يهمنا في درسنا غير

text =النص الي في البدي والون الي راح تعطيه اياه

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


طيب نبي نغير الخط يعني ابغاه بنوع خط موحد

نضيف هذا الكود

كود:
<FONT FACE="Traditional Arabic">
... Text ...
< /FONT>
داخل الصفحة نكتبة مثلاً
كود:
<HTML>
<HEAD>
<Title>الدرس الرابع</Title>
</HEAD>
<BODY TEXT="#000066"
>

سلسلة شروح تصميم المواقع
<BR>

<FONT FACE="Traditional Arabic" COLOR="red" SIZE="4" >
سلسلة شروح تصميم المواقع
</FONT>

</BODY>
</HTML>

شرح لخصائص الفونت
1-face
وهي نوع الخط ولزم يكتب كما هو ابحث عن نوع الخط
المناسب في الورد او المفكرة مثل "Arial"

2-color
صديقنا القديم اللون ونعرف ان لكل لون رقم او نكتب اسم اللون فقط

3-size
الحجم وهو يتكلم عن حجم الخط
وهو يتدرج من
1 الى 7
أكبر قيمة هي اكبر خط



هذا كان درسنا لهذا اليوم

كثرنا عليكم بالدرس لكن

لزم علينا ان نطبقة ونفهمه تمام

واجب الدرس:-
أ-كتابة النك نيم
1-في وسط الصفحة مرة
2-في اسفل الصفحة مرة

ب-كتابة النك نيم
1- 3مرات وكل مرة
1-بلون محدد
2-ونوع خط محدد
3-وحجم محدد
(عن طريق فونت)

أي استفسار تجدوني في موضوع

الأستفساراتّّّ

هذا كان كل شيء لهذا الاسبوع راح أترك لكم حرية تسليم الواجبُ

يمكن أتاخر في طرح الموضوع القادم لحد ما يكتملً عدد المشاركين

الى هنا نستودعكم الله

في أمان الله


سُبْحَانَكَ اللَّهُمَّ وَبِحَمْدِكَ أَشْهَدُ أَنْ لا إِلهَ إِلأَ انْتَ أَسْتَغْفِرُكَ وَأَتْوبُ إِلَيْكَ



رد مع اقتباس