Code: 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=””/>
</div>
<div id=”nav”>
<ul>
<li><a href=”index.html”>Home</a></li>
<li><a href=”index.html”>About us</a></li>
<li><a href=”index.html”>Programme</a></li>
<li><a href=”index.html”>Gallery</a></li>
<li><a href=”index.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 Schoolh2>
<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>
</body>
</html>

Code: 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;
}

 

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

  1. I needed to compose you a very small note to help thank you again on the pleasant ideas you’ve contributed at this time. It was quite generous with you to make extensively what numerous people would have distributed for an e-book to help with making some profit for themselves, principally given that you might have tried it in the event you desired. These tricks as well acted as the easy way to fully grasp that other individuals have the same desire like mine to see great deal more when considering this condition. I know there are millions of more pleasurable occasions ahead for folks who examine your site.

  2. I and also my friends have already been reading the great solutions found on your web page and so before long developed an awful feeling I had not expressed respect to the blog owner for those techniques. All of the women had been so excited to learn them and have in effect without a doubt been tapping into them. Appreciate your truly being really helpful and for getting some brilliant subject areas millions of individuals are really needing to be aware of. My personal sincere apologies for not saying thanks to earlier.

  3. I must point out my passion for your kind-heartedness for those who need help with this study. Your special dedication to passing the message all over appeared to be particularly useful and have in most cases empowered men and women just like me to realize their dreams. Your personal useful guidelines indicates a whole lot a person like me and substantially more to my colleagues. Thanks a ton; from each one of us.

  4. My spouse and i felt absolutely glad Ervin managed to complete his survey via the ideas he gained out of the web pages. It is now and again perplexing just to always be releasing guidelines that many people today have been selling. And we also take into account we’ve got the website owner to be grateful to because of that. The most important explanations you made, the simple site menu, the friendships your site aid to promote – it is many impressive, and it’s really leading our son and us understand the theme is brilliant, which is exceedingly indispensable. Many thanks for the whole thing!

  5. I and my guys were viewing the great advice located on the website then immediately I got a horrible feeling I had not expressed respect to the web site owner for those tips. Those boys are actually certainly joyful to study them and already have simply been taking advantage of these things. Appreciate your truly being very kind as well as for getting some useful useful guides millions of individuals are really needing to be informed on. My personal sincere regret for not expressing appreciation to you sooner.

  6. I needed to write you the very small word so as to give thanks the moment again on your magnificent solutions you’ve documented above. It is so shockingly generous with people like you to give easily all that a lot of folks could possibly have advertised for an e-book to help make some profit for themselves, and in particular since you might have done it in case you decided. The ideas additionally worked to become great way to recognize that the rest have a similar desire really like my own to figure out a whole lot more on the topic of this condition. I know there are a lot more pleasurable moments ahead for folks who look over your blog post.

  7. I simply had to thank you so much once more. I do not know the things I would’ve tried without the entire pointers documented by you about such situation. It has been a very alarming matter for me personally, nevertheless taking a look at a new expert strategy you resolved the issue made me to jump with happiness. Extremely thankful for your assistance and wish you really know what an amazing job you are doing educating the rest thru a site. More than likely you’ve never met all of us.

  8. I together with my guys were actually analyzing the great key points located on the blog then unexpectedly I had a terrible feeling I never thanked the blog owner for them. The ladies had been absolutely excited to study all of them and now have sincerely been taking advantage of those things. I appreciate you for simply being indeed considerate and then for picking varieties of ideal resources most people are really eager to understand about. My very own sincere apologies for not expressing appreciation to you sooner.

  9. I would like to point out my passion for your kind-heartedness supporting persons who must have guidance on your idea. Your very own dedication to passing the solution up and down turned out to be extremely effective and have usually empowered girls just like me to attain their desired goals. This informative tutorial entails this much to me and further more to my office workers. Best wishes; from each one of us.

  10. I wanted to post you this very little remark to be able to thank you very much the moment again over the lovely ideas you’ve shared on this page. It was simply seriously open-handed with people like you to make easily what a lot of people might have supplied as an e-book to help with making some money on their own, principally considering that you might have tried it if you desired. The smart ideas also acted as the good way to be sure that someone else have a similar eagerness like my personal own to grasp more and more regarding this condition. I’m sure there are numerous more pleasant opportunities in the future for folks who view your website.

  11. I in addition to my pals were found to be checking out the great ideas located on your web page and so unexpectedly I got a terrible feeling I had not expressed respect to the web blog owner for those tips. These ladies came certainly happy to learn all of them and already have definitely been taking pleasure in these things. Appreciate your getting really kind and then for getting this kind of incredibly good subject matter millions of individuals are really desperate to understand about. My personal sincere regret for not expressing gratitude to earlier.

Leave a Reply

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