🔴السلام عليكم🔴

لو سمحتوا الذي معه هذا الكتاب يصور لي الفهرس ويرسله للبوت عشان الدكتور يتاكد من الكتاب
@USF_SERVER_BOT

#معلومات_على_الماشي_شبكات_الجزء_الثالث

( TCP/IP)
يتكون من مجموعة كبيرة من بروتوكولات الاتصالات المختلفة.

أنواع البروتوكولات

بداية يجب أن نوضح أن مجموعات بروتوكولات الاتصالات المختلفة تعتمد أساساً على بروتوكولين أصليين هما TCP و IP.

TCP - Transmission Control Protocol

يستخدم بروتوكول TCP لنقل البيانات من أحد التطبيقات إلى الشبكة. فبروتوكول TCP هو المسؤول عن تمرير البيانات إلى حزم الـ IP قبل إرسالها، وإعادة تجميع تلك الحزم عند استقبالها.

IP - Internet Protocol

بروتوكول الـ IP هو المسؤول عن الاتصالات مع أجهزة الحاسب الأخرى. فبروتوكول الـ IP يكون مسئولاً عن إرسال و استقبال حزم البيانات من وإلى شبكة الإنترنت.

HTTP - Hyper Text Transfer Protocol

بروتوكول HTTP هو المسؤول عن الاتصال بين خادم الويب (web server ) ومتصفح الويب ( web browser ) .
فبروتوكول HTTP يستخدم لإرسال طلب من جهازك (web client) عبر المتصفح إلى خادم الويب، وإعادة الطلب في شكل صفحات الويب من الخادم إلى متصفح العميل.

HTTPS - Secure HTTP

بروتوكول HTTPS هو المسؤول عن الاتصال الآمن بين خادم الويب ومتصفح الويب، فبروتوكول HTTPS يقوم على تنفيذ تعاملات البطاقات الائتمان والبيانات الحساسة الأخرى.

SSL - Secure Sockets Layer

يستخدم بروتوكول SSL لتشفير البيانات لنقل البيانات المؤمنة.

SMTP - Simple Mail Transfer Protocol

يستخدم بروتوكول SMTP لإرسال البريد الإلكتروني.

IMAP - Internet Message Access Protocol

يستخدم بروتوكول IMAP لتخزين واسترجاع البريد الإلكتروني.

POP - Post Office Protocol

يستخدم بروتوكول POP لتنزيل البريد الإلكتروني من خادم البريد الإلكتروني إلى حاسبك الشخصي.

FTP - File Transfer Protocol

بروتوكول FTP هو المسؤول عن نقل الملفات بين أجهزة الحاسب الآلي.

NTP - Network Time Protocol

يستخدم بروتوكول NTP لمزامنة الوقت (الساعة) بين أجهزة الحاسب الآلي.

DHCP - Dynamic Host Configuration Protocol

يستخدم بروتوكول DHCP لتخصيص عناوين IP لأجهزة الحاسب الآلي في شبكة الاتصال.

SNMP - Simple Network Management Protocol

يستخدم بروتوكول SNMP لإدارة شبكات الحاسب الآلي.

LDAP - Lightweight Directory Access Protocol

يستخدم بروتوكول LDAP لجمع المعلومات حول المستخدمين و عناوين البريد الإلكتروني من الإنترنت.

ICMP - Internet Control Message Protocol

بروتوكول ICMP يقوم على معالجة الأخطاء في الشبكة.

ARP - Address Resolution Protocol

يستخدم بروتوكول ARP بواسطة الـ IP لإيجاد عناوين ( معرفات ) الأجهزة من خلال بطاقة شبكة الحاسب اعتماداً على عناوين الـ IP.

RARP - Reverse Address Resolution Protocol

يستخدم بروتوكول RARP بواسطة الـ IP لإيجاد عناوين الـ IP اعتماداً على عناوين الأجهزة من خلال بطاقة شبكة الحاسب.

BOOTP - Boot Protocol

يستخدم بروتوكول BOOTP لبدء تشغيل الحاسب الآلي من الشبكة.

PPTP - Point to Point Tunneling Protocol

يستخدم برتوكول PPTP لإعداد قناة اتصال بين الشبكات الخاصة.

#اللجنة_العلمية_علوم_حاسوب
#منقول

🔰 Web_Development_5🔰
‏#المحاضرة_الخامسة
أ.#بكيل_عزمان
#Level_2
#Week_5
#Cyber_Security
#Web_Development

⟿ـــــــــــــــــــــــــــــ✉Support✉ـــــــــــــــــــــــــ✿
☎HTTP://T.ME/USF_SERVER_BOT
⟿ـــــــــــــــــــــــــــــ✉Support✉ـــــــــــــــــــــــــ✿

اسبوع مشاكل وثلاث اسابيع ولا مشكلة والله م عاد دريت هذي تراكمات ولا ذكريات ولا مواقف ولا تخديره ولا قلة نوم..ولا ماهو الخبر

عن نفسي اتحدث

المهم دعواتكم

طبعاً اول مرة اطلب منكم تدعوا لي
لاني معايا اختبارات بجامعة أخرى 💔 و.و.و


ولا تنسوا ان معاكم بكره كويز للاستاذه ايمان الزلب

#بالتوفيق_للجميع

🔴 هااااااام جداااااا 🔴

🟧الأخوة الطلاب الكرام

🔸سبق وكلمناكم بدورات طوفان الأقصى العسكرية المفتوحة،،،،

🔸 حيث انه تم التفاهم مع مكتب التعبئة وهناك حل مرضي للجميع حيث سيتم فتح مركز لكل دفعة حسب رغبتها في الوقت مثلا مجموعة حددت لها يومين في الاسبوع او حتى يوم في الاسبوع لمدة ساعتين او حتى ثلاثة ايام في نفس الوقت ماعليكم الا الرفع لاعندي بالوقت المناسب لكم.

🔸علشان نجهز المركز وان شاء الله يكون المركز قريب من كليتنا اما في مركز اللغات والترجمة او كلية اللغات سنوافيكم بالتفاصيل في وقتها

🟧لذلك على كل طالب يريد التسجيل ارسال اسمائهم مع ارقام تلفوناتهم عشان يدخلوا دورات طوفان الاقصى العسكرية

🔸الى البوت:
@USF_SERVER_BOT


🛑سريع عجلوا بالرفع خلال هذا الاسبوع عشان نبدأ

🔰ملتقى الطالب الجامعي🔰

#مراجعة_html_&_css

CSS

هي لغة تنسيق الويب وتستخدم لتحديد مظهر وتنسيق صفحات الويب. يتم استخدام CSS لتحديد الألوان والخطوط والخلفيات والهوامش والحواف والتدرجات والتراكب والمسافات بين العناصر وغيرها الكثير.

أولاً، يتم ربط ملف CSS بصفحة HTML باستخدام عنصر link في العنوان (head) الخاص بصفحة HTML. يتم وضع هذا العنصر داخل العلامات <head></head> في صفحة HTML. وفيما يلي مثال بسيط على طريقة ربط ملف CSS بصفحة HTML:
مثال

<!DOCTYPE html>
<html>
<head>
  <noscript>عنوان الصفحة</noscript>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <!-- محتوى الصفحة يأتي هنا -->
</body>
</html>

في هذا المثال، يوضع ملف CSS في ملف يسمى style.css، ويتم وضع هذا الملف في نفس المجلد الذي يحتوي على ملف HTML.

بعد ذلك، يمكن استخدام بدائيات CSS لتنسيق الصفحة. وفيما يلي بعض البدائيات الشائعة في CSS:

    بداية العنصر ونهايته: تستخدم البداية والنهاية لتحديد العنصر الذي تريد تنسيقه في صفحتك. يتم وضع الاسم الخاص بالعنصر بين قوسين مثل { } ويتم وضع جميع الخصائص والقيم داخل هذه القوسين. على سبيل المثال، لتحديد العنوان في الصفحة، يمكن استخدام البداية والنهاية على النحو التالي:

h1 {
  color: red;
  font-size: 36px;
}

    الخصائص والقيم: تستخدم الخصائص والقيم لتحديد تنسيق العنصر. الخصائص هي الخصائص التي تريد تغييرها، مثل اللون والحجم والخط والخلفية والهام

أما القيم، فهي القيم التي تريد تطبيقها على الخاصية المحددة. يتم وضع الخاصية والقيمة بين قوسين، مع فاصلة منقوطة بين كل خاصية وقيمة، على سبيل المثال:

css

h1 {
  color: red;
  font-size: 36px;
  background-color: yellow;
  margin-top: 20px;
}

    الانتقاء (Selector): هو الجزء الذي يسمح لك باختيار عناصر معينة على صفحتك وتطبيق تنسيق معين عليها. يمكن اختيار العناصر بشكل مباشر باستخدام اسم العنصر، أو باستخدام الـ class أو الـ ID. على سبيل المثال:

    اختيار عنصر div مباشرة:


div {
  color: blue;
}


    اختيار العناصر التي لديها نفس الـ class:
مثال

.my-class {
  background-color: yellow;
}

    اختيار العنصر الذي لديه معرف محدد:
مثال

#my-id {
  font-size: 24px;
}

    تركيب الانتقاء: يمكن تركيب الانتقاء لاختيار العناصر بدقة أكبر. على سبيل المثال، يمكن تحديد الفقرة داخل عنصر div على النحو التالي:

css

div p {
  color: green;
}

    التعليقات: يمكن استخدام التعليقات في CSS لتوضيح الكود والتعليق على الأكواد الخاصة بك. يتم وضع التعليقات بين علامتي /* */ ، على سبيل المثال:



/* هذا تعليق في CSS */
h1 {
  color: red; /* هذا تعليق آخر */
}

في النهاية، يمكن استخدام هذه البدائيات والعديد من الأوامر الأخرى في CSS لإنشاء تصميمات ومظاهر مختلفة لصفحات الويب.

يمكن استخدام العديد من الأوامر في لغة CSS لتنسيق وتخصيص صفحات الويب. فيما يلي بعض الأوامر الأساسية وشرح مختصر لكل منها، بالإضافة إلى أمثلة لتوضيح كيفية استخدامها:

    الخاصية "color": تستخدم لتحديد لون النص في الصفحة، يتم تحديد القيمة باسم اللون أو برمز اللون، على سبيل المثال:

css

h1 {
  color: red;
}

    الخاصية "background-color": تستخدم لتحديد لون خلفية العنصر، يتم تحديد القيمة باسم اللون أو برمز اللون، على سبيل المثال:

css

body {
  background-color: yellow;
}

    الخاصية "font-size": تستخدم لتحديد حجم الخط، يمكن تحديد الحجم بالنسبة المئوية أو بالبكسل، على سبيل المثال:

css

p {
  font-size: 16px;
}

    الخاصية "font-family": تستخدم لتحديد نوع الخط المستخدم في الصفحة، يمكن تحديد أكثر من نوع خط في حال لم يتم العثور على النوع الأول، على سبيل المثال:

css

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    الخاصية "text-align": تستخدم لتحديد موضع النص في العنصر، مثل الوسط أو اليمين أو اليسار، على سبيل المثال:

css

h1 {
  text-align: center;
}

    الخاصية "border": تستخدم لإضافة إطار حول العنصر، يمكن تحديد عرض ونمط الإطار ولونه، على سبيل المثال:

css

div {
  border: 2px solid black;
}

    الخاصية "padding": تستخدم لتحديد المسافة بين حدود العنصر ومحتواه الداخلي، على سبيل المثال:


div {
  padding: 10px;
}

    الخاصية "margin": تستخدم لتحديد المسافة بين حدود العنصر والعناصر الأخرى المحيطة به
div {
  margin: 10px;
}


    الخاصية "display": تستخدم لتحديد نوع عرض العنصر، مثل العرض بشكل متساوٍ أو كتلة أو شريط أو غيره، على سبيل المثال:

css

ul {
  display: inline-block;
}

    الخاصية "float": تستخدم لتحديد تمركز العنصر إلى اليمين أو اليسار، ويستخدم عادةً مع الخاصية display لتحديد توزيع العناصر، على سبيل المثال:

css

img {
  float: left;
  margin-right: 20px;
}

    الخاصية "height": تستخدم لتحديد ارتفاع العنصر، يمكن تحديد الارتفاع بالنسبة المئوية أو بالبكسل، على سبيل المثال:

css

div {
  height: 200px;
}

    الخاصية "width": تستخدم لتحديد عرض العنصر، يمكن تحديد العرض بالنسبة المئوية أو بالبكسل، على سبيل المثال:

css

img {
  width: 100%;
}

    الخاصية "position": تستخدم لتحديد موقع العنصر بالنسبة لعنصر آخر، ويمكن تحديد القيمة بما في ذلك "static" و "relative" و "absolute" و "fixed"، على سبيل المثال:

css

div {
  position: absolute;
  top: 50px;
  left: 50px;
}

    الخاصية "z-index": تستخدم لتحديد ترتيب الطبقات الظاهرة للعناصر، والطبقة الأعلى تكون الأمامية، على سبيل المثال:

css

div {
  z-index: 1;
}

طريقة التضمين الاوامر في نفس صفحة html


لقد قدمت لك بعض الأوامر الأساسية في لغة CSS والتي يمكن استخدامها لتخصيص صفحات الويب بشكل أفضل. ويمكن استخدام هذه الأوامر بالتنسيق المناسب لتطبيق تصميم وتخصيص لصفحات الويب.


عند استخدام لغة CSS، يتم تضمينها في الصفحة HTML باستخدام عنصر style. على سبيل المثال، إذا كنت تريد تطبيق أحد الأوامر المذكورة أعلاه، فيمكنك كتابة الشفرة التالية:

html

<!DOCTYPE html>
<html>
  <head>
    <style>
      /* تحديد لون خلفية الصفحة */
      body {
        background-color: #f8f8f8;
      }
     
      /* تحديد لون خطوط العنوان */
      h1 {
        color: blue;
      }
     
      /* تحديد حجم الخط المستخدم داخل الفقرة */
      p {
        font-size: 18px;
      }
     
      /* تحديد حدود الصندوق الذي يحتوي على العناصر */
      .container {
        border: 2px solid black;
        padding: 10px;
        margin: 20px;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <h1>عنوان الصفحة</h1>
      <p>هذه هي فقرة في الصفحة.</p>
    </div>
  </body>
</html>

في هذا المثال، تم استخدام أربعة من الأوامر الأساسية في لغة CSS لتخصيص الصفحة بشكل أفضل. تم تحديد لون خلفية الصفحة، وتحديد لون خطوط العنوان، وتحديد حجم الخط المستخدم داخل الفقرة، وتحديد حدود الصندوق الذي يحتوي على العناصر. ويمكن أن يساعد هذا المثال في فهم كيفية استخدام لغة CSS لتخصيص صفحات الويب.

<img> هو علامة HTML التي تستخدم لإضافة صورة إلى مستند HTML. يمكن استخدام العلامة لإضافة صورة من الخادم الخاص بك أو من موقع ويب آخر. يتم استخدام العلامة كالتالي:

<img src="URL" alt="الوصف">

المعلمات المهمة هي:

src: يحدد موقع الصورة. يمكن أن يكون مسار الصورة من الخادم الخادم الخاص بك أو من موقع ويب آخر.

alt: يستخدم لتوفير وصف للصورة. يساعد المستخدمين البصريين في فهم ما يتم عرضه.

Div هو عنصر HTML الذي يستخدم لتجزئة المحتوى الموجود على صفحة ويب. يستخدم Div لتحديد مناطق معينة من المحتوى والتي يمكن تنسيقها باستخدام CSS.

مثال:

<div>
    <h1>عنوان الموقع</h1>
    <p>هذا هو النص الذي سيظهر في الموقع.</p>
</div>

a هو علامة HTML التي تستخدم لإنشاء وصلة إلى موقع ويب آخر. يمكن استخدامها لإنشاء وصلة إلى صفحة ويب محددة أو لتحويل المستخدمين إلى موقع ويب آخر.

تطبيق a يبدأ بوضع العلامة التالية في المستند HTML:

<a href="URL">Link Text</a>

هناك عدة معاملات يمكن استخدامها مع a. لتوضيح هذا الموضوع ، نستخدم المعاملات التالية:

href: يستخدم هذا المعامل لتحديد الرابط الذي يريد المستخدم الوصول إليه.

target: يستخدم هذا المعامل لتحديد كيفية فتح الرابط. استخدام "_blank" سيفتح الرابط في نافذة مستندة جديدة.

rel: يستخدم هذا المعامل لتعريف العلاقة بين الرابط والوسائط.

noscript: يستخدم هذا المعامل لوصف الرابط.

يمكن استخدام علامة الوسم <audio> لتشغيل الصوت في HTML. يمكن تحديد مصدر الصوت باستخدام السمة src والعناصر الفرعية التالية:

- <source> : يستخدم لتحديد مصدر الصوت.
- <track> : يستخدم لتحديد ملفات الترجمة.
- <embed> : يستخدم لتضمين ملفات الوسائط المضمنة.

علامة الوسم <video> يستخدم لعرض الفيديو في HTML. يمكن تحديد مصدر الفيديو باستخدام السمة src والعناصر الفرعية التالية:

- <source> : يستخدم لتحديد مصدر الفيديو.
- <track> : يستخدم لتحديد ملفات الترجمة.
- <embed> : يستخدم لتضمين ملفات الوسائط المضمنة.

<table>
  <tr>
    <th>Name</th>
    <th>Age</th>
    <th>City</th>
  </tr>
  <tr>
    <td>John</td>
    <td>25</td>
    <td>New York</td>
  </tr>
  <tr>
    <td>Jane</td>
    <td>30</td>
    <td>Los Angeles</td>
  </tr>
  <tr>
    <td>Bob</td>
    <td>20</td>
    <td>Chicago</td>
  </tr>
</table>

nav هو عبارة عن عنصر HTML الذي يستخدم لإنشاء قائمة بالروابط التي تساعد المستخدمين في التنقل بين الصفحات المختلفة في موقع الويب. يمكن استخدام عنصر nav لإنشاء قائمة بالروابط التي تساعد المستخدمين في التنقل بين الصفحات المختلفة في موقع الويب.

التطبيق:

<nav>
  <ul>
    <li><a href="index.html">Home</a></li>
    <li><a href="about.html">About</a></li>
    <li><a href="contact.html">Contact</a></li>
  </ul>
</nav>

<right>

هو علامة HTML تستخدم لتحديد المحتوى الذي يجب أن يتم التحكم فيه من اليمين. يتم استخدامها عادة مع العناصر النصية لتحديد موقع النص على الشاشة.

وسم label يستخدم لتعريف الحقول في نموذج HTML. يمكن استخدامه لتوضيح ما يجب على المستخدم إدخاله أو اختياره. ويمكن استخدامه لوصل الحقل إلى وسم التسمية المرتبط به.

<form>
    <label for="name">Name:</label>
    <input type="text" id="name" name="name">
</form>

<form>
  <label for="name">Name:</label>
  <input type="text" id="name" name="name" required>
  <input type="submit" value="Submit">
</form>

يطلب القيمه اجباريه

<input type="text" placeholder="أدخل اسمك هنا">

يعرض نص اولي للخانه