index.html

<!DOCTYPE html>
<html>
<head>
<title>bksit_project_2</title>
<meta name="author" content="your name"/>
<meta name="description" content=""/>
<link rel="stylesheet" href="style.css" type="text/css"/>
<meta charset ="utf-8">
</head>
<body>
<div id="page">
<div id="logo">
<div id="login">
<h4><a href="/">login/logout</a></h4>
</div>
<h1><img src="logo.png" width="148" height="46" alt=""/></h1>
</div>
<div id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about us.html">About us</a></li>
<li><a href="programme.html">Programme</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact.html">contact</a></li>
</div>
<div id="hederimage">
<h1><img src="emotionheader_4.jpg" width="1309" height="574" alt=""/></h1>
</div>
<div id="content">
<h2>Let's go to Programming School</h2>
<div id="sidebar">
<h4>Latest Tutorial</h4>
<h1><img src="html-css-project2-tutorial-1.gif" width="300" height="200" alt=""/></h1>
<h1><img src="html-css-project2-tutorial-2.gif" width="300" height="200" alt=""/></h1>
<p>&nbsp;</p>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Let's go to Programming School The easiest web design & programming tutorial on the web</p>
<p><strong>Welcome to our web design tutorial site.</strong> Website design is a pleasure and we're sure you'll must enjoy designing and developing sites with these simple tutorials and tips. This tutorials are so easy to follow & fun to do! These website design tips and ideas to <strong> web programming language, C, C++, HTML, PHP, my sql, java, css or Fireworks </strong> and you'll find all you need to know about web design right here<strong> !Welcome to our web design tutorial site.</strong> Website design is a pleasure and we're sure you'll must enjoy designing and developing sites with these simple tutorials and tips. This tutorials are so easy to follow & fun to do! These website design tips and ideas to <strong>web programming language, C, C++, HTML, PHP, my sql, java, css or Fireworks</strong> and you'll find all you need to know about web design right here!</p>
<p><img src="P2-T4.gif" width="453" height="299" alt=""/> <img src="P2-T5.gif" width="453" height="300" alt=""/></p>
<p><strong>Welcome to our web design tutorial site.</strong> Website design is a pleasure and we're sure you'll must enjoy designing and developing sites with these simple tutorials and tips. This tutorials are so easy to follow & fun to do! These website design tips and ideas to <strong> web programming language, C, C++, HTML, PHP, my sql, java, css or Fireworks </strong> and you'll find all you need to know about web design right here<strong> !Welcome to our web design tutorial site.</strong> Website design is a pleasure and we're sure you'll must enjoy designing and developing sites with these simple tutorials and tips. This tutorials are so easy to follow & fun to do! These website design tips and ideas to <strong>web programming language, C, C++, HTML, PHP, my sql, java, css or Fireworks</strong> and you'll find all you need to know about web design right here!</p>
<p>&nbsp;</p>
</div>
<div id="footer">
<p>Webpage made by/BKSiT</p>
</div>
</div>
</body>
</html>

style.css
p{line-heigh: 1em;}
h1,h2, h3, h4{
line-heigh:1.1em;
margin:00:5em 0;
}
h1{}
h2{}
a{
color: black;
text-decoration: none;
}
body{
font-family: arial;
font-size: 80%;
font-weight:normal;
line-heigh:1.2em;
width: 100%;
margin:0;
background:#eee;
}
#page{margin: 20px;}
#login{
width: 35%;
margin-top: 5px;
text-align: right;
float: right;
padding:5px;
text-shadow: #E1070B;
color:grey;
} #login a{
text-align:right;
text-transform: uppercase;
font-size: 80%;
color: #000000;
}
#logo{
width:97%;
margin-top:5px;
display: inline-block;
background:#6DE1F4;
padding: 20px;
}
#nav{
width:100%;
text-align:left;
float: left;
heigh: 43px;
background: #03073e;
}
#nav ul{}
#nav ul li{
display: inline-block;
height:15px;
}
#nav ul li a{
padding: 15px;
background: #569F0B;
color: white;
}
#nav ul li a:hover{
background-color: #03073e;
box-shadow: 0px 1px 1px #666;
}
#nav ul li a: active{
background-color: #ff8f00;
}
#hederimage{
width: 100%;
}
#sidebar{
width: 30%;
margin-top: 10px;
font-family: georgia;
display: inline-block;
text-align: center;
text-transform:uppercase;
font-size:80%;
color: grey;
float:right;
}

11 thoughts on “Web Development Tutorial for Beginners (P-2, Part-10) – How to build webpages with HTML, CSS.

  1. Workіng as а freelance paralegal has elements in its favor, and
    factors which might be adverse to somе people.
    If a way of journey and exⅽitement in ʏour work life iѕ what would go wll with you one of the best, freelancing
    could be an awesome choice foor you!

  2. I would like to show some thanks to this writer for bailing me out of such a setting. After surfing through the the net and obtaining strategies which are not powerful, I was thinking my entire life was done. Existing devoid of the answers to the problems you have sorted out by way of your entire post is a critical case, as well as the ones that might have in a negative way affected my career if I hadn’t come across your web page. Your personal ability and kindness in taking care of all areas was priceless. I am not sure what I would’ve done if I had not come upon such a stuff like this. I’m able to at this point look ahead to my future. Thank you so much for your professional and amazing help. I will not be reluctant to refer your site to anyone who requires guidance about this situation.

  3. Needed to post you this little bit of remark to be able to thank you so much as before for these amazing opinions you have shown in this case. It’s really seriously generous of people like you giving extensively all numerous people could possibly have made available as an ebook to help make some profit for their own end, most importantly since you might have done it in case you wanted. Those inspiring ideas as well served to be the fantastic way to comprehend many people have a similar passion much like my personal own to find out much more with regard to this matter. I am certain there are millions of more fun instances up front for those who start reading your site.

  4. I really wanted to send a simple word so as to thank you for these magnificent ideas you are giving on this website. My particularly long internet lookup has finally been compensated with beneficial facts and techniques to write about with my friends and family. I would assume that many of us readers actually are quite endowed to exist in a great website with many wonderful people with useful methods. I feel quite blessed to have seen your entire weblog and look forward to really more brilliant times reading here. Thanks again for a lot of things.

  5. I want to express my thanks to the writer just for rescuing me from such a situation. Right after looking out through the the net and seeing notions which were not helpful, I assumed my entire life was well over. Existing devoid of the answers to the difficulties you’ve resolved through your good guideline is a serious case, and those that might have in a wrong way damaged my entire career if I hadn’t discovered the blog. Your own personal mastery and kindness in maneuvering all areas was important. I am not sure what I would have done if I hadn’t discovered such a step like this. I’m able to at this moment relish my future. Thanks for your time very much for your reliable and sensible guide. I will not think twice to refer your blog post to any person who desires guidance on this topic.

  6. A lot of thanks for your whole hard work on this site. My mum loves carrying out internet research and it’s simple to grasp why. We all learn all regarding the compelling form you deliver both interesting and useful guides via the website and therefore encourage response from other ones on this theme then my simple princess is certainly studying a whole lot. Take pleasure in the remaining portion of the new year. Your doing a first class job.

  7. Thank you a lot for giving everyone an extraordinarily pleasant chance to check tips from this website. It’s always very pleasing and as well , stuffed with a good time for me personally and my office co-workers to visit your blog at the very least 3 times a week to read through the new secrets you have. And lastly, I am also always contented with your surprising ideas you serve. Selected 1 ideas in this post are rather the best I have had.

  8. I’m just writing to let you be aware of of the excellent discovery my cousin’s girl encountered viewing yuor web blog. She learned a good number of issues, most notably what it is like to have a wonderful helping mood to let the mediocre ones without difficulty fully grasp specific tricky subject areas. You really surpassed my expected results. I appreciate you for supplying these effective, safe, explanatory and easy guidance on that topic to Lizeth.

  9. Thanks so much for providing individuals with an extremely nice opportunity to check tips from this web site. It can be very sweet plus stuffed with a good time for me and my office fellow workers to search the blog a minimum of 3 times in one week to see the newest issues you have. And lastly, we’re actually happy considering the special guidelines served by you. Selected 3 areas in this post are absolutely the most impressive we have all ever had.

  10. Oh my goodness! an amazing article dude. Thanks Nonetheless I’m experiencing problem with ur rss . Don抰 know why Unable to subscribe to it. Is there anybody getting identical rss drawback? Anyone who knows kindly respond. Thnkx

Leave a Reply

Your email address will not be published. Required fields are marked *