منتديات العاشق - عرض مشاركة واحدة - الدرس الثالث 3 || تنسيقات الصفحة المختلفة 2

JERY7 · #1 01-13-2014, 01:36 AM

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

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

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

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

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

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

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

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

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

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

وفي وسوم ما يحتاج لها اغلاق مثلاً:- <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 عرض

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

في أمان الله

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