المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : [2] الدرس مفصل الثاني "كيفيـة التعديـل علي صفحـة الإنترنت "



romaissa
11-01-2013, بتوقيت غرينيتش 09:45 AM
http://www.dzbatna.com/images/icons/iconrote.gif [2] ط§ظ„ط¯ط±ط³ ط§ظ„ط«ط§ظ†ظٹ "ظƒظٹظپظٹظ€ط© ط§ظ„طھط¹ط¯ظٹظ€ظ„ ط¹ظ„ظٹ طµظپط*ظ€ط© ط§ظ„ط¥ظ†طھط±ظ†طھ " (http://www.dzbatna.com/t635406/)




مرحبــا بكــم إخوانــــي


الدرس مفصل الثانـي
كيفيـة التعديـل علي صفحـة الإنترنت ؟؟
================
إنتهينــا من الدرس مفصل الأول وتعلمنا أساسيات التعامل مع اللغة وتوصلنا إلي عمل صفحة مكتوب فيها عبارتين فقط واحدة عند الرأس Head وهي " فريق عمل منتديات توافق" وواحدة في جسم الصفحة Body وهي "بسـم الله الرحمن الرحيــم "
وقلنـا أن عبارة الرأس قد إنتهي أمرها إلي تلك المرحلة أي أنه لا يمكن التعديل عليها إلا بحذفها وكتابة غيرها
وأما التي سيتم التعديل عليها هي العبارة الموجودة في جسم الصفحة Body
والآن لنـــبدأ درس مفصل اليوم وهو
التعديــل والتنسيـــق
==========
إفتح معي الصفحة التي قمت بعملها وحفظها في المرة السابقة والتي كان إسمها MyPage.html
وقم بعمل Right Click في أي مكان فارغ في الصفحة وإختر View Sourceإنظر للصورة

http://files.w-enter.com/uploadcenter/6563/8.jpg

و ماذا بعــد ذلك ..؟؟
بعد عمل كليك يمين وإختيار View Source ستظهر لك ال Notpad محتوية علي كل ما قمت بكتابته في المرة السابقة
إنظر الصورةhttp://img140.imageshack.us/img140/2271/19296626eb1.jpg



في البدايـة نلاحظ أن العبارة "بسـم الله الرحمـن الرحيـم " في الجانب الأيسر من الصفحة وهذا عيب كبير لأن العبارة باللغة العربية وينبغي أن تكون في الجانب الأيمن ..
ويتضح لنـا أيضا أن الوضع الإفتراضي في لغة HTML هو الجانب اليسر إذا لم يتم تغييره
فمعي لنقوم بالتنسيق ونقل العبارة إلي الجانب الأيمن
بالطبع مازال محرر النصوص "Notpad" مفتوح أمامك
قم بتعديل الآتي في منطقة الجسم Body
<Body>
<P dir=&quot;rtl&quot;>إنظر الصورة


http://img140.imageshack.us/img140/3779/10639633rq2.jpg


بعد ذلك وكما إتفقنـا سنقوم بعمل Save من قائمة File ثم أغلق محرر النصوص وإذهب للصفحة
وقم بعمل ******* لتري نتيجة التعديل



http://img171.imageshack.us/img171/8521/98546567yo2.jpg


الآن وبعد مشاهدة النتيجة .. نأتي لنفسّر ما قمنــا بكتابته أو تعديله
ما قمنــا بتعديله كان
<P dir=&quot;rtl&quot;>فال P تعني فقرة جديدة
و dir أي مسار الكتابة
و rtl أي Right To Left من اليمين إلي اليسار
والعكس ف ltr أي Left To Right أي من اليسار إلي اليمين
==========
إلي المزيــد من التنسيــق
لنتفق من الآن أنه في كل مرة سنقول فيها كلمة تنسيق فتذهب فورا لفتح الصفحة MyPage.html وعمل كليك يمين وتختار View Source لتقُم بالتنسيق

والآن بالطبع فعلت ومحرر النصوص Notpad جاهز أمامك
إذن فإليك التعديلبسـم الله الرحمن الرحيـم <P dir= &quot;rtl&quot;><b><i><u>
</u></i></b></p> إنظـر للصورة

http://img339.imageshack.us/img339/7879/40613387og3.jpg


ولنتفق معــا أيضا علي أنه بعد إتمام أو القيام بأي تعديـل سنذهب فورا إلي قائمة File في محرر النصوص ونختار Save ثم نغلق محرر النصوص و نذهب للصفحة ونقوم بعمل ******* لنري النتيجة
وكانت النتيجة في التعديل السابق هيhttp://files.w-enter.com/uploadcenter/6563/12.jpg




لنفسّـر ما قمنــا بتعديــلهb أي Bold خط سميــك
i أي italic خط مائــل
u أي Under Line تحته خط
==========
وسنكتفي اليوم بهــذا وفي المرة القادمة المزيد من التنسيق بإذن اللــه==========
ملحوظــة هامّـة
إكتب الأكواد أو التعديلات بيديك وإكتبها كما تراها في الصور وليس في الموضوع .. أي بنفس تفاصيل الصور.==========
بالتوفـيــق وإلي اللقاء في مع الدرس مفصل الثالث بإذن اللــه
السلام عليكم ورحمة الله وبركاته






ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى