Web Development with HTML, CSS and JavaScript

Sample questions

Showing 20 of 150 questions from this chapter. The full bank is in the chapter test below.

1. 1

   What is the process of creating websites and web applications called?

   ویب سائٹس اور ویب ایپلیکیشنز بنانے کے عمل کو کیا کہتے ہیں؟

   • A.✓ Web development (correct answer)ویب ڈویلپمنٹ (Web Development)
   • B.Web browsingویب براؤزنگ (Web Browsing)
   • C.Web hostingویب ہوسٹنگ (Web Hosting)
   • D.Web scriptingویب اسکرپٹنگ (Web Scripting)

   Why: Creating websites and web applications by using programming languages and tools is called web development. Browsing, hosting, and scripting are separate activities, not the overall process.ویب سائٹس اور ویب ایپلیکیشنز بنانے کے لیے پروگرامنگ زبانوں اور ٹولز کا استعمال کرنا ویب ڈویلپمنٹ کہلاتا ہے۔ براؤزنگ، ہوسٹنگ اور اسکرپٹنگ الگ سرگرمیاں ہیں، مجموعی عمل نہیں۔
2. 2

   Which of the following is a reason to learn web development?

   مندرجہ ذیل میں سے ویب ڈویلپمنٹ سیکھنے کی ایک وجہ کیا ہے؟

   • A.It increases the computer's processing speedیہ کمپیوٹر کی پروسیسنگ رفتار بڑھاتی ہے
   • B.✓ It opens up a wide range of job prospects in the IT industry (correct answer)یہ آئی ٹی (IT) انڈسٹری میں ملازمت کے وسیع مواقع کھولتی ہے
   • C.It removes viruses from a computerیہ کمپیوٹر سے وائرس ختم کرتی ہے
   • D.It reduces the electricity billیہ بجلی کا بل کم کرتی ہے

   Why: Learning web development opens career opportunities in the growing IT industry. It does not speed up hardware, remove viruses, or cut electricity bills.ویب ڈویلپمنٹ سیکھنے سے بڑھتی ہوئی آئی ٹی انڈسٹری میں کیریئر کے مواقع کھلتے ہیں۔ یہ ہارڈویئر کو تیز نہیں کرتی، وائرس نہیں ہٹاتی اور نہ ہی بجلی کا بل کم کرتی ہے۔
3. 3

   In the digital literacy benefit of web development, HTML is compared to which part of a web page?

   ویب ڈویلپمنٹ کے ڈیجیٹل خواندگی (Digital Literacy) فائدے میں، HTML کا موازنہ ویب پیج کے کس حصے سے کیا جاتا ہے؟

   • A.The paintپینٹ (Paint)
   • B.The plugپلگ (Plug)
   • C.✓ The skeleton (correct answer)کنکال (Skeleton)
   • D.The keyboardکی بورڈ (Keyboard)

   Why: HTML is like the skeleton of a web page because it provides the page's structure. CSS is closer to the paint that makes the page look nice, while JavaScript adds interactivity.HTML ویب پیج کے کنکال کی مانند ہے کیونکہ یہ صفحے کی ساخت فراہم کرتا ہے۔ CSS رنگ (پینٹ) کی مانند ہے جو صفحے کو خوبصورت بناتا ہے، جبکہ JavaScript تعامل (Interactivity) کا اضافہ کرتی ہے۔
4. 4

   Solving a problem such as a slow website mainly helps you develop which kind of thinking?

   سست ویب سائٹ جیسے مسئلے کو حل کرنا آپ میں بنیادی طور پر کس قسم کی سوچ پیدا کرنے میں مدد کرتا ہے؟

   • A.Creative thinkingتخلیقی سوچ (Creative Thinking)
   • B.Artistic thinkingفنی سوچ (Artistic Thinking)
   • C.Musical thinkingموسیقی کی سوچ (Musical Thinking)
   • D.✓ Logical thinking (correct answer)منطقی سوچ (Logical Thinking)

   Why: Fixing problems like a slow website trains logical thinking, because you must find the cause and work out a solution step by step. The other options are unrelated ways of thinking.سست ویب سائٹ جیسے مسائل حل کرنے سے منطقی سوچ پروان چڑھتی ہے، کیونکہ آپ کو وجہ معلوم کرنی ہوتی ہے اور قدم بہ قدم حل نکالنا ہوتا ہے۔ دیگر اختیارات سوچ کی غیر متعلقہ اقسام ہیں۔
5. 5

   Which quality allows a developer to design websites with attractive layouts, colors, and interactive features?

   کون سی خوبی ڈویلپر کو پرکشش لے آؤٹ (Layout)، رنگوں اور تعاملی خصوصیات کے ساتھ ویب سائٹس ڈیزائن کرنے کے قابل بناتی ہے؟

   • A.✓ Creativity (correct answer)تخلیقی صلاحیت (Creativity)
   • B.Typing speedٹائپنگ کی رفتار
   • C.Strong memoryمضبوط حافظہ
   • D.A loud voiceاونچی آواز

   Why: Web development lets you be creative, for example by designing cool layouts, colors, and interactive features. Typing speed, memory, and voice do not create page designs.ویب ڈویلپمنٹ آپ کو تخلیقی ہونے کا موقع دیتی ہے، مثلاً پرکشش لے آؤٹ، رنگ اور تعاملی خصوصیات ڈیزائن کرنا۔ ٹائپنگ کی رفتار، حافظہ اور آواز صفحے کے ڈیزائن نہیں بناتے۔
6. 6

   How can a craft maker use web development skills to start an online business?

   ایک دستکار (Craft Maker) ویب ڈویلپمنٹ کی مہارتوں سے آن لائن کاروبار کیسے شروع کر سکتا ہے؟

   • A.By buying a ready-made websiteتیار شدہ ویب سائٹ خرید کر
   • B.✓ By building a website to sell the crafts (correct answer)دستکاری فروخت کرنے کے لیے ویب سائٹ بنا کر
   • C.By selling the crafts only in a local shopدستکاری صرف مقامی دکان میں بیچ کر
   • D.By printing photos of the crafts on paperدستکاری کی تصاویر کاغذ پر چھاپ کر

   Why: With web development skills, a person can build a website to sell products such as crafts and reach customers online. Buying a site, selling locally, or printing photos does not create an online business.ویب ڈویلپمنٹ کی مہارتوں سے ایک شخص دستکاری جیسی مصنوعات فروخت کرنے کے لیے ویب سائٹ بنا سکتا ہے اور آن لائن صارفین تک رسائی حاصل کر سکتا ہے۔ ویب سائٹ خریدنا، مقامی طور پر بیچنا یا تصاویر چھاپنا آن لائن کاروبار نہیں بناتا۔
7. 7

   Many companies need web developers to do which of the following?

   بہت سی کمپنیوں کو ویب ڈویلپرز کی ضرورت ہوتی ہے تاکہ وہ مندرجہ ذیل میں سے کیا کریں؟

   • A.Design office buildingsدفتری عمارتیں ڈیزائن کریں
   • B.Print their documentsان کی دستاویزات پرنٹ کریں
   • C.✓ Create and maintain their websites (correct answer)ان کی ویب سائٹس بنائیں اور انہیں برقرار رکھیں
   • D.Arrange their meetingsان کی میٹنگیں ترتیب دیں

   Why: Companies hire web developers to create and maintain their websites. Designing buildings, printing documents, and arranging meetings are not web development tasks.کمپنیاں ویب ڈویلپرز کو اپنی ویب سائٹس بنانے اور برقرار رکھنے کے لیے ملازمت دیتی ہیں۔ عمارتیں ڈیزائن کرنا، دستاویزات پرنٹ کرنا اور میٹنگیں ترتیب دینا ویب ڈویلپمنٹ کے کام نہیں ہیں۔
8. 8

   HTML and CSS are used to develop which type of web pages?

   HTML اور CSS کس قسم کے ویب پیجز بنانے کے لیے استعمال ہوتے ہیں؟

   • A.Operating systemsآپریٹنگ سسٹمز (Operating Systems)
   • B.Word processorsورڈ پروسیسرز (Word Processors)
   • C.Database softwareڈیٹا بیس سافٹ ویئر (Database Software)
   • D.✓ Static web pages (correct answer)جامد ویب پیجز (Static Web Pages)

   Why: HTML and CSS are used to develop static web pages. Operating systems, word processors, and database software are applications, not web pages built with HTML and CSS.HTML اور CSS جامد ویب پیجز بنانے کے لیے استعمال ہوتے ہیں۔ آپریٹنگ سسٹم، ورڈ پروسیسر اور ڈیٹا بیس سافٹ ویئر ایپلیکیشنز ہیں، HTML اور CSS سے بنے ویب پیجز نہیں۔
9. 9

   What are the three main components of web development?

   ویب ڈویلپمنٹ کے تین اہم اجزاء کیا ہیں؟

   • A.✓ Front-end, back-end, and full-stack development (correct answer)فرنٹ اینڈ (Front-end)، بیک اینڈ (Back-end) اور فل اسٹیک (Full-stack) ڈویلپمنٹ
   • B.Design, hosting, and printingڈیزائن، ہوسٹنگ اور پرنٹنگ
   • C.Typing, saving, and uploadingٹائپنگ، محفوظ کرنا اور اپ لوڈ کرنا
   • D.Hardware, firmware, and driversہارڈویئر، فرم ویئر اور ڈرائیورز

   Why: Web development has three main components: front-end, back-end, and full-stack development. The other trios name unrelated activities or system parts.ویب ڈویلپمنٹ کے تین اہم اجزاء ہیں: فرنٹ اینڈ، بیک اینڈ اور فل اسٹیک ڈویلپمنٹ۔ دیگر تینوں گروہ غیر متعلقہ سرگرمیوں یا سسٹم کے حصوں کے نام ہیں۔
10. 10

    Which type of development focuses on what users see and interact with on a website?

    کس قسم کی ڈویلپمنٹ اس چیز پر توجہ مرکوز کرتی ہے جو صارفین ویب سائٹ پر دیکھتے اور جس سے تعامل کرتے ہیں؟

    • A.Back-end developmentبیک اینڈ ڈویلپمنٹ (Back-end Development)
    • B.✓ Front-end development (correct answer)فرنٹ اینڈ ڈویلپمنٹ (Front-end Development)
    • C.Firmware developmentفرم ویئر ڈویلپمنٹ (Firmware Development)
    • D.Hardware developmentہارڈویئر ڈویلپمنٹ (Hardware Development)

    Why: Front-end development focuses on the visible, interactive part of a website. Back-end handles servers and databases, while firmware and hardware are not web development types.فرنٹ اینڈ ڈویلپمنٹ ویب سائٹ کے مرئی اور تعاملی حصے پر توجہ مرکوز کرتی ہے۔ بیک اینڈ سرورز اور ڈیٹا بیسز سنبھالتا ہے، جبکہ فرم ویئر اور ہارڈویئر ویب ڈویلپمنٹ کی اقسام نہیں ہیں۔
11. 11

    Which technology structures the content of a web page, such as headings, paragraphs, images, and links?

    کون سی ٹیکنالوجی ویب پیج کے مواد کو ترتیب دیتی ہے، جیسے سرخیاں، پیراگراف، تصاویر اور لنکس؟

    • A.CSS
    • B.PHP
    • C.✓ HTML (correct answer)
    • D.SQL

    Why: HTML structures content like headings, paragraphs, images, and links. CSS styles content, PHP is a back-end language, and SQL works with databases.HTML سرخیوں، پیراگرافوں، تصاویر اور لنکس جیسے مواد کو ترتیب دیتا ہے۔ CSS مواد کو سٹائل دیتی ہے، PHP بیک اینڈ زبان ہے اور SQL ڈیٹا بیسز کے ساتھ کام کرتی ہے۔
12. 12

    Which technology changes the colors, fonts, and layout of a web page to enhance its appearance?

    کون سی ٹیکنالوجی ویب پیج کے رنگ، فونٹس اور لے آؤٹ کو تبدیل کر کے اس کی ظاہری شکل بہتر کرتی ہے؟

    • A.HTML
    • B.Python
    • C.SQL
    • D.✓ CSS (correct answer)

    Why: CSS (Cascading Style Sheets) changes colors, fonts, and layout to enhance appearance. HTML provides structure, while Python and SQL are not styling technologies.CSS (Cascading Style Sheets) ظاہری شکل بہتر بنانے کے لیے رنگ، فونٹس اور لے آؤٹ تبدیل کرتی ہے۔ HTML ساخت فراہم کرتا ہے، جبکہ Python اور SQL سٹائلنگ کی ٹیکنالوجیز نہیں ہیں۔
13. 13

    Which technology adds interactivity to web pages, allowing features such as forms, animations, and games?

    کون سی ٹیکنالوجی ویب پیجز میں تعامل (Interactivity) کا اضافہ کرتی ہے، جس سے فارمز، اینیمیشنز اور گیمز جیسی خصوصیات ممکن ہوتی ہیں؟

    • A.✓ JavaScript (correct answer)
    • B.HTML
    • C.CSS
    • D.XML

    Why: JavaScript adds interactivity, making pages dynamic and engaging with features like forms, animations, and games. HTML and CSS are not programming languages for interactivity.JavaScript تعامل کا اضافہ کرتی ہے، جس سے صفحات فارمز، اینیمیشنز اور گیمز جیسی خصوصیات کے ساتھ متحرک اور دلچسپ بن جاتے ہیں۔ HTML اور CSS تعامل کے لیے پروگرامنگ زبانیں نہیں ہیں۔
14. 14

    Which type of development manages the behind-the-scenes functionality of a website, including servers, databases, and application logic?

    کس قسم کی ڈویلپمنٹ ویب سائٹ کی پردے کے پیچھے کی کارکردگی کو سنبھالتی ہے، بشمول سرورز، ڈیٹا بیسز اور ایپلیکیشن لاجک؟

    • A.Front-end developmentفرنٹ اینڈ ڈویلپمنٹ
    • B.✓ Back-end development (correct answer)بیک اینڈ ڈویلپمنٹ
    • C.Graphic designگرافک ڈیزائن (Graphic Design)
    • D.Content writingکانٹینٹ رائٹنگ (Content Writing)

    Why: Back-end development manages servers, databases, and application logic. Front-end deals with the visible interface, while graphic design and content writing are not development types.بیک اینڈ ڈویلپمنٹ سرورز، ڈیٹا بیسز اور ایپلیکیشن لاجک کو سنبھالتی ہے۔ فرنٹ اینڈ مرئی انٹرفیس سے متعلق ہے، جبکہ گرافک ڈیزائن اور کانٹینٹ رائٹنگ ڈویلپمنٹ کی اقسام نہیں ہیں۔
15. 15

    What are web servers in the context of back-end development?

    بیک اینڈ ڈویلپمنٹ کے سیاق و سباق میں ویب سرورز کیا ہیں؟

    • A.Programs that resize imagesوہ پروگرام جو تصاویر کا سائز تبدیل کرتے ہیں
    • B.Devices that boost Wi-Fi signalsوہ آلات جو وائی فائی (Wi-Fi) سگنلز بڑھاتے ہیں
    • C.✓ Computers that store and deliver web pages to users when they enter a URL (correct answer)وہ کمپیوٹر جو ویب پیجز کو محفوظ کرتے ہیں اور جب صارف URL درج کرتا ہے تو انہیں صارف تک پہنچاتے ہیں
    • D.Software that blocks pop-up adsوہ سافٹ ویئر جو پاپ اپ اشتہارات کو روکتا ہے

    Why: Web servers are computers that store and deliver web pages to users when a URL is entered. Resizing images, boosting signals, and blocking pop-ups are unrelated tasks.ویب سرورز وہ کمپیوٹر ہیں جو ویب پیجز محفوظ کرتے ہیں اور جب URL درج کیا جاتا ہے تو انہیں صارف تک پہنچاتے ہیں۔ تصاویر کا سائز تبدیل کرنا، سگنلز بڑھانا اور پاپ اپ روکنا غیر متعلقہ کام ہیں۔
16. 16

    What is the role of a database in a website?

    ویب سائٹ میں ڈیٹا بیس کا کردار کیا ہے؟

    • A.To speed up the browserبراؤزر کو تیز کرنا
    • B.To style the web pagesویب پیجز کو سٹائل دینا
    • C.To create animationsاینیمیشنز بنانا
    • D.✓ To store and manage data like user information and product details (correct answer)صارف کی معلومات اور مصنوعات کی تفصیلات جیسے ڈیٹا کو محفوظ اور منظم کرنا

    Why: A database stores and manages data such as user information, product details, and website content. Speeding up a browser, styling pages, and animating are not database roles.ڈیٹا بیس صارف کی معلومات، مصنوعات کی تفصیلات اور ویب سائٹ کے مواد جیسے ڈیٹا کو محفوظ اور منظم کرتا ہے۔ براؤزر کو تیز کرنا، صفحات کو سٹائل دینا اور اینیمیشن بنانا ڈیٹا بیس کے کام نہیں ہیں۔
17. 17

    Which trio of back-end programming languages is used for tasks like processing forms and managing user logins?

    فارمز پر کارروائی اور صارف کے لاگ ان (Login) کے انتظام جیسے کاموں کے لیے بیک اینڈ پروگرامنگ زبانوں کا کون سا گروہ استعمال ہوتا ہے؟

    • A.✓ PHP, Python, and Ruby (correct answer)PHP، Python اور Ruby
    • B.HTML, CSS, and JavaScriptHTML، CSS اور JavaScript
    • C.Word, Excel, and PowerPointWord، Excel اور PowerPoint
    • D.SQL, XML, and JSONSQL، XML اور JSON

    Why: PHP, Python, and Ruby are back-end programming languages that process forms and manage logins. HTML, CSS, and JavaScript work on the front end, and the other options are not programming languages.PHP، Python اور Ruby بیک اینڈ پروگرامنگ زبانیں ہیں جو فارمز پر کارروائی کرتی ہیں اور لاگ ان کا انتظام کرتی ہیں۔ HTML، CSS اور JavaScript فرنٹ اینڈ پر کام کرتی ہیں، اور دیگر اختیارات پروگرامنگ زبانیں نہیں ہیں۔
18. 18

    In a login system, a full-stack developer handles which tasks for the back-end?

    لاگ ان سسٹم میں، فل اسٹیک ڈویلپر بیک اینڈ کے لیے کون سے کام سنبھالتا ہے؟

    • A.Choosing page colors and fontsصفحے کے رنگ اور فونٹس کا انتخاب
    • B.✓ User authentication and database interaction (correct answer)صارف کی تصدیق (User Authentication) اور ڈیٹا بیس سے تعامل
    • C.Writing marketing textمارکیٹنگ کا متن لکھنا
    • D.Setting up the internet connectionانٹرنیٹ کنکشن ترتیب دینا

    Why: In a login system, the full-stack developer handles user authentication and database interaction for the back-end, while the user interface is built for the front-end. The other options are not back-end login tasks.لاگ ان سسٹم میں فل اسٹیک ڈویلپر بیک اینڈ کے لیے صارف کی تصدیق اور ڈیٹا بیس سے تعامل سنبھالتا ہے، جبکہ یوزر انٹرفیس فرنٹ اینڈ کے لیے بنایا جاتا ہے۔ دیگر اختیارات بیک اینڈ لاگ ان کے کام نہیں ہیں۔
19. 19

    What do you call a developer who works on both the front-end and the back-end of a web application?

    اس ڈویلپر کو کیا کہتے ہیں جو ویب ایپلیکیشن کے فرنٹ اینڈ اور بیک اینڈ دونوں پر کام کرتا ہے؟

    • A.Web designerویب ڈیزائنر (Web Designer)
    • B.Database administratorڈیٹا بیس ایڈمنسٹریٹر (Database Administrator)
    • C.✓ Full-stack developer (correct answer)فل اسٹیک ڈویلپر (Full-stack Developer)
    • D.Network engineerنیٹ ورک انجینئر (Network Engineer)

    Why: A full-stack developer creates the user interface for the front-end and handles authentication and database work for the back-end. The other roles cover only part of the work.فل اسٹیک ڈویلپر فرنٹ اینڈ کے لیے یوزر انٹرفیس بناتا ہے اور بیک اینڈ کے لیے تصدیق اور ڈیٹا بیس کا کام سنبھالتا ہے۔ دیگر کردار کام کا صرف ایک حصہ پورا کرتے ہیں۔
20. 20

    A developer writes HTML and CSS to build the visible part of a login page. Which area of web development is this?

    ایک ڈویلپر لاگ ان پیج کا مرئی حصہ بنانے کے لیے HTML اور CSS لکھتا ہے۔ ویب ڈویلپمنٹ کا یہ کون سا شعبہ ہے؟

    • A.Back-endبیک اینڈ (Back-end)
    • B.Database managementڈیٹا بیس مینجمنٹ (Database Management)
    • C.Server administrationسرور ایڈمنسٹریشن (Server Administration)
    • D.✓ Front-end (correct answer)فرنٹ اینڈ (Front-end)

    Why: Building the visible user interface with HTML and CSS is front-end development. Back-end, database, and server work happen behind the scenes.HTML اور CSS سے مرئی یوزر انٹرفیس بنانا فرنٹ اینڈ ڈویلپمنٹ ہے۔ بیک اینڈ، ڈیٹا بیس اور سرور کا کام پردے کے پیچھے ہوتا ہے۔