Lesson 1: Introduction to Web Development

What is the main purpose of ARPANET in the history of the Internet?

To create a network of computers that laid the foundation for the Internet.

Who invented the World Wide Web, and where?

Tim Berners

What key development happened in 1989?

The World Wide Web was invented, allowing documents to be linked through hypertext.

Why was the 1993 release of Mosaic significant?

It was the first widely used graphical browser and made the Web more accessible.

What characterized the Internet's modern era beginning around 1995?

Rapid expansion, e

What is a webpage?

A single electronic document accessible through the Internet, written in HTML and viewed in a browser.

What is a website?

A collection of related webpages linked under a single domain name and hosted on a web server.

What is the key difference between a webpage and a website?

A webpage is an individual document; a website is a collection of related webpages.

If you are referring to one specific Wikipedia article, is it a webpage or a website?

A webpage.

If you are referring to the entire Wikipedia domain containing many pages, is it a webpage or a website?

A website.

What uniquely identifies a webpage?

A URL.

What is HTML?

Hypertext Markup Language, the standard markup language for creating documents displayed in web browsers.

What role does HTML play in web development?

It provides the foundational structure or skeleton of webpages.

What are the basic building blocks of HTML?

Elements and tags.

What do HTML tags do?

They enclose or wrap different parts of content to define their structure or meaning.

What is an HTML editor?

A tool used to write and manage HTML and other web development code.

What are the three main types of HTML editors covered in the lesson?

Integrated environments, text editors, and WYSIWYG editors.

What are integrated development environments (IDEs) useful for?

They provide advanced coding tools such as syntax highlighting and built

Which editor type would you choose if you want advanced coding features and debugging?

An integrated environment such as Visual Studio Code or WebStorm.

What are text editors?

Lightweight, fast tools designed for manually writing code.

Which editor type would you choose for simple, manual coding?

A text editor such as Sublime Text or Notepad++.

What does WYSIWYG mean?

"What You See Is What You Get."

How do WYSIWYG editors differ from text editors?

WYSIWYG editors allow visual drag

Which editor type would you use if you prefer visually designing a webpage with drag

and

Give two examples of integrated environments used for web development.

Visual Studio Code and WebStorm.

Give two examples of text editors used for web development.

Sublime Text and Notepad++.

Give examples of WYSIWYG editors.

Webflow, Wix, and Squarespace.

If you need to manually write HTML and want a lightweight tool, which editor category is most appropriate?

Text editor.

If you want built

in debugging and syntax highlighting, which editor category is most appropriate?

If you want to build a webpage visually without manually writing all the code, which editor category is most appropriate?

WYSIWYG editor.