TOPIC 2 Flashcards
It is the process of designing, creating, and maintaining websites and web applications for the internet or intranet
Web Development
It involves a combination of front-end development and back-end development
Web Developments
It encompasses a wide rage of activities, from building static websites to developing complex, interactive web applications, ensuring functionality, performance, security, and scalability across various devices and platforms
Web Development
What are the factors to consider in web development
Usability
Speed
Aesthetics
Content
Maintenance
Mobile Friendly
It is one of the most important aspects of web design is actually making the site usable for the average user.
Usability
Most customers who visit your webpage are not professional HTML codes, so they might need things simplified a little bit
Usability
It can make or break entire company. Despite the insane technology involved with connecting people to various page sall around the world, if the page doesn’t load within three to five second, users will go mad. They will likely exit your web page and never return, causing you to lose out of on their potential business
Speed
The look and feel of your page is just as important as the functionality. You only have 10 seconds to make an impression on a visitor and to let them know what they’ll get out of visiting your page. If they aren’t impressed within that time, they’ll leave. Don’t overdo it with color schemes and crazy images like the 1990s, just have simple, sharp and decent looking webpages.
Aesthetics
Users are very picky. Even if your webpage is easily accessible, functions well, works quickly, and looks great, they still won’t be pleased unless you have compelling and engaging ____________ on your site. Content marketing plays a major role in any company’s advertising campaign. People much prefer video content over written, which is why content video views have exceeded 50 billion views per month.
Content
Every page on your site should work 100% of the time. In the event of an issue, however, you have to have some sort of 24-hour support system implemented to ensure that someone can immediately address the problem.
Maintenance
Wholly 48% of all users admit that if they visit a company’s webpage that doesn’t work on their mobile device, they take it as an indication that the business simply doesn’t care. It’s 2024— just like your company should be online, your webpage should function on mobile devices.
Mobile Friendly
HTML stands for _________
HyperText Markup Language
it is developed with the intent of defining the structure of documents like headings, paragraphs, lists, and so forth to facilitate the sharing of scientific information between researchers.
HyperText Markup Language
It is being widely used to format web pages with the help of different tags available in ________ language.
HyperText Markup Language
HTML, or Hypertext Markup Language, was first created by Tim Berners-Lee in _______ to help organize and display information on the World Wide Web.
1991
What is the first official version of HTML?
HTML 2.0 (1995)
When was HTML 4.01 released?
1999
In the early 2000s, _________ was developed as a stricter version of HTML, based on XML, to improve compatibility with other technologies.
XHTML
was widely used in the 2000s and introduced important features like better support for multimedia
HTML 4.01
was developed as a stricter version of HTML, based on XML, to improve compatibility with other technologies.
XHTML
In 2011, work began on _______, the latest version of HTML, which brings new features for building modern websites, such as better support for video, audio, and interactive content.
HTML5
is now widely used across browsers and devices and is considered the future of web development.
HTML5
is the main version being taught and used for building websites.
HTML5
When was W3C founded?
1994
It is an international organization founded in 1994 by Tim Berners-Lee, the creator of the World Wide Web.
World Wide Web Consortium (W3C)
It develops and maintains web standards to ensure the long-term growth, interoperability, and accessibility of the web
World Wide Web Consortium (W3C)
Its mission is to keep the web open, secure, and accessible to everyone globally while guiding its evolution through consistent and innovative standards.
World Wide Web Consortium (W3C)
Through its work, the ________ plays a vital role in shaping the future of the internet.
World Wide Web Consortium (W3C)
He is the Inventor of the World Wide Web.
Tim Berners-Lee
He developed foundational technologies: HTML, HTTP, and URL.
Tim Berners-Lee
He created the first web browser and web server.
Tim Berners-Lee
He is a Belgian computer scientist and collaborator with Tim Berners-Lee.
Robert Cailliau
He helped promote and refine the concept of the World Wide Web.
Robert Cailliau
He advocated for the early adoption and development of web technologies.
Robert Cailliau
He is the early contributor to the web’s protocols at CERN.
Jean-François Groff
He assisted in improving the foundational systems of the World Wide Web.
Jean-François Groff
He played a role in refining its infrastructure for broader usability.
Jean-François Groff
It has evolved over time with several versions and revisions, each introducing new features, improvements, and changes.
HTML / HTML VERSIONS
This is the original version of HTML proposed by Tim Berners-Lee in 1991.
HTML
It was a simple markup language with basic tags for structuring documents, such as headings, paragraphs, and lists.
HTML
This version introduced new features like tables, forms, and text formatting options.
HTML 2.0 (1995)
It also standardized the way browsers should interpret HTML documents.
HTML 2.0 (1995)
added support for more features like image maps, applets, and improved form controls.
HTML 3.2 (1997)
It also introduced the use of Cascading Style Sheets (CSS) for styling web pages.
HTML 3.2 (1997)
What does CSS stands for?
Cascading Style Sheets (CSS)
refined the previous version with better support for scripting languages like JavaScript and introduced more semantic elements like <div> and <span>.</span>
HTML 4.01 (1999)
It also included support for internationalization and accessibility.
HTML 4.01 (1999)
It was based on XML (eXtensible Markup Language) and aimed to bring HTML into the world of XML, enforcing stricter syntax rules and providing better support for interoperability between different platforms.
XHTML (2000)
What does XHTML stands for?
Extensible HyperText Markup Language
What does XML stands for?
eXtensible Markup Language
It is the latest major revision of HTML and introduced many new features and APIs for multimedia, graphics, and interactivity.
HTML5 (2014)
It includes elements like < video >, < audio >, < canvas >, and < svg >, as well as new semantic elements like < article >, < section >, and < header >.
HTML5 (2014)
It also provides better support for mobile devices and includes features for offline web applications.
HTML5 (2014)
The first step in web development is to have a _______
Text Editor
is a free open-source text editor by Microsoft. ________ is available for Windows, Linux, and macOS. Although the editor is relatively lightweight, it includes some powerful features that have made it one of the most popular development environment tools in recent times.
Visual Studio
It is famously known as VS Code
Visual Studio
XAMPP stands for ______
Cross-Platform, Apache, MySQL, PHP, and Perl
It is a free platform that allows developers to test their code locally on their own computers.
XAMPP
This platform provides the experience of having your own mini web server at home, compatible with both Windows (WAMP) and Linux (LAMP) environments.
XAMPP
It is a service that allows individuals or organizations to store their websites on servers, making them accessible via the internet.
Web hosting providers
It provides the necessary infrastructure and resources, such as storage, bandwidth, and security, to ensure that a website is available and functions smoothly online. Web hosting companies offer different types of hosting plans based on the website’s needs, including shared hosting, cloud hosting, and dedicated hosting.
Web hosting providers
There are many other declaration types which can be used in HTML document depending on what version of HTML is being used.
<!DOCTYPE html>
it is an instruction to the web browser about what version of HTML the page is written in.
<!DOCTYPE html>
HTML is a markup language and makes use of various tags to format the content. These tags are enclosed within angle braces <TagName>.</TagName>
HTML Tags
It indicates that the page is written in HTML5
<!DOCTYPE html>
it is the start and end of HTML document
<html></html>
start and end of document head
<head></head>
start and end of body document
<body></body>
What are the parts of an html tag?
Element
Attribute
Value
indicated as spanning from a start tag, possibly including some child content, and is terminated by an end tag.
Element
either modifies the default functionality of an element type or provides functionality to certain element types unable to function correctly without them
Attributes
sets the modification of the object appearance, function or the ________ of an input element.
Value
A consistent, clean, and tidy HTML code makes it easier for others to read and understand your code.
HTML Guide :>
This tag defines the document type and HTML version
<!DOCTYPE html>
This tag encloses the complete HTML and mainly comprises of document header which is represented by <head>…</head> and document body which is represented by <body></body> tags.
<html></html>
This tag represent the document’s header which can keep other HTML tags like
< title >, < link >, < script >, etc.
<head></head>
This tag is used inside the <head> tag to mention the document title.
<title></title>
This tag represents the documents body which keeps other HTML tag like <h1>, <div>, <p>, etc.
<body></body>
This tag represents a heading
<h1></h1>
This tag represents a paragraph
<p></p>
These are not displayed in the browser, but they can help document your HTML source code.
Comment Tags <!– – >
Any document starts with a _____
Heading <h1></h1>
HTML also has _______ of headings, which use the elements <h1>, <h2>, <h3>, <h4>, <h5>, and <h6>.
Six levels of heading
This tag offers a way to structure your text into different paragraphs. Each paragraph of text should go in between an opening and a closing tag
Paragraph tags <p></p>
Paragraph attributes is align and its values are ____, ____, ____ and _____.
Left
Right
Center
Justify
are elements that do not have any content between their opening and closing tags. Instead, they are self-closing, meaning they don’t require a separate closing tag.
Empty elements
These elements are often used to embed or represent standalone content, and they usually don’t have any content to display.
Empty elements
This tag inserts a single line break.
< br >
This tag is an empty tag which means that it has no end tag. This tag is useful for writing addresses or poems. This tags is to enter line breaks, not to separate paragraphs.
< br >
This tag creates a horizontal line, often used to separate content on a webpage. It visually divides sections and adds structure without affecting content.
< hr >
This tag provides metadata about the HTML document, such as character encoding, keywords, or descriptions. This information is essential for search engines, browsers, and overall website optimization, but it is not visible to users.
< meta >
This lets you input an image in the web page
< img >
It puts an Input box or text box in your web page
< input >
it puts a link in your html code
< link >
Embeds external content like videos or plugins
< embed >
Specifies media resources for < audio > or videos
< source >
Defines text tracks for < video > or < audio >
< track >
Defines an area insde an image map
< area >