كن من متابعين نهر الحب عبر تويتر

اضغط اعجبني ليصلك جديدنا بالفيسبوك
قديم 08-14-2012, 07:05 AM   #1
 
الصورة الرمزية بدر الجنوب
 
تاريخ التسجيل: Aug 2005
المشاركات: 72,339
بدر الجنوب تم تعطيل التقييم
افتراضي طريقة تصميم صفحة هتمل html

Advertising

طريقة تصميم صفحة هتمل html , طريقة تصميم موقع أو صفحة على شبكة الانترنت بواسطة لغة html




بالبداية حـاب أقـول أن لغـة Html

ليست لغـة صعبة
لا بل انها أسهـل لغـة برمجـة لتصميم
صفحات أنترنت على الاطلاق
فهي لا تحتاج إلى أن تكون ذو خبرهـ
وخلفيه كبيرهـ بها فقط كل ماعليك
أن تعلمه " علامـات " لغة html
الاساسيه ومن ثم تستطيع أن تصمم
صفحة أو موقع على الشبكة بيسر
وسهول و تستطع أن تصمم صفحة ومواقع
بكل سهوله عن طريق عدة برامج كالورد أو (( المفكرهـ ))
سوف يكون شرحي هنا عالمفكرة
أفتح المفكرهـ الآن وقم بنسخ
العلامات التالية فهي علامات
أساسيه لجسم ولغة html أما باقي
العلامات وهي كثيرهـ فهي ثانوية
تحسينيه تحتاج آليها ولا شك فيما بعد
ولكن بمجرد أن تضع
العلامات الرئيسية بالمفكره وتقوم بحفظ
المفكره بأي أسم وتجعل اللحقة لها
html سوف ترى الصفحة أنشت
بسرعة البرق وبلا تكلف
طريقة حفظ المفكره ضع أي اسم مثلا
" عامر " فلابد أن تجعل اللاحقه هكذا
عامر . html وبعدها سوف تراها
تحفظ بشكل الاكسبلورا متصفح الانترنت
وفي حين فتحت هذا المتصفح سوف
تفتح لك صفحتك بكامل التنسيقات
والكلمات التي وضعتها من قبل بالمفكرهـ
هنا العلامات الرئيسية
<HTML>
<HEAD>
<TITLE>عنوان صفحتي</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
باديتا ً اقول كل كلمة بين الاقواس كما ترون
تسمى " علامـه " أو بالانجليزية تـاق
ولو لاحظتوا أن العلامة تتكرر مرتين
فمثلا ً <HTML> </HTML>
تكررت مرتين ولكن بالثانية أضيف لها (/)
فالاولى تمثل علامة فتح والآخر التي
فيها / تمثل علامة أغلاق
فلا بـد أن نضع علامة فتح وأغلاق
هذا ضروري كما تشاهدون
وعلامـة <HTML> هي الرئيسية
التي نضح كل شي بوسطها
كما نرى بالتعليمه أعلاهـ
أما علامـة <HEAD> فهي للعنوان دائما ً
فالعنوان يوضع بداخلها بين علامتي
<TITLE> كما بالمثل وسوف يظهر العنوان
بالاعلى بشريط العنوان وليس بالصفحه نفسها
ونأتي الآن للعلامة المهمه وهي <BODY>
هذه ِ العلامة هي التي
نضع النصوص بداخلها مثلا ً كلمة الموقع أو
أي شي تريده يظهر بصفحه الموقع
ضعه في داخل علامة <BODY> الفتح
وعلامة الـ </BODY> الاغـلاق
وبالنهاية نضع علامـة </HTML> الاغـلاق
ونقوم بعد الانتهاء من التنسيقات و الكتابة
من قائمه ــ ملف ــ حفظ
وبعدها نفتحها من شكل الاكسبلورا وسوف نرى كل
مافعلناهـ واقعا ً على صفحة <HTML>
هذه ِ بلمحة سريعـة عن هـذه ِ اللغة أيضا ً
هنالك تنويـه أن اللغة ليست أسمها
الهوتميل لا بل أنها تنطق حرف حرف مثل h t m l
كما أن أغلب العلامات الاضافيه
تضع مع علامة <BODY>
مثلا ً لو أردت أن تضع لون للنص
أو تضع صورة أو أن تميل النصوص أو
تزيح النصوص وتعمل لهم ملائمه
على سبيل المثال لو أردت أتجعل صفحتك
او موقعك ذو لون معين ماذا تفعل هنا الحل :
نذهب إلى التعليمه من جديد ونذهب إلى علامة
<BODY> ونضع اللون معها بالشكل هذا
<BODY ****="red" >
بهذا الشكل سوف يكون لون النصوص (( أحمر ))
كوننا أخترنا اللون الاحمر ولك ان تختار أي لون
بهذه ِ الطريقة .
ولو أردنا أن نضع لون للخلفية بإكملها:
< bgcolor="blue" BODY>
ولو أردت أن تضع رابط بالصفحه أو الموقع :
<BODY BACKGROUND="http://
vb.n4hr.com//">
فقط ضع الرابط هكذا وهنا انا وضعت رابط موقعنا
وهذا الرابط لا يفضل أستخدامه كونه سيجعل الصفحة
أو الموقع بإكمله أرتباطا ً تشعبي لو ضغطت على أي
مكان بموقعه بصفحة html مباشرة سوف يحولك إلى
الموقع الذي وضعت الرابط له مثل هنا سوف يحولنا
إلى نهر الحب
ولو أردت أن تعمل ملائمة لنص معين تجعله
باليمن أو باليسار أو بالوسط :
<bODY VID align="center">
هنا وضعنا الملائمه للنص بالوسط تجعل النص
بالوسط وتستطيع أن تبدل كلمة سنتر
إلى اليمين أو اليسار حسب رغبتك
طعبا ً تستطيع أستخدام علامة
<VID align="ضع ماتشاء يمين يسار وسط ">
بدون علامة البدي مثلا ً لو أردت أن
تجعل جملة باليمين فقط دون البقية تضع
العلامة فوق الكلمة المختاره وتحتها علامة الاغلاق <VID/>
هنا أيضا ً بعض العلامات :
link="ضع أي لون"
وطيفتها : وضع لون للنك أو الروابط النشطه بالموقع
vlink="ضع أي لون"
وظيفتها : وضع لون للنك أو الرابط الذي تم زيارته من قبلك
alink="ضع أي لون" وظيفتها : وضع
لون للننك أو الرابط الذي لم تزرهـ
وجميع ماذكر يستخدم بتعليمه <BODY>
دون تقسيم أي اننا قسمنا كل شي على حدى فقط
للشرح وللسهوله ولكن هي بالوقع توضع
مجتمعه دون تقسيم هكذا :
< BACKGROUND="http://www.n4hr.com/ bgcolor="blue" VID align="center BODY ****="red>
قد تراهـا معقـده ولكن بالاساس هي ليست معقده
وكما قسمناهـا بالاعلى فقط وضعناهم جميعا ً
مع بعض كل واحدهـ تلو الآخرى
دون تقسيم
أيضا ً هنالك بعض العلامات تستطيع أستخدامها مثل :
<hr> وهذه ِ دون علامة أغلاق فقط هكذا تكتب
وظيفتها : تعطينا خط أفقي هكذا ــــــــــــــــــــــــــ
<br> أيضا ً تكتب لوحدها دون علامة أغلاق و
وظيفتها هي ( إلتفاف للنص ) ومن دونها سوف
يكون السطر متصل ولن ينثني للسطر الثاني مهما فعلت
حتى لو ضغت أنتر راح ينزل السطر ولكن
حين حفظها ستتفاجأ
بوجوده على سطر واحد
<p>
مرحبا ً بكم معنا نحن نودكم فياهل قلوبكم تودنا
عاجبتني هالجملة تو جايبها عالطاير
اليوم أنا أبشرح بعض العلامات
وتصدقون أني ماخذ كل العلامات اللي
بالصفحة الرئيسية للمنتدى
<p/>
أنظر إلى الجمل في داخل العلامة لو وضعناهم
هكذا سوف يكونون كجمله
واحده ولكن لكي نجعل كل جملتين منفصلتين
عن الآخر نضع العلامة بالشكل التالي
<p>
مرحبا ً بكم معنا نحن نودكم فياهل قلوبكم تودنا
عاجبتني هالجملة تو جايبها عالطاير
<p/>
اليوم أنا أبشرح بعض العلامات
وتصدقون أني ماخذ كل العلامات اللي
بالصفحة الرئيسية للمنتدى
بهـذه ِ الحالة سوف تكون الجملتين بالاعلى
منفصلتين عن الجملتين بالاسفل
وبينهم خط سطر فاضي كإنهم تعبيريين مختلفين .
علامـة <h1> </h1>
وظيفتها حجم النص تضع العلامة بالبدي
بين أي جملة كيف ماشاءت
العلامه هذه ِ تعطينا حجم للنصوص ولو
لاحظت رقم 1 داخل العلامة هذا يعني
أن الحجم الذي اخترته للنص كبير أي الحجم الاكبر
وأذا أردت ان تجعله أقل حجم
نضع بدل الــ (1) 2 أو 3 . . الخ . .



(( منقول للفائدة ))

 

 

من مواضيع بدر الجنوب في المنتدى


التعديل الأخير تم بواسطة بدر الجنوب ; 08-14-2012 الساعة 08:59 AM
بدر الجنوب متواجد حالياً   رد مع اقتباس
قديم 08-14-2012, 07:12 AM   #2

 
الصورة الرمزية KaZa
 
تاريخ التسجيل: Apr 2010
المشاركات: 5,902
KaZa is on a distinguished road
افتراضي

طريقة تصميم صفحة هتمل html , طريقة تصميم موقع أو صفحة على شبكة الانترنت بواسطة لغة html


يعطيك العافيةة بدرنا ع المعلومةةة
تحياتى لك

 

 

من مواضيع KaZa في المنتدى

__________________

KaZa غير متواجد حالياً   رد مع اقتباس
قديم 08-14-2012, 07:39 AM   #4
 
الصورة الرمزية كبريائي
 
تاريخ التسجيل: May 2011
الدولة: ارض الكبرياء والشموخ
المشاركات: 11,938
كبريائي is on a distinguished road
افتراضي

طريقة تصميم صفحة هتمل html , طريقة تصميم موقع أو صفحة على شبكة الانترنت بواسطة لغة html


يسلمو الايادي بدر

 

 

من مواضيع كبريائي في المنتدى

كبريائي غير متواجد حالياً   رد مع اقتباس
قديم 08-14-2012, 07:47 AM   #5
 
الصورة الرمزية RoOKa
 
تاريخ التسجيل: May 2010
الدولة: آلــً/ـۓـتــً/ـۓحـدــً/ـۓدى
المشاركات: 25,557
RoOKa is on a distinguished road
افتراضي

طريقة تصميم صفحة هتمل html

تسلم الايادى

 

 

من مواضيع RoOKa في المنتدى

__________________

ربي لآ تذق قلب أبي إلآ السعآدة و لآ تذق عينآ امي إلآ دموع الفرح



































RoOKa غير متواجد حالياً   رد مع اقتباس
قديم 08-29-2012, 10:03 PM   #6
 
الصورة الرمزية لمسة خيال
 
تاريخ التسجيل: May 2010
الدولة: في قلـــوب أحــبــــائــي
المشاركات: 17,312
لمسة خيال is on a distinguished road
افتراضي

طريقة تصميم صفحة هتمل html , طريقة تصميم موقع أو صفحة على شبكة الانترنت بواسطة لغة html



يسلموووو بدر
يعطيك العافية يارب
ودى

 

 

من مواضيع لمسة خيال في المنتدى

__________________


إلىَ السمآء السآبعه آذهبي يَ آمنيآتي كونيً قريبهُ ه من رب عظيمُ ...
فإن لم تعودي محققهٌ ه فلن تعودي مكـسورة الجنآح




لمسة خيال غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
تصميم, html, صفحة, هتمل, طريقة

جديد قسم نهر الفوتوشوب ، دروس الفوتوشوب

إعلانات عشوائية



أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are معطلة
Pingbacks are معطلة
Refbacks are معطلة



الساعة الآن 06:30 PM.


Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.6.1
:: جميع الحقوق محفوظة لمنتديات نهر الحب ::

Security team

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279