Font size
WorksheetsWeb Technologies
Total questions: 45
Worksheet time: 24mins
A massive public network of networks, a labyrinth of hardwired and wireless connection between disparate drives on countless devices scattered around the world.
Ethernet
Internet
WWW
Network
A standardized system for accessing and navigating the Internet.
WWW(World Wide Web)
HTML
Browser
Server
Used to create webpages.
Domain Network System
Programming Language
Website
HTML
Computers communicate with each other using markup languages and multimedia packages.
Web Technology
HTML
Web Browser
Web server
An information system that uses Internet web technologies to deliver information and services, to users or other information systems/applications.
Webpage
Web Browser
Web System
Web Technology
Software that resides on your machine that permits you to display and interact with the hypertext document.
Web Page
Java Script
Browser
HTML
Identifying in public’s mind who owns the website.
Prefix
DNS
Domain Name
Details
Software and hardware that that uses HTTP and other protocols to respond to client requests made over the World Wide Web.
Three way handshake
Web Page
Web Server
Web Site
3 Uniform Resource Locator(URL) Components
Prefix/Host Name/Path
Internet/Server/Database
Browser/Link/Http
Link/Internet/DNS
The top-level domain that identifies addresses of network providers.
HTML
Domain Name System (DNS)
Host Name
Server
The inventor of World Wide Web and the director of W3C, organization that oversees its development.
Tim Berles-Lee
Tim Bernes-Lee
Tim Birnes-Lee
Tim-Berne-Lee
Three (3) fundamental technologies:
HTML/URI/HTTP
HTML/CSS/JS
HTML/HTTPS/URL
HTML/LINK/CSS
WEB DEVELOPMENT LIFE CYCLE
Planning–Analysis–Design and Development–Testing–Implementation and Maintenance–
Planning-Analytics-Integration-Feedback-Innovate
Planning-Analysis-Mitigate-Scalability-Project Execution-Maintainance
WEBPAGE STRUCTURE
Webpage
HTML
Element
Ping
Server
Document, commonly written in HTML, that is viewed in an internet browser.
Web Page
Website
Web Server
URL
Building Blocks of site pages and templates
Ping
Element
Server
HTML
W3C specification that defines the fifth major revision of the Hypertext Markup Language
HTML
HTML5
W3C
Web 5.0
How HTML elements are to be displayed on screen, paper, or in other
media.
Cascading Style Sheet (CSS)
Hyper Text Markup Language(HTML)
Web Browser
Elements
Building, creating and a maintaining website. It includes aspects such as web
design, web publishing, web programming, and database management.
Server Maintainance
SDLC
Planning
Web Development
Platform language-neutral interface that allows programs and
scripts to dynamically access and update the content, structure, and style of a document.
Web Site
Document Object Model (DOM)
Elements
Browser
A stricter, more XML-based version of HTML.
Extensible Markup Language Extreme(XMLE)
Extensible Hypertext Markup Language (XHTML)
Extensible Markup Language (XML)
Hyper Text Markup Language(HTML)
Markup language much like HTML. Design to transport data.
Extensible Markup Language (XML)
JSON(Javascript Object Notation)
PHP(Hypertext Preprocessor)
RDBMS(Relational Database Management System)
HYPERTEXT MARKUP LANGUAGE 5 Features
Semantic–Connectivity–Offline and Storage–Multimedia–2D/3D graphics and effects–Device Access–Styling–
Design-Offline connectivity-Styling-Traffic Efficiency-Multimedia Arts-Modern UI/UX
Semantic-UI/UX Design-Web.5-Styling-Browser Availability-Extensible Extensions
The textual, aural, or visual content published on a website.
Web Code
Web Content
Web Structure
Web Tool
Web Code
the special language used to tell browsers how to display web pages.
the textual, aural, or visual content published on a website.
how the website is set up, i.e. how the individual subpages are linked to one another.
Tool– a web interface that allows you to add content to your website with minimal technical
knowledge.
The website is set up, i.e. how the individual subpages are linked to one another.
Web Tool
Web Structure
Web Content
Web Server
Computer program that let a user enter, change, store, and usually print text (characters
and numbers, each encoded by the computer and its input and output devices, arranged to have
meaning to users or to other programs).
Text Editor
HTML
Programming Program
W3C
The process of making a website more visible in search results, also
termed improving search rankings.
Search Engineer
Search Bar Efficiency
Search Engine Optimization
Search Optimize Result Column
Bootstrap
HTML5 Boilerplate
Junior
Templates
HTML Frameworks
Platforms
Web Browsers
Audio and Video Solutions
Audio5js
/ html5media
Mp3/Juicers
mp4/Players
Extension Player
Visual Animation Editors
Comprises programs mainly used by designers
- Developed by pure programming
Programmer and designers- Collaboration for completion
Web Developers and designers
HTML divided into two parts:
(a)
Basics section of a document:
Header
- Navigation Bar
- Main Content
- Sidebar
- Footer
- Notepad++
- Visual Studio Code
- Sublime Text
Bootstrap
- HTML5 Boilerplate
- Junior
Two basic kinds of web content:
WebDesign-Content
Text–Multimedia
Code-Editor
Webpage-WebServer
Text or HTML editor
○ Graphics editors
○ Browser
HTML Tags
Requirements for making website
HTML page contains:
Requirements for creating HTML page
○ Tags
○ Attributes
○ Contents
HTML page contains:
○ Text or HTML editor
○ Graphics editors
○ Browser
Components of HTML
User security roles
Types of target:
Top-Parent-Blank-Self
Top-Down-Right-Left
Top-Self-Init-Blank
Top-Bottom-Blank-Inner
Split the webpage into different regions for more clarity and accessibility to
the user.
<td>
<frameset>
<textfield>
<textarea>
A list box from which a user selects a particular value or set of values.
<select>
<fieldset><fieldset>
<legend>
<textarea>
Consists of input fields and buttons.
<input>
<form>
<td>
<field>
– to specify individual selection items.
<option>
<optgroup>
<select>
<fieldset>
Group box labels an entire collection of radio buttons.
<legend>
<options>
<fieldset>
<optgroup>
Inbound Link– a link from another website to a page on your website.
Outbound Link– send visitors away from your web site.
Inline CSS– used to apply a unique style for a single element.
CLASSES IN STYLE STATEMENT
CASCADING STYLE SHEET
INBOUND AND OUTBOUND LINKS
Three (3) ways to insert CSS:
○ Simple –
○ Combinator –
○ Pseudo-class–
○ Pseudo-element–
○ Attribute–
FIve (5) ways to insert CSS:
Five (5) categories of CSS selector:
CLASSES IN STYLE STATEMENT
CSS Forms
Three (3) ways to insert CSS:
External CSS
Internal CSS
Inbount CSS
Inline CSS
Outbound CSS
