alkrsan [X7H@ck!] TEAM

منتديات القرصان  
التسجيل التعليمات التقويم البحث مشاركات اليوم اجعل كافة الأقسام مقروءة
1-للانضمام للفريق يرجى مراسلة الادارة .. من ذوي التخصص واصحاب الخبرة..
2-ممنوع كتابة ردود عشوائية لا تساهم باثراء محتوى الموضوع ..
3-نحن هنا لاننصح ولا نريد عضوية غير فعالة ..
العودة   منتديات القرصان > اقسام الكمبيوتر .. section computer > دروس للكمبيوتر / Lessons 4 Computer
تحديث الصفحة أساسيات في لغة Html
دروس للكمبيوتر / Lessons 4 Computer دروس وشروحات تهم مستخدم الكمبيوتر سواء بالانترنت او بالصيانة ..وجميع التصنيفات الاخرى

إضافة رد
 
LinkBack أدوات الموضوع انواع عرض الموضوع
أساسيات في لغة Html
(#1)
قديم
الصورة الرمزية FCB-007
FCB-007 is Offline
نائب المشرف العام
معدل تقييم المستوى: 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
 
المشاركات: 2,364
تاريخ التسجيل: Nov 2009
الدولة: syria
Wink أساسيات في لغة Html - 10-01-2010, 06:50 PM

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


لغة ال 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.
الان فلنتأمل المثال السابق .. نميز الوسوم التالية :


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)
قديم
الصورة الرمزية emproro
emproro is Offline
الادارة
معدل تقييم المستوى: 10
emproro will become famous soon enough
 
المشاركات: 700
تاريخ التسجيل: Mar 2009
الدولة: بيت القراصنة
افتراضي 10-02-2010, 05:37 PM

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


EMPRORO

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


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


Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
(#3)
قديم
marouan nl is Offline

قرصان مقاتل

معدل تقييم المستوى: 4
marouan nl is on a distinguished road
 
المشاركات: 127
تاريخ التسجيل: Oct 2010
الدولة: المغرب
العمر: 26
افتراضي 10-12-2010, 04:33 PM

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

شكرا اخي على المعلومات القيمة


نحن لن نستسلم نتصر او نموت
زاك هاك من ليبيا
تم تحرير ليبيا وقتل الجرذ الاكبر
واقول لاخوتي في اليمن و سوريا اصبرو
ان الله مع الصابري و العقبه لطغاتكم
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)
قديم

قرصان نشيط

معدل تقييم المستوى: 4
عبدالعزيز محسن is on a distinguished road
 
المشاركات: 75
تاريخ التسجيل: Oct 2010
افتراضي 10-20-2010, 05:05 PM

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

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

وشكرااااااااااا
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
(#6)
قديم
الصورة الرمزية za3em hacker
za3em hacker is Offline

عضو متميز

معدل تقييم المستوى: 4
za3em hacker is on a distinguished road
 
المشاركات: 151
تاريخ التسجيل: Jul 2010
افتراضي 11-13-2010, 05:55 PM

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

يعطيكـ الف عآفية


أرجو أن تسامحني وتبرى ذمتي اذا كنت أخطيت بحقك لاسمح الله

بقصد او بغير قصد. أرجو أن يسامحني الجميع
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
(#8)
قديم
3issa is Offline

قرصان جديد

معدل تقييم المستوى: 0
3issa is on a distinguished road
 
المشاركات: 8
تاريخ التسجيل: Mar 2010
افتراضي 07-05-2011, 09:10 PM

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

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

بارك الله فيك يا زعيم
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
رد مع اقتباس
(#10)
قديم
Mr.SaFa7 is Offline

عضو متميز

معدل تقييم المستوى: 3
Mr.SaFa7 is on a distinguished road
 
المشاركات: 133
تاريخ التسجيل: Jul 2011
الدولة: Back ~ Track
افتراضي 07-06-2011, 10:38 PM

يعــطيك العـــآفيه


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

الكون له رب يقول للشيء كن فيكون
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 معطلة




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

free counters


Alexa Certified Traffic Ranking for alkrsan.net


Content Relevant URLs by vBSEO 3.5.1 PL1

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