Podcast Beta
Questions and Answers
Which of the following aspects is NOT included in web development?
A domain name is the address used to access specific resources on the internet.
False
What is the primary role of a web developer?
To convert design and functionalities into a website.
The principle ______________ emphasizes that one should not rewrite code unnecessarily.
Signup and view all the answers
Match the type of web development to their description:
Signup and view all the answers
Which of the following is NOT a type of website?
Signup and view all the answers
A web application can only be accessed on a desktop computer.
Signup and view all the answers
Which of the following is considered a support tool for web development beginners?
Signup and view all the answers
What is the main page of a website called?
Signup and view all the answers
SEO is one of the important factors to consider in web development.
Signup and view all the answers
The primary purpose of web development is to reach a ______________ audience.
Signup and view all the answers
Web development skills are in high _____ in the job market.
Signup and view all the answers
Match the following types of web applications to their purposes:
Signup and view all the answers
Which scripting languages are web applications commonly written in?
Signup and view all the answers
The main purpose of a website is solely to sell products.
Signup and view all the answers
Name one advantage of web applications over traditional desktop applications.
Signup and view all the answers
Who is NOT recognized as a key figure in the development of the Internet?
Signup and view all the answers
The Internet is controlled by a single entity.
Signup and view all the answers
What is the primary purpose of an Intranet?
Signup and view all the answers
The application software used to explore the World Wide Web is called a ______.
Signup and view all the answers
Which protocol is essential for the exchange of web pages over the Internet?
Signup and view all the answers
Match the web technologies with their descriptions:
Signup and view all the answers
What is web development?
Signup and view all the answers
The World Wide Web operates with a client-server model.
Signup and view all the answers
Which of the following is NOT a sample of a content management system (CMS)?
Signup and view all the answers
Progressive web apps (PWAs) improve speed and adaptability regardless of internet connectivity.
Signup and view all the answers
What are the two types of text found in a marked-up document?
Signup and view all the answers
___ portals allow personalized access and user-centric navigation based on individual needs.
Signup and view all the answers
Match the type of web applications with their descriptions:
Signup and view all the answers
Which of the following is an example of a markup language?
Signup and view all the answers
SGML stands for Standard Generalized Markup Language.
Signup and view all the answers
What is the primary benefit of using progressive web apps?
Signup and view all the answers
What is the purpose of the HTML declaration?
Signup and view all the answers
XHTML is less strict than HTML.
Signup and view all the answers
What file extensions are commonly associated with HTML documents?
Signup and view all the answers
The _____ attribute is used to provide an alternate text for an image.
Signup and view all the answers
Match the following HTML attributes with their purposes:
Signup and view all the answers
When was HTML5 first released in a public-facing form?
Signup and view all the answers
HTML elements can be nested within each other.
Signup and view all the answers
What is the main feature of HTML5 that differentiates it from previous versions?
Signup and view all the answers
Study Notes
The Internet
- Vast network connecting computers worldwide, enabling information sharing and communication.
- Works through interconnected networks using telephone lines, with wireless access through mobile broadband and Wi-Fi.
- Developed by individuals and organizations, including:
- Robert W. Taylor – led the development of ARPANET (early Internet prototype)
- Vinton Cerf and Robert Kahn – developed TCP/IP technologies
- Access provided by Internet service providers.
- Decentralized, controlled by no single entity.
The Intranet
- Private network within an organization.
- Purpose: securely share company information and resources among employees.
- Facilitates group work, teleconferences, and internal communication.
- Provides easy access to information, links, applications, forms, and databases.
The World Wide Web
- Leading Internet information retrieval service, also known as "The Web".
- Provides access to vast multimedia content.
- Operates within the client-server format of the Internet.
Web Technologies
- Four main classifications:
- Web Browser – software to explore the World Wide Web, acting as an interface between client and server.
- Web Server – processes network user requests and serves files creating web pages, using HTTP.
- Web Page – digital document linked to the World Wide Web, viewable via a web browser.
- Web Development – creation of applications working over the Internet.
Web Development Concepts and Principles
- Building, creating, and maintaining of websites.
- Encompasses web design, web publishing, programming, and database management.
- Web Developer: translates design and functionalities into a website.
- Website: collection of web pages, usually interconnected.
- Domain Name: website name, recognizable by customers.
- Search Engines: platforms (like Google, Bing, Yahoo) for website search.
- URL/Hyperlinks: website addresses used to access resources on the Internet.
-
7 Principles of Web Development:
- User Focus
- Code Responsibility
- Quality Focus
- Simplicity
- Expertise
- Long-Term Thinking
- "Don't Repeat Yourself" (avoid redundancy)
-
7 Important Considerations in Web Development:
- Website Purpose/Goal
- Target Market
- Security
- SEO & Essential Plugins
- Typography
- Site Performance & Speed
- Web Design & Layout
Types of Web Development
- Front-End Development: design and development of visual aspects (layout, navigation, graphics).
- Back-End Development: works with systems like servers, operating systems, APIs, and databases, managing code for security, content, and architecture.
- Full-Stack Development: works on both front-end and back-end aspects of a website, building complete applications.
Support Tools for Web Dev Beginners
- Sublime Text: shareware text and source code editor for Windows, macOS, and Linux.
- Visual Studio Code: code editor optimized for building and debugging modern web and cloud applications.
- Canva: online design tool for creating various media content (posters, slideshows, resumes).
Importance of Web Development
- Reaching global audiences.
- Building brand awareness.
- Generating leads and sales.
- Providing customer support.
- Enhancing communication and collaboration.
- Develops valuable skills: coding, problem-solving, creativity.
- High demand for web development skills in the job market.
Websites
- Group of interconnected web pages.
- Made up of individual files that work together for content display.
- Divided into sections or pages.
- Main page is called the "home page", providing an overview and links to other pages.
- Common needs for building a website:
- Providing information about products, services, and business vision.
- Creating social proof and showcasing testimonials.
- Communicating brand vision and building awareness.
- Generating leads.
- Offering automated customer support.
Web Applications
- Software applications hosted on a web server and accessed through a web browser.
- Written in scripting languages (PHP, Perl, Java) and utilize databases (MySQL, PostgreSQL).
- Allow data access from any device with a web browser.
- Can be updated without redeploying the entire application, providing agility.
- Common needs for building a web app:
- Differentiating a brand in the market.
- Enhancing consumer engagement through personalized connections.
- Generating leads and managing data effectively.
- Providing cost-effective customer interaction through SaaS (Software as a Service).
Types of Websites
- Blogs
- Business / Corporate
- NGO / Non-Profit
- E-Commerce
- Educational
- Entertainment
- Portfolio
- Social Media
- Forums
- Web Portals
Types of Web Applications
-
E-Commerce:
- Focuses on online transactions.
- Includes features like payment integration, inventory management, and mobile commerce.
- Examples: Amazon, eBay, Walmart.
-
Portal Web Apps:
- Accessible web applications that combine information from various sources (emails, forums, search engines).
- Provide personalized access and user-centric navigation.
- Examples: Udemy, Coursera.
-
Progressive Web Apps (PWA):
- Cross-platform web applications utilizing modern browser APIs and features.
- Offer a native app-like experience.
- Provide speed and adaptability, even with limited internet connections.
- Examples: Starbucks, BMW, Spotify.
Markup Language
- Standard text-encoding system using symbols to control document structure, formatting, and relationships between parts.
- Common markup languages:
- SGML (Standard Generalized Markup Language)
- HTML (Hypertext Markup Language)
- XML (Extensible Markup Language)
- Markup symbols are interpreted by devices (computers, printers, browsers) for display.
- Marked-up documents contain displayed text and markup language for controlling how it is displayed.
SGML (Standard Generalized Markup Language)
- International computer standard for defining markup languages (a metalanguage).
- Markup consists of notations called "tags" to specify text function and display.
XML (Extensible Markup Language)
- Document formatting language used for some World Wide Web pages.
HTML (Hypertext Markup Language)
- Formatting system for displaying material retrieved over the Internet.
- Describes the structure of a web page.
- Elements tell the browser how to display content.
- Uses .htm or .html file extensions.
HTML5
- Fifth and final major HTML version, officially recommended by the W3C (World Wide Web Consortium).
- Released in 2008 and is still developing.
- Improvements:
- Support for multimedia.
- Easier human readability.
- Consistent understanding by computers and devices.
- Backward compatibility with older software.
The Declaration
- Represents the document type and aids in browser display of web pages correctly.
- Appears only once at the top of the page, before any HTML tags.
- Not case-sensitive.
- HTML5 declaration is:
<!DOCTYPE html>
HTML Elements
- Defined by:
- Start tag.
- Content.
- End tag
- Everything from the start tag to the end tag is considered the element.
- Can be nested (one element within another), forming the basis of HTML documents.
HTML Attributes
- Provide additional information about elements.
- Used in the start tag.
- In name/value pairs format:
- name="value"
- Examples:
-
href
attribute of<a>
(link) specifies the URL. -
src
attribute of<img>
(image) specifies the image path. -
width
andheight
attributes of<img>
provide image size details. -
alt
attribute of () provides alternate text for images in case the image cannot be displayed. -
style
attribute adds styles to elements, including color, font, size, etc. -
lang
attribute of<html>
tag declares the page's language. -
title
attribute defines additional information about elements.
-
HTML Comments
- Not displayed in the browser, but aid in documenting HTML source code.
<!-- This is a comment in HTML -->
Studying That Suits You
Use AI to generate personalized quizzes and flashcards to suit your learning preferences.
Related Documents
Description
This quiz explores the concepts of the Internet, Intranet, and World Wide Web. It covers their structures, purposes, key contributors, and functionalities within communication and information sharing. Test your knowledge on these essential digital networks!