09982292579
info@mehraeen.ac.ir
فارسی پرچم
فارسی
یک زبان را انتخاب کنید
فارسی پرچم
فارسی
0
ورود کاربر ثبت‌نام
دسته ها
خانه تقویم‌آموزشی مدرس وبلاگ چارت‌‌دروس تماس‌با‌ما درباره‌ما انجمن‌ها
شروع یادگیری
زبان تخصصی کامپیوتر
زبان تخصصی کامپیوتر درس متنی

جلسه 22 The World Wide Web

خلاصه نکات کلیدی: وب سرورها مسئول ارائه صفحات وب هستند. امنیت یک جنبه حیاتی در توسعه وب است. توسعه وب شامل تعامل بین کدهای سمت سرور و سمت کاربر است.

مقدمه:

وب جهان‌گستر (WWW) یکی از سرویس‌های اصلی اینترنت است که امکان دسترسی به اطلاعات و منابع را از طریق مرورگرهای وب فراهم می‌کند. این ماژول به بررسی مفاهیم بنیادی، معماری و فناوری‌های پشت پرده وب می‌پردازد.

فصل ۱: مبانی و تاریخچه وب

تیترها:

  1. تعریف وب: تفاوت بین اینترنت و وب.
  2. تاریخچه مختصر: تولد وب توسط تیم برنرز-لی در CERN.
  3. اجزای اصلی وب:
  • URL (Uniform Resource Locator)
  • HTTP (Hypertext Transfer Protocol)
  • HTML (Hypertext Markup Language)
  • مرورگرهای وب (Web Browsers)
  • وب سرورها (Web Servers)

مثال:

  • URL: https://www.example.com/path/to/resource?query=search - این آدرس شامل پروتکل (https)، نام دامنه (www.example.com)، مسیر منابع (/path/to/resource) و پارامترهای پرس‌وجو (query=search) است.
  • HTTP: درخواست مرورگر به سرور برای دریافت صفحه وب و پاسخ سرور حاوی محتوای صفحه.
  • HTML: ساختار یک صفحه وب ساده، شامل تگ‌هایی مانند <p> برای پاراگراف و <a> برای لینک.

تمرین پایان فصل:

  1. تفاوت اصلی بین اینترنت و وب جهانی را توضیح دهید.
  2. نقش هر یک از اجزای URL، HTTP و HTML را در عملکرد وب شرح دهید.
  3. مراحل کلی که یک مرورگر برای نمایش یک صفحه وب طی می‌کند را بیان کنید.

خلاصه نکات کلیدی:

  • وب سرویسی بر پایه اینترنت است.
  • URL، HTTP و HTML اجزای حیاتی برای دسترسی و نمایش محتوای وب هستند.
  • تاریخچه وب با نام تیم برنرز-لی گره خورده است.

فصل ۲: پروتکل HTTP و HTML

تیترها:

  1. پروتکل HTTP:
  • مفهوم درخواست/پاسخ (Request/Response).
  • متدهای HTTP (GET, POST, PUT, DELETE و غیره).
  • کدهای وضعیت HTTP (200 OK, 404 Not Found, 500 Internal Server Error و غیره).
  • هدرهای HTTP (Headers).
  1. زبان نشانه‌گذاری HTML:
  • ساختار اصلی یک سند HTML (DOCTYPE, html, head, body).
  • تگ‌های رایج (h1-h6, p, a, img, div, span).
  • ویژگی‌ها (Attributes) در تگ‌ها.
  • مفهوم جفت تگ‌ها (Opening/Closing tags).

مثال:

  • درخواست GET: مرورگر برای دریافت یک صفحه وب از GET /index.html HTTP/1.1 استفاده می‌کند.
  • کد وضعیت 404: به این معنی است که صفحه درخواستی یافت نشد.
  • HTML:
نمایش کد
    <!DOCTYPE html>

    <html>

    <head>

        <title>صفحه من</title>

    </head>

    <body>

        <h1>به وب‌سایت من خوش آمدید</h1>

        <p>این یک پاراگراف نمونه است.</p>

        <a href="https://www.example.com">این یک لینک است</a>

        <img src="image.jpg" alt="توضیح تصویر">

    </body>

    </html>

تمرین پایان فصل:

  1. تفاوت بین متدهای GET و POST در HTTP را شرح دهید.
  2. چند کد وضعیت HTTP رایج را نام ببرید و معنای آن‌ها را توضیح دهید.
  3. یک صفحه HTML ساده ایجاد کنید که شامل عنوان، یک پاراگراف و یک لینک به یک وب‌سایت دیگر باشد.

خلاصه نکات کلیدی:

  • HTTP زبان ارتباط بین کلاینت (مرورگر) و سرور است.
  • کدهای وضعیت HTTP اطلاعاتی درباره نتیجه درخواست به ما می‌دهند.
  • HTML ساختار و محتوای صفحات وب را تعریف می‌کند.

فصل ۳: CSS و JavaScript در وب

تیترها:

  1. CSS (Cascading Style Sheets):
  • نقش CSS در طراحی و ظاهر صفحات وب.
  • روش‌های اعمال CSS (Inline, Internal, External).
  • انتخابگرها (Selectors) و ویژگی‌های CSS (Properties).
  1. JavaScript:
  • نقش JavaScript در افزودن تعامل و پویایی به صفحات وب.
  • کاربردها: اعتبارسنجی فرم‌ها، انیمیشن‌ها، تغییر محتوا.
  • مفهوم DOM (Document Object Model).

مثال:

  • CSS:
            css
    p {

        color: blue;

        font-size: 16px;

    }

این کد تمام پاراگراف‌ها را آبی رنگ و با فونت 16 پیکسل نمایش می‌دهد.

  • JavaScript:
            javascript
    function greet() {

        alert("سلام دنیا!");

    }

    // فراخوانی تابع با کلیک روی دکمه

این کد یک پیام خوشامدگویی را در یک پنجره پاپ‌آپ نمایش می‌دهد.

  • DOM: تغییر متن یک عنصر HTML با استفاده از JavaScript.

تمرین پایان فصل:

  1. تفاوت بین CSS و JavaScript را در توسعه وب توضیح دهید.
  2. سه روش مختلف اعمال CSS را نام ببرید و مزایا و معایب هر کدام را بیان کنید.
  3. یک مثال ساده از تعاملی که می‌توانید با JavaScript در یک صفحه وب ایجاد کنید، شرح دهید.

خلاصه نکات کلیدی:

  • CSS مسئول ظاهر و استایل صفحات وب است.
  • JavaScript برای افزودن رفتار و پویایی به صفحات وب استفاده می‌شود.
  • DOM رابطی برای دسترسی و تغییر ساختار و محتوای HTML توسط JavaScript است.

فصل ۴: مفاهیم پیشرفته‌تر وب

تیترها:

  1. وب سرورها و نحوه کار آن‌ها: (Apache, Nginx)
  2. پایگاه‌های داده و ارتباط با وب: (SQL, NoSQL)
  3. مفهوم برنامه‌نویسی سمت سرور (Server-Side) و سمت کاربر (Client-Side).
  4. امنیت در وب: (HTTPS, SSL/TLS, حملات رایج)
  5. وب معنایی (Semantic Web) و آینده وب.

مثال:

  • Server-Side: PHP, Python (Django/Flask), Node.js برای پردازش داده‌ها قبل از ارسال به مرورگر.
  • Client-Side: JavaScript برای اعتبارسنجی اطلاعات وارد شده توسط کاربر قبل از ارسال به سرور.
  • HTTPS: استفاده از https:// به جای http:// برای ارتباط امن.

تمرین پایان فصل:

  1. تفاوت بین برنامه‌نویسی سمت سرور و سمت کاربر را با ذکر مثال توضیح دهید.
  2. چرا استفاده از HTTPS نسبت به HTTP ارجحیت دارد؟
  3. یک سناریوی ساده که در آن هم به برنامه‌نویسی سمت سرور و هم سمت کاربر نیاز است را شرح دهید.

خلاصه نکات کلیدی:

  • وب سرورها مسئول ارائه صفحات وب هستند.
  • امنیت یک جنبه حیاتی در توسعه وب است.
  • توسعه وب شامل تعامل بین کدهای سمت سرور و سمت کاربر است.

نکات کلی برای تدریس:

  • استفاده از مثال‌های عملی: همیشه مثال‌های واقعی و قابل درک برای مفاهیم پیچیده ارائه دهید.
  • نمایش زنده کد: در صورت امکان، کدها را به صورت زنده بنویسید و نتیجه را در مرورگر نشان دهید.
  • تشویق به پرسش: دانشجویان را به پرسیدن سوال و مشارکت فعال تشویق کنید.
  • ارتباط با دنیای واقعی: نشان دهید که این مفاهیم چگونه در وب‌سایت‌ها و اپلیکیشن‌های روزمره که استفاده می‌کنند، به کار رفته‌اند.

دروس متنی

#1

جلسه 1 Living with computers
#2

جلسه 2 A typical PC
#3

جلسه 3 Learning vocabulary
#4

جلسه 4 Input devices: the eye of your PC
#5

جلسه 5 Output devices: display screens
#6

جلسه 6 Processing
#7

جلسه 7 Disks and drives
#8

جلسه 8 International Phonetic
#9

جلسه 9 Health and safety
#10

جلسه 10 Operating systems and the GUI
#11

جلسه 11 Prefixes
#12

جلسه 12 پسوندها
#13

جلسه 13 Word processing
#14

جلسه 14 Spreadsheets and databases
#15

جلسه 15 Graphics and design
#16

جلسه 16 Multimedia
#17

جلسه 17 Collocations
#18

جلسه 18 Programming
#19

جلسه 19 Computers and work
#20

جلسه 20 Networks
#21

جلسه 21 Faces of the Internet
#22

جلسه 22 The World Wide Web
#23

جلسه 23 Web design
#24

جلسه 24 Irregular plurals
#25

جلسه 25 Internet security
#26

جلسه 26 E-commerce
#27

جلسه 27 Online banking
#28

جلسه 28 Qualifying and comparing
#29

جلسه 29 Mobile phones
#30

جلسه 30 Robots, androids, AI
#31

جلسه 31 Intelligent homes
#32

جلسه 32 Future trends
#33

جلسه 33 Troubleshooting
مشاهده دروس کامل بررسی صفحه یادگیری دوره
درس متنی 22/33
در حال مشاهده
جلسه 22 The World Wide Web
درس قبلی درس بعدی

موسسه آموزش عالی مهرآیین

اولین قدم به سوی تسلط را بردارید!

ثبت‌نام تماس‌با‌ما اعتبارسنجی‌گواهی فرم‌عضویت درباره‌ما قوانین‌و‌مقررات سامانه آموزشی اساتید نخبه هیأت‌امنا پایگاه‌داده هیات علمی
تمامی حقوق سایت برای موسسه آموزش عالی مهرآیین محفوظ میباشد.
Instagram Whatsapp
سبد خرید
جمع جزء
مشاهده سبد خرید