سؤال‌های انتخاب‌شده: ۳۸
هنرستان فنی و حرفه‌ای زنده‌یاد عباسی
آزمون پودمان دوم: طراحی صفحات وب ایستا — واحد یادگیری اول (طراحی ساختار صفحات وب با HTML)
نام درس: طراحی سایت
نام دبیر: شیوا ذوالغیاث
تعداد سؤالات: ۳۸
نام و نام خانوادگی:
کلاس:
تاریخ:
وب جهان‌گستر (WWW) در چه سالی و توسط چه کسی ایجاد شد؟
الف) سال ۱۹۹۱ – تیم برنرزلی
ب) سال ۱۹۸۹ – تیم برنرزلی
ج) سال ۱۹۸۹ – بیل گیتس
د) سال ۱۹۹۵ – شرکت IBM
وظیفه اصلی سیستم DNS در نحوه کار وب چیست؟
الف) ذخیره‌سازی اسناد و فایل‌های وب‌سایت
ب) ارسال درخواست HTTP به سرور مقصد
ج) تبدیل نام دامنه وب‌سایت به آدرس IP سرور
د) تفسیر محتوای دریافتی و نمایش آن برای کاربر
کدام گزینه درباره لوکال هاست (Localhost) صحیح است؟
الف) دارای IP اینترنتی است و می‌تواند به کاربران راه دور پاسخ دهد
ب) سیستمی مجهز به نرم‌افزار وب سرور است که صرفاً برای تمرین، آزمایش و رفع اشکال صفحات وب کاربرد دارد
ج) فضای ذخیره‌سازی اسناد وب در اینترنت است که نیازمند پرداخت هزینه است
د) فقط برای انتشار نهایی سایت روی اینترنت استفاده می‌شود
تجربه کاربری (UX) به چه معناست؟
الف) تجربه‌ای که کاربر پس از بازدید از وب‌سایت برای دسترسی به اطلاعات، محصولات و خدمات کسب می‌کند
ب) عناصر تعاملی صفحه مانند دکمه‌ها، فرم‌ها و منوها
ج) بخش پشت صحنه وب‌سایت شامل منطق اصلی برنامه و پایگاه داده
د) مجموعه تکنیک‌های بهبود رتبه سایت در نتایج موتورهای جستجو
اولین و مهم‌ترین گام در فرایند طراحی هر وب‌سایت کدام است؟
الف) تعریف هدف و نیازمندی‌ها
ب) طراحی نقشه سایت
ج) ایجاد وایرفریم
د) ایجاد ساختار صفحات با HTML
کدام مورد جزء «نیازمندی‌های فنی» (Technical Requirements) یک وب‌سایت فروشگاهی است؟
الف) امکان جستجوی محصول بر اساس نام یا دسته‌بندی
ب) امکان افزودن محصولات به سبد خرید
ج) رمزنگاری رمز عبور کاربران
د) امکان مشاهده سفارش‌های قبلی توسط کاربر
نقشه سایت (Site Map) چه چیزی را مشخص می‌کند؟
الف) ظاهر گرافیکی و چیدمان عناصر بصری صفحات
ب) ساختار صفحات، ارتباطات میان آن‌ها و مسیر حرکت کاربر درون سایت
ج) نیازمندی‌های کاربران و امکانات مورد نیاز سایت
د) کدهای HTML و CSS صفحات سایت
ابزارهایی مانند Figma، Adobe XD و Sketch متعلق به کدام نقش در تیم طراحی سایت هستند؟
الف) توسعه‌دهنده فرانت‌اند
ب) متخصص سئو
ج) توسعه‌دهنده بک‌اند
د) طراح UI و UX
کدام گزینه درباره HTML صحیح است؟
الف) یک زبان نشانه‌گذاری ابرمتن برای ایجاد و ساختاردهی عناصر صفحات وب است
ب) یک زبان برنامه‌نویسی برای ایجاد منطق و پردازش صفحات وب است
ج) زبانی برای استایل‌دهی و کنترل ظاهر عناصر صفحه است
د) فقط برای نگهداری و نمایش تصاویر و فایل‌های چندرسانه‌ای به کار می‌رود
کدام تگ به‌صورت خودبسته (self-closing) نوشته می‌شود و تگ پایانی ندارد؟
الف) <p>
ب) <h1>
ج) <img>
د) <ul>
وظیفه تگ <!DOCTYPE html> در ابتدای صفحه وب چیست؟
الف) تعیین زبان صفحه برای مرورگر
ب) اعلام به مرورگرها و موتورهای جستجو که سند از نوع html5 است
ج) تعیین رمزگذاری کاراکترهای صفحه
د) تعیین عنوان صفحه در نوار مرورگر
برای تعیین جهت نمایش محتوا به‌صورت راست به چپ در یک صفحه وب فارسی، از کدام کد استفاده می‌شود؟
الف) <html lang="fa">
ب) <meta charset="UTF-8">
ج) <head dir="rtl">
د) <html dir="rtl">
کدام گزینه درباره تگ <title> صحیح است؟
الف) در بخش <body> قرار می‌گیرد و محتوای آن در بدنه صفحه نمایش داده می‌شود
ب) باید قبل از تگ <head> نوشته شود
ج) عنوان صفحه را مشخص می‌کند که در نوار عنوان مرورگر و نتایج جستجو نمایش داده می‌شود
د) برای تعیین رمزگذاری کاراکترهای صفحه به کار می‌رود
متاتگ viewport برای چه منظوری به کار می‌رود؟
الف) بهینه‌سازی نمایش صفحه وب روی دستگاه‌های موبایل و تبلت
ب) تعیین نوع رمزگذاری کاراکترهای صفحه
ج) تعیین عنوان صفحه برای موتورهای جستجو
د) الحاق فایل CSS به صفحه وب
توصیه صحیح درباره استفاده از تگ <h1> کدام است؟
الف) برای تمام تیترهای صفحه می‌توان از آن استفاده کرد
ب) فقط در صفحات فروشگاهی کاربرد دارد
ج) فقط یک بار در صفحه به کار رود و حاوی کلمات کلیدی موضوع صفحه باشد
د) تأثیری در سئو و رتبه صفحه در نتایج جستجو ندارد
تفاوت تگ‌های <strong> و <b> چیست؟
الف) هیچ تفاوتی ندارند و هر دو فقط متن را ضخیم نمایش می‌دهند
ب) تگ <b> معنایی است و تگ <strong> صرفاً ظاهری
ج) محتوای <strong> برای موتورهای جستجو و صفحه‌خوان‌ها دارای اهمیت است، اما <b> مفهوم خاصی منتقل نمی‌کند
د) تگ <strong> فقط برای تیترهای صفحه به کار می‌رود
تگ <ol> مخفف چه عبارتی است و چه نوع لیستی ایجاد می‌کند؟
الف) Unordered list – لیست گلوله‌دار
ب) Ordered list – لیست شماره‌دار
ج) Only list – لیست توضیحی
د) Object list – لیست اشیا
کد <a href="https://medu.ir" target="_blank">تارنای وزارت آموزش و پرورش</a> چه کاری انجام می‌دهد؟
الف) با کلیک روی متن پیوند، صفحه مقصد در همان برگه جایگزین می‌شود
ب) با کلیک روی متن پیوند، صفحه مقصد در یک برگه جدید مرورگر باز می‌شود
ج) پیوند بدون کلیک کاربر به‌طور خودکار باز می‌شود
د) متن پیوند به یک شناسه (ID) درون همان صفحه اشاره می‌کند
کاربرد ویژگی alt در تگ <img> چیست؟
الف) نمایش متن توضیحی هنگام قرارگیری نشانگر ماوس روی تصویر
ب) تعیین آدرس و مسیر فایل تصویر
ج) تعیین ابعاد تصویر بر حسب پیکسل
د) نمایش متن جایگزین در صورت عدم بارگذاری تصویر و بیان مفهوم آن برای کاربر و موتورهای جستجو
برای ادغام سلول‌های جدول در راستای افقی، از کدام ویژگی استفاده می‌شود؟
الف) rowspan
ب) colspan
ج) border
د) merge
کدام تگ برای ایجاد سلول عنوان در جدول استفاده می‌شود؟
الف) <td>
ب) <tr>
ج) <thead>
د) <th>
کدام تگ بخش سربرگ جدول را گروه‌بندی می‌کند؟
الف) <tbody>
ب) <thead>
ج) <tfoot>
د) <tr>
کدام تگ برای گروه‌بندی سطرهای بدنه جدول استفاده می‌شود؟
الف) <thead>
ب) <tfoot>
ج) <tbody>
د) <th>
کدام تگ برای گروه‌بندی سطرهای بخش پایانی جدول استفاده می‌شود؟
الف) <tfoot>
ب) <thead>
ج) <tbody>
د) <td>
کدام گزینه ساختار صحیح یک جدول با یک سطر و یک سلول است؟
الف) <tr><table><td>۱</td></table></tr>
ب) <table><td><tr>۱</tr></td></table>
ج) <td><table><tr>۱</tr></table></td>
د) <table><tr><td>۱</td></tr></table>
کدام صفت برای ادغام عمودی سلول‌ها در چند سطر استفاده می‌شود؟
الف) colspan
ب) rowspan
ج) border
د) src
کدام صفت برای ادغام افقی سلول‌ها در چند ستون استفاده می‌شود؟
الف) rowspan
ب) border
ج) colspan
د) href
کد <td colspan="3">مجموع</td> چه عملی انجام می‌دهد؟
الف) یک سلول را در سه ستون گسترده می‌کند
ب) سه سطر جدید ایجاد می‌کند
ج) سه جدول ایجاد می‌کند
د) یک سلول را در سه سطر گسترده می‌کند
کدام گزینه درباره متد POST در فرم‌ها صحیح است؟
الف) داده‌ها از طریق نوار آدرس مرورگر ارسال می‌شوند و توسط کاربر قابل مشاهده‌اند
ب) به دلیل محدودیت طول، برای ارسال فایل و متن‌های طولانی مناسب نیست
ج) فقط برای دریافت اطلاعات از سرور مانند جستجو کاربرد دارد
د) اطلاعات در بدنه درخواست HTTP ارسال می‌شود و برای داده‌های حساس و آپلود فایل مناسب‌تر است
برای اینکه چند دکمه رادیویی (radio) یک گروه تشکیل دهند و کاربر فقط یک گزینه را انتخاب کند، باید:
الف) ویژگی id همه آن‌ها یکسان باشد
ب) ویژگی value همه آن‌ها یکسان باشد
ج) هر کدام درون یک تگ <form> جداگانه قرار گیرند
د) ویژگی name همه آن‌ها یکسان باشد
استفاده از ویژگی required در عناصر فرم چه تأثیری دارد؟
الف) مقدار پیش‌فرض عنصر را تعیین می‌کند
ب) نام عنصر را برای کدنویسی سمت سرور مشخص می‌کند
ج) شناسه منحصربه‌فرد عنصر را تعیین می‌کند
د) در صورت خالی رها شدن فیلد، پیغام خطا نمایش می‌دهد
کدام گزینه برای ایجاد دکمه رادیویی استفاده می‌شود؟
الف) <input type="radio">
ب) <input type="checkbox">
ج) <input type="text">
د) <input type="submit">
کدام تگ برای ایجاد کادر ورود متن چندخطی استفاده می‌شود؟
الف) <input>
ب) <select>
ج) <textarea>
د) <option>
کدام تگ برای ایجاد فهرست کشویی استفاده می‌شود؟
الف) <select>
ب) <textarea>
ج) <label>
د) <button>
کدام صفت تعداد سطرهای قابل مشاهده کادر <textarea> را تعیین می‌کند؟
الف) cols
ب) rows
ج) name
د) value
تگ <article> برای نگهداری چه نوع محتوایی مناسب است؟
الف) منوی ناوبری سایت شامل پیوندها
ب) محتوای مستقل و کامل مانند پست وبلاگ، خبر یا کارت محصول
ج) محتوای جانبی مانند تبلیغات و پیوندهای مرتبط
د) بخش پایانی سند شامل حق کپی‌رایت
کدام تگ برای مشخص کردن یک مقاله یا نوشته مستقل استفاده می‌شود؟
الف) <section>
ب) <article>
ج) <div>
د) <span>
کدام عبارت برای درج کامنت (توضیحات) در کدهای HTML صحیح است؟
الف) // this is a comment
ب) /* this is a comment */
ج) <comment> this is a comment </comment>
د) <!-- this is a comment -->

پاسخنامه — آزمون طراحی سایت

پودمان دوم: طراحی صفحات وب ایستا — واحد یادگیری اول | هنرستان زنده‌یاد عباسی | تعداد سؤالات: