<!
DOCTYPE html> h3{ text-align: center; }
<html> </style>
<head> </head>
<title>Wikipedia</title> <body>
<style> <div style="background-color: rgba(231, 239,
239, 0.557);;">
body{
<a
margin: 2%;
href="https://en.wikipedia.org/wiki/Web_design">
}
<img src="Capture1.PNG" align="left">
.navbar li{
</a>
list-style: none;
<br>
display: inline-block;
<header>
padding: 0% 20px;
<br>
}
<h1> WIKIPEDIA </h1>
.navbar li a{ text-decoration: none;}
<nav class="navbar">
header{
<ul>
display: flex;
<li> <a href="#"> Read </a></li>
justify-content: space-between;
<li> <a href="#"> View Source
align-items: center; </a></li>
} <li> <a href="#"> View History
</a></li>
fieldset{
</ul>
padding: auto;
<br>
width:fit-content ;
</nav>
background-color: rgba(218, 226, 226,
0.557); </header>
border: 1px solid #c8ccd1; <hr>
} Web design <hr color="grey">
.content{ From Wikipedia, the free encyclopedia
display: flex; </div>
} <div >
.content-img{ <p> <b>Web design</b> encompasses many
different skills and disciplines in the production and
margin-left: auto; maintenance of websites. The different areas of web
margin-right: 2px; design include web graphic design; user interface
design (UI design); authoring, including standardised
} code and proprietary software; user experience
p{ text-align: justify; } design (UX design); and search engine optimization.
Often many individuals will work in teams covering
different aspects of the design process, although <li><a
some designers will cover them all.<sup>[1]</sup> href="https://en.wikipedia.org/wiki/Web_design#H
The term <i>"web design"</i> is normally used to omepage_design"> Homepage design</a></li>
describe the design process relating to the front-end
<li><a
(client side) design of a website including writing
href="https://en.wikipedia.org/wiki/Web_design#
markup. Web design partially overlaps web
Notes"> Notes</a></li>
engineering in the broader scope of web
development. Web designers are expected to have </ol>
an awareness of usability and be up to date with
web accessibility guidelines.</p> </fieldset>
</div>
<fieldset class="content-img">
<div class="content"> <img src="Capture2.PNG" alt="Workplace"
usemap="#workmap" height="300" width="400"
<fieldset> style="border: 1px solid #c8ccd1;" >
<h3> Content </h3> <h3>The order of progressive
enhancement</h3>
<ol>
</fieldset>
<li><a
href="https://en.wikipedia.org/wiki/Web_design#H </div>
istory">History</a></li>
<ol>
<map name="workmap">
<li><a href="#"> The start of the web and
web design</a></li> <area target="_blank" alt="JavaScript"
title="JavaScript"
<li><a href="#"> Evolution of web href="https://www.javascript.com/"
design</a></li> coords="181,0,123,106,247,105" shape="poly">
<li><a href="#"> End of the first browser <area target="_blank" alt="CSS" title="CSS"
wars</a></li> href="https://css-tricks.com/"
coords="60,212,122,107,248,106,306,212"
</ol>
shape="poly">
<li><a
<area target="_blank" alt="HTML"
href="https://en.wikipedia.org/wiki/Web_design#T
title="HTML" href="https://html.com/"
ools_and_technologies"> Tools and
coords="1,317,61,212,308,212,366,315"
Technalogies</a></li>
shape="poly">
<li><a
</map>
href="https://en.wikipedia.org/wiki/Web_design#S
kills_and_techniques"> Skill and
techniques</a></li>
</body>
<ol>
</html>
<li><a href="#"> Marketing and
communication design</a></li>
<li><a href="#"> User experience design
and interactive design</a></li>
</ol>
