دروس للكمبيوتر / Lessons 4 Computer دروس وشروحات تهم مستخدم الكمبيوتر سواء بالانترنت او بالصيانة ..وجميع التصنيفات الاخرى

إضافة رد
 
LinkBack أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 10-01-2010, 06:50 PM
الصورة الرمزية FCB-007
نائب المشرف العام
 
تاريخ التسجيل: Nov 2009
الدولة: syria
المشاركات: 2,365
معدل تقييم المستوى: 10
FCB-007 has much to be proud ofFCB-007 has much to be proud ofFCB-007 has much to be proud ofFCB-007 has much to be proud ofFCB-007 has much to be proud ofFCB-007 has much to be proud ofFCB-007 has much to be proud ofFCB-007 has much to be proud ofFCB-007 has much to be proud ofFCB-007 has much to be proud ofFCB-007 has much to be proud of
Wink أساسيات في لغة Html

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


لغة ال html أو Hyper Text Markup Language بمعنى لغة ترميز النصوص ,
هي لغة مستخدمة لانشاء صفحات الانترنت .

* ما الفرق بين ال html ولغات برمجة أخرى ؟
- أنها بسيطة ورموزها سهلة .
- أنها ليست لغة برمجة بالضبط , فهي لا تحتاج لبرنامج يترجمها للغة الحاسب وهو ما يسمى
ال compiler بل يتم تنفيذ تعليماتها مباشرة عبر متصفح الانترنت .

* لماذا نتعلم ال html وليس ال frontpage ؟
الفرونت بيج هو برنامج يقدم لنا أكواد لغة ال html على طبق من ذهب ومن الواجب تعلمه لمن
يريد انشاء موقع على الانترنت ؛ لأنه يسهل العمل كثيرا حيث أنه يحول النصوص العادية التي
نكتبها الى أكواد html جاهزة .
لكن . .إذا أردنا تعلم اللغة من أساسها , وأن نمتلك قدرات أكثر في بناء المواقع , وأن نحترف
أكثر , يغدو من واجبنا أن نتعلم ال html .. وبعد تعلُمها يصبح فهم ال frontpage
أسرع من لمح البصر .

وبعد جولة متمعنة في الانترنت , وجدتُ موقعا ممتازا باللغة الانجليزية يحوي دروساً لهذه اللغة من
أول حرف فيها . والدروس مشروحة بشكل مبسّط ومع أمثلة وفيرة ومفيدة جدا لمن يرغب
بانشاء موقع غزير الامكانيات . وسأقوم بإذن الله تعالى بترجمته في هذا الموضوع مع تمنياتي أن
يكون مفيدا . وها هو الموقع : Web Primer

وبالطبع من يجيد اللغة الانجليزية بطلاقة يمكنه التوجه لهناك مباشرة وبذلك يريح نفسه من ترجمتي المرعبة

* ألا توجد مواقع لتعلم ال html باللغة العربية ؟
بلى , توجد .. لكنها لا تحوي هذا الكم من الأمثلة والأكواد الجاهزة التي يحويها هذا الموقع .
وللوصول لمواقع عربية يمكننا استغلال محرك البحث google .

* متى سأنتهي من الثرثرة وأبدأ بالترجمة ؟
نبدأ الان على بركة الله

* ما هو نظام الشبكة العالمية www ؟
World Wide Web وتُسمى اختصارا : الشبكة web عبارة عن أجهزة كومبيوتر منتشرة في شتى أرجاء العالم ومتصلة ببعضها البعض .
تستخدم أجهزة الكومبيوتر هذه معيار اتصال يدعى http وهو اختصار ل hyper text transfer protocol.

*كيف تعمل الويب ؟
- معلومات الويب مخزنة في مستندات تُدعى صفحات الويب web pages .
- صفحات الويب هي ملفات مخزنة في أجهزة الحاسب تدعى خادمات الويب web servers .
- أجهزة الحاسب التي تقرأ صفحات الويب تدعى زبائن الويب Web clients .
- زبائن الويب تعرض لنا الصفحات عن طريق برنامج يسمى متصفح الشبكة Web browser

ومن أكثر متصفحات الانترنت شيوعا ال Internet Explorer و Netscape Navigator.

* كيف يجلب المتصفحُ الصفحات ؟
- المتصفح يحضر صفحات الانترنت من الخادم server عن طريق طلب .
- الطلب هو معيار http يحوي عنوان صفحة .
- عنوان الصفحة يكون بهذا الشكل :http://www.someone.com/page.htm

* كيف يعرض المتصفحُ الصفحات ؟
- جميع صفحات الانترنت تحوي أوامر للعرض .
- المتصفح يعرض الصفحات بواسطة قراءة هذه الأوامر .
- أكثر أوامر العرض شيوعا تُدعى مؤشرات ( أو وسوم ) html .
- مؤشرات ال html تبدو هكذا :

مثلا :نموذج كود
<p>This is a Paragraph</p>

* من يحدد معايير الانترنت ؟
- هذه المعايير لا تُحدد عن طريق المتصفح وانما عن طريق ال w3c وهي اختصار
ل World Wide Web Consortium بمعنى اتحاد الشبكة العالمية الواسعة .

* ما هو ملف html ؟
- هو ملف نص يحوي مؤشرات ترميز markup tags
- مؤشرات الترميز هذه ( تخبر) المتصفح كيف يعرض الصفحات .
- ملف ال html يجب أن يكون ذا امتداد htm أو html ( وسنتحدث عن هذا لاحقا )
- يمكن انشاء ملف html بواسطة محرر نصوص .

*ما الذي نحتاجه كي نبدأ تعلم وتطبيق لغة ال html ؟
- نحتاج لمتصفح انترنت مثل Netscape Navigator أو Internet Explorer
وأحدهما متوفر لدينا طبعا والا ما كنا لنقرأ هذا الموضوع .
- برنامح محرر نصوص : ولدينا برنامجان مشهوران :

1. برنامج word ويأتي مع ال office وهو مجموعة البرامج من انتاج شركة Microsoft
والتي تحوي البرامج شائعة الاستخدام مثل word powerpoint excel .. الخ
2 . برنامج المفكرة ال notepad وهو موجود ضمن البرامج الملحقة بنظام التشغيل
الويندوز , ويمكن الوصول له عن طريق قائمة إبدأ start.

قبل أن نبدأ بشرح رموز ال html دعونا ننشئ أول صفحة لنا بالانترنت وهنا علينا أن نتذكر أن
متصفحات الانترنت تختلف في عرض الصفحات أحيانا , وقد تظهر بعض الأمثلة بشكل مختلف من
جهاز لآخر .. أنا شخصيا لدي متصفح interner explorer الاصدار السادس .
ملحوظة مهمة يجب أن نتذكرها : أن طريقة عرض الأكواد في المنتدى تظهر الاشارة / بعد
الرمز وليس قبله ! لكن لا حاجة لتعديلها عند النسخ واللصق .

نبدأ صفحتنا الاولى :
1. نذهب الى المفكرة notepad أو الى برنامج ال word وننسخ فيه الكود التالي :
نموذج كود
<html>
<head>
<title>Title of page</title>
</head>
<body>
السلام عليكم
مرحبا بكم في منتدى برامج نت
هذه صفحتنا الاولى على الانترنت
</body>
</html>


2. بعد كتابة الكود نختار الخيار file من قائمة المفكرة ومن ثم لحفظ الملف نختار save as .
ونتذكر جيدا أين حفظنا الملف ولهذا أنصح بإنشاء مجلد جديد في المستندات my documents
بحيث نضع فيه الملفات التي سنتعامل معها خلال هذا الموضوع.


بعد أن نختار save as علينا أن نحفظ الملف بالامتداد html أو htm وهذه نقطة مهمة , لأننا
إن لم نفعل هذا , فلن يتم تطبيق الملف على المتصفح .


3. نتوجه الى المتصفح ونختار الخيار : ملف file ومن ثم فتح open :


تظهر لنا النافذة التالية .. نضغط على استعراض أو browse :



ومنها نختار الملف الذي حفظناه . ونضغط على ok .
4. تكون النتيجة كالتالي :


ملاحظات...
- من المحبذ أن نخصص مجلدا للملفات التي سنعمل بها في هذا الموضوع .
- يجب أن نحفظ الملفات بالامتداد html أو htm .
* ماذا لو لم تظهر لنا صفحة الانترنت مثل الخطوة رقم4 ؟
في هذه الحالة علينا التأكد من أننا حفظنا الملف بالامتداد الصحيح وأننا اخترنا الملف المطلوب من
مجلداتنا في الخطوة 3 .
* هل يمكننا استخدام المتصفحين Internet Explorer و Netscape Navigator
معا ؟
نعم يمكن ذلك , لكن كما ذكرتُ أعلاه قد تظهر بعض الأمثلة بشكل يختلف عن الاخر من جهاز
لآخر .. كما يجب أن يكون المتصفح من الاصدار 3 وأعلى في كلا النوعين .
* هل تنفع هذه اللغة مع الأجهزة التي لا تملك نظام التشغيل Windows مثل الماكينتوش مثلا ؟
نعم ممكن .

وسوم html
- مستندات html هي ملفات نصية مكونة من عناصر html .
- عناصر ال html تُعرَّف بواسطة وسوم ال html .
- وسوم ال html تُستخدم لتكوين عناصر ال html
- وسوم ال html محاطة بالقوسين > و < ويسميا بالانجليزية angle brackets .
- بشكل عام تأتي وسوم html أزواجا لكن ليس دائما كما سنرى لاحقا .
- الوسم الأول في زوجي الوسوم يسمى وسم البداية والأخير يسمى وسم النهاية .
- النص بين وسمي البداية والنهاية يُسمى محتوى العنصر .
- لا فارق في الوسوم بين الحروف الكبيرة UPPERCASE أو الحروف
الصغيرة lowercase.
الموضوع الأصلى من هنا: منتديات القرصان http://www.alkrsan.net/forum/inaeo-aassaeiaeen-lessons-4-computer/22542-aocoice-yi-aue-html.html
الان فلنتأمل المثال السابق .. نميز الوسوم التالية :


1. وسم البداية هو أول وسم في مستند ال html ويدل متصفح الانترنت لدينا أن هذا ملف html.
ووسم النهاية يدل المتصفح على أن المستند ينتهي هنا .
2. ما بين هذين الوسمين توجد معلومات عن الصفحة , وهي لا تظهر في التطبيق .
3. النص بين هذين الوسمين هو عنوان الصفحة .
4. النص بين هذين الوسمين هو ما سيظهر في المتصفح عند التطبيق .
أي أن مبنى مستند ال html يبدو هكذا :


* ما هي عناصر html ؟
مثال :
نموذج كود
<title>Title of page</title>


يبدأ هذا المثال بوسم البداية <title>
المحتوى هو هذه الكلمات : Title of page
وينتهي بوسم النهاية <title/>
إذن عنصر Html مكون من وسوم لها وظيفة معينة .

* عرفنا أنه لا فرق بين الحروف الكبيرة والصغيرة لكن من المفضل الاعتياد على الكتابة
بالحروف الصغيرة وذلك لأن النسخ القادمة من html تتطلب الكتابة بالحروف الصغيرة .
بهذا نكون تعرفنا على المبنى الأساسي لمستند html .. وفي الردود القادمة نتعرف على
المزيد من الوسومات .
يتبع إن شاء الله ..
تحياتي


Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
  #2  
قديم 10-02-2010, 05:37 PM
الصورة الرمزية emproro
Anonymous
 
تاريخ التسجيل: Mar 2009
الدولة: In Your C:\Windows\System32
المشاركات: 702
معدل تقييم المستوى: 10
emproro will become famous soon enough
افتراضي

روووووووووووعة اخي
مشكوووووووور لعى هده الموضوع الرائع
__________________
EMPRORO

.:::: [ حصرياً ] كيفية عمل صفحة مزوة ::::.
.:::: شرح تغرة ByPass خطيره والدخو ... ::::.
.:::: شرح تغراة html الخطيرة وتطبيق .... ::::.
.:::: كيفية ايجاد لوحة تحكم الموقع اسهل ... ::::.


رجعت لكم بعد غياب طويل ... كان عندي مشاكل والحمد لله حفت عني قليلاً


Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
  #3  
قديم 10-12-2010, 04:33 PM

قرصان مشارك

 
تاريخ التسجيل: Oct 2010
الدولة: المغرب
العمر: 29
المشاركات: 127
معدل تقييم المستوى: 7
marouan nl is on a distinguished road
افتراضي

الف شكررررررررررررررررررررررررر
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
  #4  
قديم 10-20-2010, 03:46 PM
الصورة الرمزية zachack
مشرف اقسام اختراق السيرفرات .. والشبكات والحاسوب
 
تاريخ التسجيل: Jul 2010
الدولة: hacker land
العمر: 22
المشاركات: 509
معدل تقييم المستوى: 10
zachack has a spectacular aura aboutzachack has a spectacular aura aboutzachack has a spectacular aura about
افتراضي

شكرا اخي على المعلومات القيمة
__________________
نحن لن نستسلم نتصر او نموت
زاك هاك من ليبيا
تم تحرير ليبيا وقتل الجرذ الاكبر
واقول لاخوتي في اليمن و سوريا اصبرو
ان الله مع الصابري و العقبه لطغاتكم
www.zackrsan.webs.com
zachack@hacker.ps
www.zachack.info

[/COLOR]


Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
  #5  
قديم 10-20-2010, 05:05 PM

قرصان نشيط

 
تاريخ التسجيل: Oct 2010
المشاركات: 75
معدل تقييم المستوى: 7
عبدالعزيز محسن is on a distinguished road
افتراضي

معاك اخوي محمد وان شاء الله اتعلم كل جديد

منك ومن اخوانك

وشكرااااااااااا
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
  #6  
قديم 11-13-2010, 06:55 PM
الصورة الرمزية za3em hacker

قرصان مشارك

 
تاريخ التسجيل: Jul 2010
المشاركات: 151
معدل تقييم المستوى: 8
za3em hacker is on a distinguished road
افتراضي

الــhtml اسهل لغه برمجه عرفتها...!!!
{za3emhacker.webs.com}
__________________
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
  #7  
قديم 04-07-2011, 01:34 AM
عضو شرف - اداري سابق
 
تاريخ التسجيل: Mar 2010
الدولة: Back ~ Track
المشاركات: 477
معدل تقييم المستوى: 8
AZOOZ HACKER is on a distinguished road
افتراضي

يعطيكـ الف عآفية
__________________
أرجو أن تسامحني وتبرى ذمتي اذا كنت أخطيت بحقك لاسمح الله

بقصد او بغير قصد. أرجو أن يسامحني الجميع
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
  #8  
قديم 07-05-2011, 09:10 PM

قرصان جديد

 
تاريخ التسجيل: Mar 2010
المشاركات: 8
معدل تقييم المستوى: 0
3issa is on a distinguished road
افتراضي

الله يعطيك العافة ,,,,,,,,,,,,درس جميل وممتع ونح في أنتظار لمزيد

ششششششششششكرااااااااااااا
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
  #9  
قديم 07-05-2011, 10:27 PM
الصورة الرمزية youzi_h4
مشرف قسم الشبكات والحاسوب
 
تاريخ التسجيل: Jun 2010
الدولة: maroc
المشاركات: 414
معدل تقييم المستوى: 8
youzi_h4 is on a distinguished road
افتراضي

بارك الله فيك يا زعيم
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
  #10  
قديم 07-06-2011, 10:38 PM

قرصان مشارك

 
تاريخ التسجيل: Jul 2011
الدولة: Back ~ Track
المشاركات: 133
معدل تقييم المستوى: 7
Mr.SaFa7 is on a distinguished road
افتراضي

يعــطيك العـــآفيه
__________________
كن كأفضل ما يمكنك أن تكون ودع الناس يقولون ما يقولون وآعلم أن

الكون له رب يقول للشيء كن فيكون
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
إضافة رد

العلامات المرجعية


يتصفح الموضوع حالياً : 1 (0 عضو و 1 ضيف)
 
أدوات الموضوع
انواع عرض الموضوع

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

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



جميع الأوقات بتوقيت GMT +3. الساعة الآن 01:28 PM.


Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.5.1 PL1

تعريب » القرصان - خدمات الويب

جميع الحقوق محفوظة alkrsan 2006-2014


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 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323