BIW 10103: Fundamentals of Web Technology: September 2019

Home page HTML Code

<!DOCTYPE html>

<html>

<head>

<title>Trillium Media Design</title>

</head>

<body>

body {

background-color:lightcyan;color: black;}

h1{

background-color:lightcoral;color:black;

}

h2{

background-color:gold;color:black;

}

footer{

color:black;text-align:left;

}

.new{color:black;font-style:italic;}

.footer{font-size:small;text-align:center;}

</style>

<h1><b><p class="new">Trillium Media Design</p></b></h1>

<nav>

<a href="Service.html">Services</a> 

<a href="Contact.html">Contact</a>

</nav>

<div>

<h2><b>New Media and Web Design</b></h2>

<p>Trillium Media Design will bring your company's Web presence to the next level.

We offer a comprehensive range of services.</p>

<ul>

<li>Website Design</li>

<li>Interactive Animation</li>

<li>E-Commerce Sollutions</li>

<li>Usability Studies</li>

<li>Search Engine Optimization</li>

</ul>

<h2><b>Meeting Your Business Needs</b></h2>

<p>Our Expert designs are creative and eager to work with you.</p>

</div><br><hr>

</footer>

</body>

</html>

Service page HTML Code

<!DOCTYPE html>

<html>

<head>

<title>Trillium Media Design</title>

</head>

<body>

body {

background-color:lightcyan;color: black;}

h1{

background-color:lightcoral;color:black;

}

h2{

background-color:gold;color:black;

}

footer{

color:black;text-align:left;

}

dl{background-color: lavenderblush;color: midnightblue;}

.new{color:black;font-style:italic;}

</style>

<h1><b><p class="new">Trillium Media Design</p></b></h1>

<nav>

<a href="Service.html">Services</a> 

<a href="Contact.html">Contact</a>

</nav>

<h2><b>Our Services Meet Your Business Needs</b></h2>

<dl>

<dt><b>Website Design</b></dt><dd>Whether your needs are larger or small,

Trillium can get you on the Web!</dd>

<dt><b>Interactive Animation</b></dt><dd>Multimedia training and marketing

animations are our speciality.</dd>

<dt><b>E-Commerce Sollutions</b></dt><dd>Trillium offers quick entry into

the e-commerce marketplace.</dd>

<dt><b>Usability Studies</b></dt><dd>Trillium can assess the usability of your current

site and suggest improvements.</dd>

<dt><b>Search Engine Optimization</b></dt><dd>Most people find websites using search

engines. Trillium can help you get your site noticed.</dd>

</dl><br><hr>

</body>

</html>

Contact page HTML Code

<!DOCTYPE html>

<html>

<head>

<title>Trillium Media Design</title>

</head>

<body>

body {

background-color:lightcyan;color: black;}

h1{

background-color:lightcoral;color:black;

}

h2{

background-color:gold;color:black;

}

footer{

color:black;text-align:left;

}

.new{color:black;font-style:italic;}

</style>

<h1><b><p class="new">Trillium Media Design</p></b></h1>

<nav>

<a href="Service.html">Services</a> 

<a href="Contact.html">Contact</a>

</nav>

<h2>Contact Trillium Media Design Today</h2>

<pre>

<li>Contact number > 0165444324</li>

<li>Facebook > <a href="https://www.Facebook.com"><i>>

https://web.facebook.com/janapiriya.raman</i></a></li>

<li>website > <a href="https://janapiriya.blogspot.com/">

https://janapiriya.blogspot.com/</a></li></pre><br><hr>

</body>

</html>

Home Page (First Page)

Service Page (Second Page)

Contact Page (Third Page)

HTML CODE

Home page

<!DOCTYPE html>

<html>

<body>

<h1>Trillium Media Design</h1>

<br>

<a href="services.html">Services</a>  

<a href="contact.html">Contact</a>

</div>

<br>

<h3>New Media and Web Design</h3>

<p>Trillium Media Design will bring your company's Web presence

to the next level. We offer a comprehensive range of services.

</p>

<h3>Meeting Your Business Needs</h3>

<p>Our expert designers are creative and eager to work with you.</p><br>

Service page

<!DOCTYPE html>
<html>
<head>
<title>
Services
</title>
</head>
<body>
<h1>Trillium Media Design</h1>
<br>
<div class="topnav">
<a class="active" href="home.html">Home</a>
   
<a href="services.html">Services</a>
   
<a href="contact.html">Contact</a>
</div>
<h2>Our Services Meet Your Business Needs</h2>

<div>
<h3>Website Design</h3>
<p>&emsp;Whether youre needs are large or small,Trillium can get you on the Web!</p>

</div>
<div>
<h3>E-Commerce Solution</h3>
<p>&emsp;Trillium offers quick entry into the e-commerce marketplace</p>
</div>

<div>
<h3>Search Engine Optimization</h3>
<p>&emsp;Most people finde new sites using search engines.Trillium can get your website noticed.</p>
</div>
</body><br>
<footer><p><i>Copyright © 2019 Janapiriya d/o Raman</i></p></footer>
</html>

Contact page

<!DOCTYPE html>

<html>

<head><title>Contact</title></head>

<body>

<h1>Trillium Media Design</h1>

<br>

<a href="services.html">Services</a>

<a href="contact.html">Contact</a>

</div>

<h2>Contact Trillium Media Design Today</h2>

<pre>

<li>Contact number > 0165444324</li>

<li>Facebook > <a href="https://www.Facebook.com"><i>>https://web.facebook.com/janapiriya.raman</i></a></li>

<li>website > <a href="https://janapiriya.blogspot.com/">https://janapiriya.blogspot.com/</a></li></pre>

</body><br>

</html>

BIW 10103: Fundamentals of Web Technology

Thursday, September 26, 2019

Lab 2 : CSS

Home page HTML Code

Service page HTML Code

Contact page HTML Code

Wednesday, September 18, 2019

Laboratory 1 : Basic HTML [1]

Home Page (First Page)

Service Page (Second Page)

Contact Page (Third Page)

HTML CODE

Contact Form