بدايتك من الصفر فى تصميم صفحات الويب 2

بسم الله والحمد لله والصلاه والسلام على أشرف رسول جاء من عند الله ثم أما بعد

بدأنا الدرس السابق مع أساسيات البدء فى تصميم الويب

هنبدأباكواد سهله ان شاء الله أضافه صوره وتنسيق الكلام وشويه أكواد تانيه مهمه

نبدأ بسم الله

الكود السابق :

<head>
<title>
العنوان
</title>
</head>

<body>
هنا هتبقى أكوادنا كلها
</body>
</html>

<html>

نبدأ الاول ندوس فوق على Encoding فى الصفحه بتاعة index.html ونغيره من ANSI إلى Encode in UTF-8

كده نقدر نكتب عربى زى ما إحنا عايزين ومش هيجى الكلام لينا رموز

طيب أكتب أى حاجه وشوف النتيجه كده

تمام ظهرت عربى بعد ما غيرت التكويد

نبدأ بعرض الوسوم وكل وسم ومعناه ووظيفته

الوسم ده اللى بيخليك تحط الجمله او الكلام أو الشغل اللى هتكتبه بين الوسوم فى المنتصف

<center></center>

الوسم ده بيخليك تتحكم فى الخط من حيث حجمه ولونه ونوعه

<font size="هنا هنكتب حجم الخط " color="اللون" face="نوع الخط مثلا traditional arabic ,verdana,tahoma,andalus" >الكلام اللى هيتكتب هنا </font>

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

<head>
<title>
صفحة تجريبيه
</title>
</head>
<body>
<center>بسم الله الرحمن الرحيم</center>
</body>
</html>

<html>

انقل كده الكود ده عندك وجربه لو النتيجه مظبوطه شغال وكمل

فهمنا ازاى نعدل فى الكلام ووضعيته

ندخل فى حاجه تانيه طب لو انا عايز اكتب مثلا

<head>
<title>
العنوان
</title>
</head>
<body>
<center>

بسم الله الرحمن الرحيم


الحمد لله والصلاه والسلام على رسول الله
</center>
</body>
</html>

<html>

لو جينا نقلنا الكود ده هنلاقى ان الكلام جنب بعضه بنحل الموضوع ده بوسم أسمه

الوسم ده ملوش قفله بمعنى انك جيت خلصت الجمله حطه زى كده

<head>
<title>
العنوان
</title>
</head>
<body>
<center>

بسم الله الرحمن الرحيم

 
الحمد لله والصلاه والسلام على رسول الله
</center>
</body>
</html>

<html>

كده أتظبطط الدنيا

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

كده اتحلت مشكلة الكتابه

ندخل فى الصور ونطرح سؤال كيف أضيف صوره وتكون الصوره دى ليها عرض وأرتفاع معينين من قبلى؟؟؟ :blush:

طيب بداية لازم نعرف الوسم

<img src="هنا هيبقى مسار الصوره" width="هنا العرض بالبكسل" height="هنا أرتفاع الصوره">مفيش وسم نهايه

ولنبدأ مع أول تطبيق حقيقى فى أضافه أشياء لصفحة ويب فارغه لنعرف مدى تقدمنا

حمل المرفقات first-pro

طيب حملناه أفتحه بالنوت باد++ أعرف اللى فيه من أكواد وغيره وعدل وشوف الفرق

طيب بص لو أنا حبيت أشد خط تحت جمله

<u>الجمله</u>

حبيت يكون الخط مايل شويه

<i>الجمله</i>

طيب حبيت يكون الخط تخين او بيج كما يقال

<big>الجمله</big>

وده اللى عايزك مؤقتا تعرفه بالنسبه للخطوط فى ال html

وان شاء الله نبدأ بشىء بسيط المره الجايه وهو ان احنا نضيف الكلام فى جداول منتظمه

حاول تطبق بنفسك وهتلاقى الموضوع تمام معاك

وصلى اللهم وسلم على سيدنا محمد وعلى اله وصحبه وسلم تسليما كثيرا

عدد الزوار حالياً