#1
|
||||
|
||||
الدرس الثالث 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 |
عضو شرف في منتديات العاشق
رقـم العضويــة: 85674
تاريخ التسجيل: Feb 2011
العـــــــــــمــر: 33
الجنس:
المشـــاركـات: 7,979
نقـــاط الخبـرة: 2166
|
رد: الدرس الثالث|| تنسيقات الصفحة المختلفة 2
......
|
01-13-2014, 03:07 AM | #3 |
عضو شرف في منتديات العاشق
رقـم العضويــة: 99034
تاريخ التسجيل: Sep 2011
العـــــــــــمــر: 31
الجنس:
المشـــاركـات: 9,311
نقـــاط الخبـرة: 2105
|
رد: الدرس الثالث|| تنسيقات الصفحة المختلفة 2
وععليكم السسلام
الحمد لله بخير , كيفك أنتَ عسساك بالف خير حبيبي والله هذا الدورة ما شوفت اجمل و اخف منها جميع دروس خفيف و سهل الفهم و هذا الشيء ما ييحث عنه الجميع . جاري عمل الواجب , شكرًا لك أخي عَ هذا العمل الرائع منك جزاك الله الف خير ديمآ يارب في حفظ الله |
01-13-2014, 09:52 AM | #4 |
عضو شرف
رقـم العضويــة: 226906
تاريخ التسجيل: Jun 2013
الجنس:
المشـــاركـات: 25,227
نقـــاط الخبـرة: 6936
|
رد: الدرس الثالث|| تنسيقات الصفحة المختلفة 2
وعليكم السلام ورحمة الله و بركاته
بارك الله فيك اخي على هذا العمل و الشرح الرائع و موفق ان شاء الله و تم تطبيق |
01-25-2014, 07:11 PM | #5 |
عاشق ذهبي
رقـم العضويــة: 179130
تاريخ التسجيل: Jan 2013
العـــــــــــمــر: 26
الجنس:
المشـــاركـات: 2,952
نقـــاط الخبـرة: 951
|
رد: الدرس الثالث|| تنسيقات الصفحة المختلفة 2
وعليكم السلام
كيفك أخي؟ ما شاء الله دورة رائئعة الله يعطيك العافية وشرح كافي ووافي تفضل هي تطبيقي بالتوفيق لك بإكمال الدورة والسلام عليكم |
01-29-2014, 11:01 PM | #9 |
عضو شرف في منتديات العاشق
رقـم العضويــة: 85674
تاريخ التسجيل: Feb 2011
العـــــــــــمــر: 33
الجنس:
المشـــاركـات: 7,979
نقـــاط الخبـرة: 2166
|
رد: الدرس الثالث|| تنسيقات الصفحة المختلفة 2
ما شاء الله عليكم
تطبيق هذا الدرس كان من أجمل التطبيقات من الأخوة شأكر لكم حسنُ عملكم جميعاً قد نتأخر في طرح الى الاْسبوع القادم بسبب سوء الأحوال والنت |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
أدوات الموضوع | |
انواع عرض الموضوع | |
|
|
المواضيع المتشابهه للموضوع الدرس الثالث 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 |