You are on page 1of 3

PR-04-frame.

html
<!DOCTYPE html> a{

<html> text-decoration: none;

<head>

<title>Wikipedia</title> header {

</head> display: flex;

<frameset rows="190, *" style="margin: 0.5%;"> justify-content: space-between;

<frame name="top" src="top-frame.html" /> align-items: center;

<frameset cols="30%, *"> }

<frame name="content" src="left- </style>


content.html" /> </head>
<frame name="main" src="main-frame.html"
/>
<body>
</frameset>
<div style="background-color: rgba(231, 239,
<noframes> 239, 0.557);">

<a
<body>Your browser does not support target="main" href="https://en.wikipedia.org/wiki/
frames.</body> Web_design">

</noframes> <img src="Capture1.PNG" align="left">

</a>

</frameset> <br>

</html> <header>

<br>

<h1> WIKIPEDIA </h1>


top-frame.html
<nav class="navbar">
<!DOCTYPE html>
<ul>
<html>
<li> <a target="main" href="#"> Read
<head>
</a></li>
<title>Wikipedia</title>
<li> <a target="main" href="#"> View
<style> Source </a></li>

.navbar li { <li> <a target="main" href="#"> View


History </a></li>
list-style: none;
</ul>
display: inline-block;
<br>
padding: 0% 20px;
</nav>
}
</header>

<hr> <body>

From Wikipedia, the free encyclopedia <div>

<hr color="grey"> <fieldset>

<a target="_blank" <h3> Content </h3>


href="https://en.wikipedia.org/wiki/Main_Page">M
<ol>
ain Page</a>
<li><a target="main"
</div>
href="https://en.wikipedia.org/wiki/Web_design#Hi
</body> story">History</a></li>

</html> <ol>

<li><a target="main" href=""> The start


of the web and web design</a></li>
left-content.html
<li><a target="main" href="">
<!DOCTYPE html> Evolution of web design</a></li>
<html> <li><a target="main" href=""> End of
the first browser wars</a></li>

<head> </ol>

<title>Wikipedia</title> <li><a target="main"


href="https://en.wikipedia.org/wiki/Web_design#To
<style> ols_and_technologies"> Tools
body { and
margin: 2%; Technalogies</a></li>
} <li><a target="main"
href="https://en.wikipedia.org/wiki/Web_design#Sk
ills_and_techniques"> Skill
fieldset {
and
padding: auto;
techniques</a></li>
width: fit-content;
<ol>
background-color: rgba(218, 226, 226,
<li><a target="main" href="#">
0.557);
Marketing and communication design</a></li>
border: 1px solid #c8ccd1;
<li><a target="main" href="#"> User
} experience design and interactive design</a></li>

</ol>

a:link{ color: blue; } <li><a target="main"


href="https://en.wikipedia.org/wiki/Web_design#H
a:visited{ color:darkmagenta; }
omepage_design"> Homepage
a:hover, a:active { color: hotpink; }
design</a></li>
</style>

</head>
<li><a target="main" </div>
href="https://en.wikipedia.org/wiki/Web_design#N
<fieldset style="width: fit-content; margin:
otes"> Notes</a></li>
auto;">
</ol>
<img src="Capture2.PNG" alt="image"
</fieldset> height="200" style="border: 1px solid #c8ccd1;">

</div> <h3>The order of progressive


enhancement</h3>
</body>
</fieldset>

</body>
</html>

</html>
main-frame.html
<!DOCTYPE html>

<html>

<head>

<title>Wikipedia</title>

</head>

<body style="margin: 2%;">

<div>

<h3><u> Web Design </u> </h3>

<p style="text-align: justify;"> <b>Web


design</b> encompasses many different skills and
disciplines in the production and maintenance of
websites. The different areas of web design include
web graphic design; user interface design (UI);
authoring, including standardised code and
proprietary software; user experience design (UX
design); and search engine optimization. Often many
individuals will work in teams covering different
aspects of the design process, although some
designers will cover them all.<sup>[1]</sup> The
term <i>"web design"</i> is normally used to
describe the design process relating to the front-end
(client side) design of a website including writing
markup. Web design partially overlaps web
engineering in the broader scope of web
development. Web designers are expected to have
an awareness of usability and be upto date with web
accessibility guidelines.

</p>

You might also like