تذكرني !
تابعنا على
Bleach منتديات العاشق

الدرس الرابع 4 || تنسيقات الصفحة المختلفة 3

إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 02-02-2014, 08:52 PM
الصورة الرمزية JERY7  
رقـم العضويــة: 85674
تاريخ التسجيل: Feb 2011
الجنس:
العـــــــــــمــر: 33
المشـــاركـات: 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-وحجم محدد
(عن طريق فونت)

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

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

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

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

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

في أمان الله


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



رد مع اقتباس
قديم 02-02-2014, 09:08 PM   #2
عضو شرف
 
الصورة الرمزية υcнɪнα sαsυĸє
رقـم العضويــة: 226906
تاريخ التسجيل: Jun 2013
الجنس:
المشـــاركـات: 25,227
نقـــاط الخبـرة: 6936

افتراضي رد: الدرس الرابع|| تنسيقات الصفحة المختلفة 3

تم تطبيق


التعديل الأخير تم بواسطة υcнɪнα sαsυĸє ; 02-20-2014 الساعة 07:31 PM
υcнɪнα sαsυĸє غير متواجد حالياً   رد مع اقتباس
قديم 02-04-2014, 04:34 PM   #3
عاشق جديد
 
الصورة الرمزية Mandi
رقـم العضويــة: 304783
تاريخ التسجيل: Feb 2014
العـــــــــــمــر: 32
الجنس:
المشـــاركـات: 19
نقـــاط الخبـرة: 13

افتراضي رد: الدرس الرابع|| تنسيقات الصفحة المختلفة 3

شكراا
Mandi غير متواجد حالياً   رد مع اقتباس
قديم 02-09-2014, 02:47 AM   #4
عاشق جديد
 
الصورة الرمزية a1do
رقـم العضويــة: 274053
تاريخ التسجيل: Sep 2013
العـــــــــــمــر: 33
الجنس:
المشـــاركـات: 20
نقـــاط الخبـرة: 11

افتراضي رد: الدرس الرابع|| تنسيقات الصفحة المختلفة 3

جاري التطبيق اخي
a1do غير متواجد حالياً   رد مع اقتباس
قديم 02-09-2014, 03:03 PM   #5
♠_♠_♠_♠
 
الصورة الرمزية Fahadz
رقـم العضويــة: 105033
تاريخ التسجيل: Dec 2011
الجنس:
المشـــاركـات: 43
نقـــاط الخبـرة: 30

افتراضي رد: الدرس الرابع|| تنسيقات الصفحة المختلفة 3

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

كيفك؟

ان شاء الله تمام


التعديل الأخير تم بواسطة Fahadz ; 02-21-2014 الساعة 11:31 AM سبب آخر: ♥♥♥
Fahadz غير متواجد حالياً   رد مع اقتباس
قديم 02-11-2014, 04:09 AM   #6
عضو شرف في منتديات العاشق
 
الصورة الرمزية JERY7
رقـم العضويــة: 85674
تاريخ التسجيل: Feb 2011
العـــــــــــمــر: 33
الجنس:
المشـــاركـات: 7,979
نقـــاط الخبـرة: 2166
Twitter : Twitter

افتراضي رد: الدرس الرابع|| تنسيقات الصفحة المختلفة 3

اقتباس:
المشاركة الأصلية كتبت بواسطة fahadz مشاهدة المشاركة
السلام عليكم ورحمة الله وبركاته

كيفك؟

ان شاء الله تمام

هلا فيك بالغالي

تمام عليك لكن الكود مصوره غير مكتمل باقي كود الخط وكما هو واضح تم تطبيقه

لكن للفاىده صور لنا الكود مره اخرى مع تحياتي لك
JERY7 غير متواجد حالياً   رد مع اقتباس
قديم 02-11-2014, 01:59 PM   #7
♠_♠_♠_♠
 
الصورة الرمزية Fahadz
رقـم العضويــة: 105033
تاريخ التسجيل: Dec 2011
الجنس:
المشـــاركـات: 43
نقـــاط الخبـرة: 30

افتراضي رد: الدرس الرابع|| تنسيقات الصفحة المختلفة 3

اقتباس:
المشاركة الأصلية كتبت بواسطة jery7 مشاهدة المشاركة
هلا فيك بالغالي

تمام عليك لكن الكود مصوره غير مكتمل باقي كود الخط وكما هو واضح تم تطبيقه

لكن للفاىده صور لنا الكود مره اخرى مع تحياتي لك

التعديل الأخير تم بواسطة Fahadz ; 02-11-2014 الساعة 02:00 PM سبب آخر: توسيط
Fahadz غير متواجد حالياً   رد مع اقتباس
قديم 02-13-2014, 03:25 PM   #8
يارب توفيقك
 
الصورة الرمزية Ŋαwααг
رقـم العضويــة: 100071
تاريخ التسجيل: Oct 2011
الجنس:
المشـــاركـات: 2,169
نقـــاط الخبـرة: 1201
Blogger : Blogger

افتراضي رد: الدرس الرابع|| تنسيقات الصفحة المختلفة 3




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

الواجب + الكود

وشكرا عالدروس






التعديل الأخير تم بواسطة Ŋαwααг ; 02-13-2014 الساعة 03:29 PM
Ŋαwααг غير متواجد حالياً   رد مع اقتباس
قديم 03-02-2014, 02:57 AM   #9
عاشق جديد
 
الصورة الرمزية Berrag Zakariae
رقـم العضويــة: 307782
تاريخ التسجيل: Mar 2014
العـــــــــــمــر: 35
الجنس:
المشـــاركـات: 26
نقـــاط الخبـرة: 10

افتراضي رد: الدرس الرابع|| تنسيقات الصفحة المختلفة 3

شكرا على الدرس الأكتر من رائع
Berrag Zakariae غير متواجد حالياً   رد مع اقتباس
قديم 06-06-2014, 07:36 AM   #10

 
الصورة الرمزية hataki7
رقـم العضويــة: 316207
تاريخ التسجيل: May 2014
الجنس:
المشـــاركـات: 17,823
نقـــاط الخبـرة: 3970
Skype :
Gmail : Gmail
Facebook : Facebook

افتراضي رد: الدرس الرابع|| تنسيقات الصفحة المختلفة 3

بارك الله فيك اخي على هذا العمل و الشرح الرائع
hataki7 غير متواجد حالياً   رد مع اقتباس
إضافة رد


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 

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

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

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

المواضيع المتشابهه للموضوع الدرس الرابع 4 || تنسيقات الصفحة المختلفة 3:
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
الدرس الثالث 3 || تنسيقات الصفحة المختلفة 2 JERY7 قسم تصميم وبرمجة صفحات الأنترنت 15 09-06-2014 09:55 PM
الدرس الثاني 2 || تنسيقات الصفحة المختلفة 1 JERY7 قسم تصميم وبرمجة صفحات الأنترنت 11 05-01-2014 05:22 PM
تحديث الصفحة ::الدرس الثامن/التحليل اليدوي للملفات المشبوهة _الجزء 3:: !!BlackStar!! قسم الحصريات والشروحات المميزة 7 12-10-2010 10:38 PM

الساعة الآن 02:28 PM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.

كُل ما يُكتب أو يُنشر في منتديات العاشق يُمثل وجهة نظر الكاتب والناشر فحسب، ولا يمثل وجهه نظر الإدارة

rel="nofollow" maxseven simplicity and clarity