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

مشاهدة النسخة كاملة : شرح طريقة عمل صفحه html بسيطه ولاكن جميله وصمم صفحاتك


admin
11-01-2013, بتوقيت غرينيتش 03:58 PM
http://www.dzbatna.com/images/icons/iconrote.gif ط´ط±ط* ط¹ظ…ظ„ طµظپط*ظ‡ html ط¨ط³ظٹط·ظ‡ ظˆظ„ط§ظƒظ† ط¬ظ…ظٹظ„ظ‡ ظˆطµظ…ظ… طµظپط*ط§طھظƒ (http://www.dzbatna.com/t1800712/)




اول حاجة هنفتح برنامج النوت باد لمستخدمي الويندوز
و بيكو لمستخدمي اللينكس




Start >> all programs >>accessories >> notepad



ابدأ = كل البرامج = الملحقات = نوت باد
-------------------------------------------------------------------------------






اللغة هنا بتبدأ بحاجة اسمها الوسم




<وسم >





واي وسم بنفتحه لازم ننهيه بنفس الوسم لكن يكون بهذا الشكل





</وسم >





==========================================





اللغة عامتا اول وسم فيها بنفس اسمها





يعني





<html> ده اول وسم وده اللي بنحط جواه جميع أوسام اللغة</html>





تاني وسم





<head>ده تاني وسم وده معناه رأس الصفحة </head>





تالت وسم





<title> ده عنوان الصفحة اي اللي بيظهر في المتصفح فوق </title>





زي كلمة ديزاد باتنة فورم اللي فوق





ده موجود في وسم ال title





رابع وأهم وسم





<body>أهم وسم علي الاطلاق هنا نضع جواه محتويات الصفحة كلها </body>





كده ده اهم واول درس مفصل من دروس اللغة





في معلومة لازم نحفظها كويس





الوسم الي هبدأ بيه اول حاجة انهي بيه اخر حاجة





مثلا لو بديت بوسم الهتمل وبعد كده بالهيد وبعد كده بالتيتل





يبقي امشي ازاي





هتمل





هيد





تيتل





تيتل





هيد





هتمل





لازم نمشي علي هذا المنوال





طبعا كل درس مفصل فيه تطبيق نيجي لتطبيق انهاردة



هنعمل اول صفحة من صفحات اللغة انهاردة





<html>








<head>





<title>





My First Web Page





</title>





</head>





<Body>





درس مفصل عمل صفحه (http://www.progs4all.com/vb)html (http://www.progs4all.com/vb)بسيطه (http://www.progs4all.com/vb)ولاكن (http://www.progs4all.com/vb)جميله (http://www.progs4all.com/vb)من متحف البرامج والالعاب


وديزاد باتنة


</body>





</html>



اضع الكود code ده بهذا الشكل في النوت باد




تم كدا اضافه طيب هنضع لون للكلام ازاي كدا
<font size=&quot;12&quot; color=&quot;red&quot;>
طبعا هنغير 12 للحجم المطلوب
وكلمه red للون المطلوب وممنساش نغلق الكود code كدا
</font>
طيب ولوضع رابط مثلا جوه كلمه يعني مثلا اضغط هنا ولما ندوس عليها تروح لرابط معين
هتبقي كالتالي
<font size=&quot;12&quot; color=&quot;red&quot;>hagrass<a
href=&quot;http://progs4all.com/vb&quot;>Click here</a></font>
مكان كلمه click بنحط الي عاوزينو يعني الخلاصه هتبقي
<a href=&quot;http://progs4all.com/vb&quot;>progs4all</a>
كدا تمام نروح بقى لو عاوزين مثلا ننل لسطر تاني يعني كتبنا
السلام عليكم
وعاوزين نكتب تحتها اهلا وسهلا بزوار ديزاد باتنة و متحف البرامج
dzbatna.net
progs4all.com
في الحاله ده بنسخدم الكود code
<br />
كل منحب ننزل لسطر
باقي ان حضرتك فقط تقوم بالبحث والحصول على بقيه السمات لكي تستطيع كتابه
كود code باحتراف وتععلم اللغه والتعمق
فكره اقوم بعملها في حاله اني وقفت مثلا في كود code ماني عارف الون خلفيه لاني ما بعرف الكود code
انا عن نفسي بما اني مبتدا بعمل حاجه جميله بفتح الفرونت بيج
اقوم بعمل لون الخلفيه المرغوب وبعدها احفظ وافتح الملف المحفوظ بالنوت باد واشوف الكود code
وبكدا اكوت تعلمت كود code جديد مثلا ويعمل حتى نحترف


ملحوظه :العمل جهد شخصي بالكامل لذا عند النقل يرجى ذكر المصدر
ديزاد باتنة ومتحف البرامج والالعاب
www.dzbatna.net (http://www.dzbatna.net)
www.progs4all.com (http://www.progs4all.com)
موفقين يا شباب والقادم دروس اكثر تعمق ولاكن بعد اجادتها بشكل تام حتى اكون متمكن من ما
اقوله


ملحوظه اخرى الشرح طريقة مقتبس اسلوبا من منتدى لا اتذكر اسمه ولاكن لي جهد شخصي به






ألعاب الأندرويد مجانا و حصريا (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)©

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


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