Computer

Unit 2 Module 3 HTML List Unordered List/Ordered List/Nested List
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Web Portfolio of Joanna Rey M. Cano</title>
<style>
body {
display: grid;
grid-template-areas:
"header header header"
"nav article ads"
"nav footer footer";
grid-template-rows: 80px 1fr 70px;
grid-template-columns: 20% 1fr 15%;
grid-row-gap: 10px;
grid-column-gap: 10px;
height: 100vh;
margin: 0;
header, footer, article, nav, div {
padding: 1.2em;
background: gold;
#pageHeader {
grid-area: header;
#pageFooter {
grid-area: footer;
#mainArticle {
grid-area: article;
#mainNav {
grid-area: nav;
#siteAds {
grid-area: ads;
/* Stack the layout on small devices/viewports. */

@media all and (max-width: 575px) {
body {
grid-template-areas:
"header"
"article"
"ads"
"nav"
"footer";
grid-template-rows: 80px 1fr 70px 1fr 70px;
grid-template-columns: 1fr;
#head1 {
font-size: 2.0em;
font-weight: bold;
color: #34aac1;
text-align: center;
margin: auto;
width: 250px;
border: 3px solid #73AD21;
padding: 10px;
border-radius: 12px;
border-style: double;
border-width: 5px;
</style>
</head>
<body>
<header id="pageHeader">
<p id="head1">Anne's Songs</p>
</header>
<article id="mainArticle">
<table align="center" border=1>
<tr>
<th><h3>Required Projects</h3></th>
<th><h3>Client Sites</h3></th>
<tr>
<td>
<li>Unit Four: Web Graphics</li>
<li>Unit Five: Overall Site Design and Management</li>
<li>Unit Six: Intro to Web Authoring Software</li>
</ul>
<td>
<ol>
<li>First Client Website</li>
<li>Second Client Website</li>
<li>Third Client Website</li>
</ol>
<tr>
</table>
<br>
<table border=1 align="center">
<tr>
<td>
<ul>
<li>Unit Four: Graphics
<ul>
<li>Evaluation of web graphics</li>
<li>GIF vs. JPEG</li>
<li>Web photo album</li>
<li>Sample buttons</li>
<li>3-D box</li>
<li>Receive instructor's approval of banner </li>
</ul>
</li>
<li>Unit Five: Overall Site Design and Management
<ul>
<li>Usability study report</li>
<li>Receive instructor's approval of the raw HTML list that will be turned into
the navigation system</li>
<li>Receive instructor's approval of your use of an external style page</li>

<li>Receive instructor's approval as to how you're controlling the site's
navigational menu with your external style sheet</li>
<li>Javascript enhancement</li>
</ul>
</li>
<li>Unit Six: Intro to Web Authoring Software
<ul>
<li>My Web Authoring Software</li>
<li>List of Links</li>
<li>Inserting an Image</li>
<li>Submit printed copies of reports generated by site management features in

web authoring tool</li>
<li>Submit the completed Market Analysis, proposed site organization, and the
sketch of the home page for review</li>
<li>Report to your instructor how your mock site measured up once the
evaluation tool was applied</li>
<li>Submit copies of site management reports</li>
</ul>
</li>
</ul>
</tr>
</table>
</article>
<nav id="mainNav">
<table align="center">
<tr>
<td><b><i><h2> JOANNA REY M. CANO
<tr>
</table>
<tr>
<td>Bachelor in Science in Business Aministration major in Marketing Management
<tr>
<td>Computer II- Web Design and Development
<tr>
<td>School: New Era University
<tr>
<td>Address: #9 Central Avenue, Quezon City, Philippines
<tr >
<td style="width">Email:
<a href="http://yahoo.com">acano312@yahoo.com
</a>
<tr>
</table>
</nav>
<div id="siteAds">
<h1>Joanna Rey M. Cano's Web Portfolio</h1>
<h2>Web Development and Design with Mr. Raul, Period 3</h2>
<h3>Guevara National High School</h3>
<p>Guevara LaPaz Tarlac<br />
,Tarlac City</p>
<p><a href="http://yahoo.com">acano312@yahoo.com</a></p>
</div>
<footer id="pageFooter">By: Anne</footer>
</body>
</html>
Unit 2, Module 2 Common Tags
<html>
<head>
</head>
<body align="center">
Tarlac City</p>
<p><a href="http://gmail.com">acano312@yahoo.com</a></p>
<hr>
<p>By the end of this course I will have the skills and <strong>confidence</strong> to <em>develop</em> a web
page.</p>
</hr>
</body>
</html>
Essential tags
<html>
<head>
<title>Web Portfolio of Joanna Rey M. Cano </title>
</head>
<body>
<tr>
<td><b><i><h2>CANO JOANNA RAY M.
<tr>
</table>
<tr>
<td>Bachelor in Science in Business Aministration major in Marketing Management
<tr>
<td>Computer II- Web Design and Development
<tr>
<td>School: New Era University
<tr>
<td>Address: #9 Central Avenue, Quezon City, Philippines
<tr >
<td style="width">Email:
<a href="http://yahoo.com">acano312@yahoo.com
</a>
<tr>
</table>
</body>
</html>
Unit 2 Module 4 :Creating Links / 1,2 and 3
<html>
<head>
</head>
<body align="center">
Tarlac City</p>

<p><a href="https://plus.google.com/u/0/102797029490680582618">acano312@yahoo.com</a></p>

<p><h2><a href ="http://www.neu.edu.ph/main/">New Era University</a></h2></p>

<p><h2><a href="Other_Page.html">Other Page</a></h2></p>

<p><h2><a href="Main_Content.html">Skip to main content</a></h2></p>
<hr>
<p>By the end of this course I will have the skills and <strong>confidence</strong> to <em>develop</em> a web
page.</p>
</hr>
</body>
</html>
Unit 2 Module 5 Creating a Data Table
<html>
<head>
<style>
table, td, th {
border: 1px solid #ddd;
text-align: left;
table {
border-collapse: collapse;
width: 45%;
td {
padding: 20px;
font-size: 1.300em;
th {
padding: 20px;
background-color: #4CAF50;
color: white;
font-size: 1.475em;
</style>
</head>
<body>
Image Source
<!Doctype html>
<html>
<body>
<center><h2>Stitch</h2>
<img=src="C:\Users\user12\Downloads\ed04fb28ff2a20c714e6c1f9b11f71f1--stitch-character-cute-stickers.JPG"
alt="Stitch" style="width:250px;height:250px;">
</center>
</body>
</html>
Lesson 1 Module 2 elements of tag
Cano, Joanna Rey M.
1. Referring to the Common Tags sheet, record your responses on paper to the following
questions:
Which tags do not need a separate tag for closing?
In HTML 4: area, base, basefont, br, col, frame, hr, img, input, isindex, link, meta, param
In XHTML 1.0 or HTML5: area, base, br, col, hr, img, input, link, meta, param
In XHTML 1.0 Transitional we also have:
basefont, frame
Which tag pair serves as a container for all the visible content of a web page?
Tags usually travel in pairs. An opening tag begins a section of page content, and a closing
tag ends it. For example, to markup a section of text as a paragraph, you would open the
paragraph with an opening paragraph tag <p>
and close it with a closing paragraph tag </p>
(closing tags always proceed the element with a
/ ).
Which tag is used to identify the main heading on a page?
<h1> </h1> H1 is the main heading,v
Which tag can be either a container or non-container tag?

A few tags are called non-container tags, because they don't contain any content - they stand
alone. Examples are images and line breaks. XHTML requires that all open tags must be
closed, even if they're not container tags. Therefore, non-container tags end in />. For
example, the tag for a line break is <br />.
Pre-Coding
<!Doctype html>
<html>
<body>
<style.
<body style="background-color:light blue;">
<center>
<br> </br>
<h1 style="font-family:broadway;"><b>Joanna Rey M. Cano <br> Web Portfolio </b><h1>
<br> </br>
<h2><p> <br><b> Bachelor of Science in Business Administration Major in Marketing Management </h2></p> </br></b>
<br><b> Mr. Raul Guina </p> <i> </br> </b> <center>
<h3> New Era university <br> </br> Central Avenue, New Era Quezon City </h3>
<h4>acano312@yahoo.com</h4>
<br> </br>
<img src="stitch"style="width:250px;height:250px;">
</center>
</body>
</html>

Computer

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Computer

Enviado por

Direitos autorais:

Formatos disponíveis

Unit 2 Module 3 HTML List Unordered List/Ordered List/Nested List

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">

<title>Web Portfolio of Joanna Rey M. Cano</title>

"header header header"

"nav article ads"

"nav footer footer";

grid-template-rows: 80px 1fr 70px;

grid-template-columns: 20% 1fr 15%;

header, footer, article, nav, div {

/* Stack the layout on small devices/viewports. */

grid-template-rows: 80px 1fr 70px 1fr 70px;

border: 3px solid #73AD21;

<p id="head1">Anne's Songs</p>

<table align="center" border=1>

<li>Unit Four: Web Graphics</li>

<li>Unit Five: Overall Site Design and Management</li>

<li>Unit Six: Intro to Web Authoring Software</li>

<li>First Client Website</li>

<li>Second Client Website</li>

<li>Third Client Website</li>

<table border=1 align="center">

<li>Unit Four: Graphics

<li>Evaluation of web graphics</li>

<li>GIF vs. JPEG</li>

<li>Web photo album</li>

<li>Receive instructor's approval of banner </li>

<li>Unit Five: Overall Site Design and Management

<li>Usability study report</li>

<li>Receive instructor's approval of your use of an external style page</li>

<li>Unit Six: Intro to Web Authoring Software

<li>My Web Authoring Software</li>

<li>Submit printed copies of reports generated by site management features in

<li>Submit copies of site management reports</li>

<td><b><i><h2> JOANNA REY M. CANO

<td>Bachelor in Science in Business Aministration major in Marketing Management

<td>Computer II- Web Design and Development

<td>School: New Era University

<td>Address: #9 Central Avenue, Quezon City, Philippines

<h1>Joanna Rey M. Cano's Web Portfolio</h1>

<h2>Web Development and Design with Mr. Raul, Period 3</h2>

<h3>Guevara National High School</h3>

<p>Guevara LaPaz Tarlac<br />

<footer id="pageFooter">By: Anne</footer>

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">

<title>Web Portfolio of Joanna Rey M. Cano</title>

<h1>Joanna Rey M. Cano's Web Portfolio</h1>

<h2>Web Development and Design with Mr. Raul, Period 3</h2>

<h3>Guevara National High School</h3>

<p>Guevara LaPaz Tarlac<br />

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">

<title>Web Portfolio of Joanna Rey M. Cano </title>

<td><b><i><h2>CANO JOANNA RAY M.

<td>Bachelor in Science in Business Aministration major in Marketing Management

<td>Computer II- Web Design and Development

<td>School: New Era University

<td>Address: #9 Central Avenue, Quezon City, Philippines

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">

<title>Web Portfolio of Joanna Rey M. Cano</title>

<h1>Joanna Rey M. Cano's Web Portfolio</h1>

<h2>Web Development and Design with Mr. Raul, Period 3</h2>