0% found this document useful (0 votes)
55 views2 pages

Web Development Practical 3

The document summarizes web design. Web design encompasses graphic design, user interface design, coding, user experience design, and search engine optimization. It involves designing the front-end interface of a website. Web designers are expected to be aware of usability and accessibility guidelines. The document then lists some of the key aspects of web design such as its history, tools/technologies used, and required skills/techniques.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
55 views2 pages

Web Development Practical 3

The document summarizes web design. Web design encompasses graphic design, user interface design, coding, user experience design, and search engine optimization. It involves designing the front-end interface of a website. Web designers are expected to be aware of usability and accessibility guidelines. The document then lists some of the key aspects of web design such as its history, tools/technologies used, and required skills/techniques.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

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>

You might also like