تذكرني !
تابعنا على
Bleach 25-26 منتديات العاشق
  #1  
قديم 01-13-2014, 01:36 AM
الصورة الرمزية JERY7  
رقـم العضويــة: 85674
تاريخ التسجيل: Feb 2011
الجنس:
العـــــــــــمــر: 32
المشـــاركـات: 7,979
نقـــاط الخبـرة: 2166
Twitter : Twitter
Icons26 الدرس الثالث 3 || تنسيقات الصفحة المختلفة 2




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


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

كيف حالكم اليوم ؟ بخير ان شاء الله

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

الدرس الماضي من لون الخلفية الصفحة و تعلمنا كيف نضيف صورة للصفحة

وتعلمنا كيف نضيف تاثيرات على النص من تعريض وخط سفلي الخ..

من يحس انه لم يفهم جيداً عليه مراجعه الدرس الماضي حتى يتقنه ويفهمه ليكمل

معنا هذا الدرس




اليوم حاب أعلمك كم شغله خفيفه وهي راح تحس فيها شوية لخبطة

في المرة الماضية كتبنا كود الصفحه وتعلمنا انه لزم لكل تاغ بداية ونهاية

وفي وسوم ما يحتاج لها اغلاق مثلاً:- <br> <p>

الان ناتي لخصائص بعض التاغات مثل نبغى نضيف صورة في البدي وليس خلفية للصفحة

هذا هو الكود

كود:
<body>
<"img src="name.jpg>
<body/>
هناك شرطان أساسيان حتى تظهر لك الصورة

1-أن تكون الصورة في نفس مستوى ملف html (يعني في نفس المكان اذا افترضنا انهما كليهما في سطح المكتب)
2-لزم نكتب اسم الصورة بشكل صحيح و لزم نكتب الصيغه الصحيحة للصورة

مثل عندي صورة

أسمها 3asq
صيغتها jpg
كود:

<"img src="3asq.jpg>


طيب لو أضفنا الصورة ونجحنا ماذا تلاحظ!!

.
.
.
.


نعم الصورة تاتي بحجمها الاصلي طيب نبي نصغرها كيف

هل لزم اعدل عليها ؟

أقول لك هناك طريقتنا ولك الحرية في عمل أحداهما

1-تصغر الصورة بفي أي برنامج تحرير الصور(الرسام-فوتوشوب)على حسب المساحه التي تريد
2-تعمل في الكود على ارتفاع وعرض الصورة

الطريقة الاولى سهله ولاتحتاج شرح

الطريقة الثانية هي موضوع درسنا وهي حجم الصورة كيف يمكنني تحديدة في الكود

لاحظ هذا الكود

كود:
  <"img src="3asq.jpg>
ولاحط هذا
كود:
 <img src="3asq.jpg" height=100 with=100>
ما رأيك ؟ اليست أجمل من حجمها الكبير

طيب نبغا نعدل أقول لكم


height = ارتفاع الصورة
with = عرض الصورة


طبعاً كلما زدت زادت معك حجم الصورة وهذا يسمى أبعاد الصورة

طيب الخصائص هذي نقدر نطبقها على شيء ثاني

نعم و لا (في نفس الوقت^_^)

اذا التاغ يقبل التعديل في الحجم
فاقولك نعم
اما اذا لايقبل
فاقولك لا

مثل html

يقبل ان تعطيه عرض الصفحة وطولها

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

ونعدل فقط

كان

كود:
 <html>
سوف يصبح

كود:
 <html height=100% with=100%>
طبعا نلاحظ ان في تغير بسيط وهو اننا اعطينا القيمة بعلامه%

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

يعني ملاء الشاشة


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

كان مفهوم ولم يكن ثقيل عليكم

انا هدفي تخفيف الدروس حتى تصبح لديكم قابلية للتمكن

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

في لغه html

وهذه الدروس اساس وليست مطلب اساسي للتقن تصميم صفحات الانترنت

طبعاً الطريقة هذي اندثرت منذ 7 سنين لكن دروسنا هذه

سوف تفيدنا بقرائة الصفحات لاحقاً

وراح نستعين بها بشكل بسيط

لكن فعاًل

الى الاسبوع القادم نلقاكم مع واجب هذا الاسبوع


الواجب

1-عمل صفحة اسمها الدرس الثالث
2-اكتب في body النك نيم حقك وعرض الخط
3-اضف لون جميل في خلفية البدي
4-اضف صورة في البدي تكون في مقاس 100طول 200 عرض


شكراً لكم لمتابعة هذا الدرس

في أمان الله


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



رد مع اقتباس
قديم 01-13-2014, 01:37 AM   #2
عضو شرف في منتديات العاشق
 
الصورة الرمزية JERY7
رقـم العضويــة: 85674
تاريخ التسجيل: Feb 2011
العـــــــــــمــر: 32
الجنس:
المشـــاركـات: 7,979
نقـــاط الخبـرة: 2166
Twitter : Twitter

افتراضي رد: الدرس الثالث|| تنسيقات الصفحة المختلفة 2

......
JERY7 غير متواجد حالياً   رد مع اقتباس
قديم 01-13-2014, 03:07 AM   #3
عضو شرف في منتديات العاشق
 
الصورة الرمزية KEl3rabawi
رقـم العضويــة: 99034
تاريخ التسجيل: Sep 2011
العـــــــــــمــر: 30
الجنس:
المشـــاركـات: 9,311
نقـــاط الخبـرة: 2105
Skype :
Facebook : Facebook
Deviantart : Deviantart

افتراضي رد: الدرس الثالث|| تنسيقات الصفحة المختلفة 2

وععليكم السسلام
الحمد لله بخير , كيفك أنتَ عسساك بالف خير حبيبي
والله هذا الدورة ما شوفت اجمل و اخف منها
جميع دروس خفيف و سهل الفهم و هذا الشيء ما ييحث عنه الجميع
.
جاري عمل الواجب
,
شكرًا لك أخي عَ هذا العمل الرائع منك
جزاك الله الف خير ديمآ يارب
في حفظ الله

KEl3rabawi غير متواجد حالياً   رد مع اقتباس
قديم 01-13-2014, 09:52 AM   #4
عضو شرف
 
الصورة الرمزية υcнɪнα sαsυĸє
رقـم العضويــة: 226906
تاريخ التسجيل: Jun 2013
الجنس:
المشـــاركـات: 25,227
نقـــاط الخبـرة: 6936

افتراضي رد: الدرس الثالث|| تنسيقات الصفحة المختلفة 2

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

بارك الله فيك اخي على هذا العمل و الشرح الرائع

و موفق ان شاء الله

و تم تطبيق

υcнɪнα sαsυĸє غير متواجد حالياً   رد مع اقتباس
قديم 01-25-2014, 07:11 PM   #5
عاشق ذهبي
 
الصورة الرمزية AHMADESS
رقـم العضويــة: 179130
تاريخ التسجيل: Jan 2013
العـــــــــــمــر: 25
الجنس:
المشـــاركـات: 2,952
نقـــاط الخبـرة: 951
Yahoo : إرسال رسالة عبر Yahoo إلى AHMADESS
Skype :
Gmail : Gmail
Facebook : Facebook
Deviantart : Deviantart
Youtube : Youtube

افتراضي رد: الدرس الثالث|| تنسيقات الصفحة المختلفة 2

وعليكم السلام
كيفك أخي؟
ما شاء الله دورة رائئعة الله يعطيك العافية
وشرح كافي ووافي
تفضل هي تطبيقي



بالتوفيق لك بإكمال الدورة
والسلام عليكم
AHMADESS غير متواجد حالياً   رد مع اقتباس
قديم 01-26-2014, 11:21 PM   #6
♠_♠_♠_♠
 
الصورة الرمزية Fahadz
رقـم العضويــة: 105033
تاريخ التسجيل: Dec 2011
الجنس:
المشـــاركـات: 43
نقـــاط الخبـرة: 30

افتراضي رد: الدرس الثالث|| تنسيقات الصفحة المختلفة 2

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



التعديل الأخير تم بواسطة Fahadz ; 01-29-2014 الساعة 04:03 AM سبب آخر: ♥
Fahadz غير متواجد حالياً   رد مع اقتباس
قديم 01-29-2014, 01:28 AM   #7
المبرمج1
 
الصورة الرمزية كوكا كوك
رقـم العضويــة: 9930
تاريخ التسجيل: Jun 2009
العـــــــــــمــر: 36
الجنس:
المشـــاركـات: 9
نقـــاط الخبـرة: 10

افتراضي رد: الدرس الثالث|| تنسيقات الصفحة المختلفة 2

تمام
كوكا كوك غير متواجد حالياً   رد مع اقتباس
قديم 01-29-2014, 01:39 AM   #8
المبرمج1
 
الصورة الرمزية كوكا كوك
رقـم العضويــة: 9930
تاريخ التسجيل: Jun 2009
العـــــــــــمــر: 36
الجنس:
المشـــاركـات: 9
نقـــاط الخبـرة: 10

افتراضي رد: الدرس الثالث|| تنسيقات الصفحة المختلفة 2

يسلمو
كوكا كوك غير متواجد حالياً   رد مع اقتباس
قديم 01-29-2014, 11:01 PM   #9
عضو شرف في منتديات العاشق
 
الصورة الرمزية JERY7
رقـم العضويــة: 85674
تاريخ التسجيل: Feb 2011
العـــــــــــمــر: 32
الجنس:
المشـــاركـات: 7,979
نقـــاط الخبـرة: 2166
Twitter : Twitter

افتراضي رد: الدرس الثالث|| تنسيقات الصفحة المختلفة 2

ما شاء الله عليكم

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

شأكر لكم حسنُ عملكم جميعاً

قد نتأخر في طرح الى الاْسبوع القادم بسبب سوء الأحوال والنت
JERY7 غير متواجد حالياً   رد مع اقتباس
قديم 01-31-2014, 01:18 PM   #10
عاشق جديد
 
الصورة الرمزية Multiuname
رقـم العضويــة: 303005
تاريخ التسجيل: Jan 2014
العـــــــــــمــر: 31
الجنس:
المشـــاركـات: 28
نقـــاط الخبـرة: 13

افتراضي رد: الدرس الثالث|| تنسيقات الصفحة المختلفة 2

شكرا جزيلا على أجمل
درس ابدعت في تنسيقه ثم طرجه =)
Multiuname غير متواجد حالياً   رد مع اقتباس
إضافة رد


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

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

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

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

المواضيع المتشابهه للموضوع الدرس الثالث 3 || تنسيقات الصفحة المختلفة 2:
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
الدرس الرابع 4 || تنسيقات الصفحة المختلفة 3 JERY7 قسم تصميم وبرمجة صفحات الأنترنت 11 09-20-2014 04:43 PM
الدرس الثاني 2 || تنسيقات الصفحة المختلفة 1 JERY7 قسم تصميم وبرمجة صفحات الأنترنت 11 05-01-2014 05:22 PM
لوبين الثالث [الصفحة الاخري] || [Lupin III [another page βlaCK ĦeRo أعمال فريق العاشق للترجمة 22 09-03-2013 12:58 AM
تحديث الصفحة ::الدرس الثامن/التحليل اليدوي للملفات المشبوهة _الجزء 3:: !!BlackStar!! قسم الحصريات والشروحات المميزة 7 12-10-2010 10:38 PM

الساعة الآن 03:47 PM.


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

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

rel="nofollow" maxseven simplicity and clarity