I Learned HTML
1. In HTML you can create your own website, I learned basic codes and see how it looks like in the web. At first, It is very hard for me to code and observed what is wrong and how to place a certain html codes in amaya or other editor. 2. Now, I am familiar to the codes, know how to used it and the function of it in the web. 3. Doing html needs to have a good vocabulary because every mistakes in spelling is wrong in html. 4. And one thing not to forgot in html is the closing codes </>. 5. In numbering, we use <ol> and for bullets we use <ul>. 6. HTML begins in this code <html> and end in this code </html>.
Example:
<body><h1>My First Heading</h1><p>My first paragraph.</p>
</body>
</html>
I Learned CSS
7. In CSS , you need to learn HTML first before studying CSS for you to become familiar of what you’ve doing. 8. To learn CSS is to learn to design and build websites that look stylish and professional. 9. Most of the word use in HTML is in CSS but unlike HTML, the closing tag of CSS is }. 9. Most of the time we can see :, ;, and -. 10. I learned also the function of box model. I learned how to calculate the images and inserted it, the same as tables.
Example:
p{color:blue;}
body{
background-color:#ff0099;
background-color:#fff;
background-image:url(images/B.jpg);
background-repeat:no-repeat;
}
#wrapper{
background-color:white;
width:80%;
height:auto;
border:5px solid black;
margin:20px auto;
}
#header{
width:100%;
height:100px;
border:1px solid black;
background-image:url(images/sd.jpg);
background-repeat:no-repeat;
}
#nav{
width:100%;
height:50px;
border:1px solid black;
h1.hidden {display:none;}
}
#nav ul li{
display:inline;
padding:10px 5px 5px 5px;
border:1px solid red;
font-size:18px;
background-color:black;
border-right:2px dotted white;
}
#nav ul li a:link{
text-decoration:none;
text-transform:uppercase;
color:white;
background-color:black;
}
#nav ul li a:visited{
color:blue;
}
#nav ul li a:hover{
color:red;
}
#nav ul li a:active{
color:red;
}
#nav ul li:hover{
background-color:black;
}
#content{
width:70%;
height:500px;
border:1px solid black;
margin-top:6px;
float:left;
}
#content:hover{
background-image:url(images/A.jpg);
background-repeat:no-repeat;
}
#sidebar{
width:29.8%;
height:500px;
border:1px solid black;
margin-top:6px;
float:right;
}
#sidebar:hover{
background-image:url(images/as.jpg);
background-repeat:no-repeat;
}
#footer{
width:100%;
height:100px;
border:1px solid black;
margin-top:3px;
clear:both;
}
#footer:hover{
background-image:url(images/o.jpg);
background-repeat:no-repeat;
}
I Learned WordPress
12. WordPress.com site is easy to use for interactive media students like me. I learned how web look like in the browser and know the different part of it. Easy to blog and easy site for us beginners.
I Learned Amaya
13. Amaya is a application were you can edit both html and css.
I Learned Planning
14. Planning is very important in web designing. You need to plan for your time not to waste. 15. Plan for the content. 16. Plan for the target audience and plan for your workers.
I Leaned how to target my clients
16. In web design, knowing your target clients is very important because your design is based on your target audience.
I Learned File Formats
17. I learned that .jpg and .png file supports 16million of colors while 18. .gif file only supports 256 colors. 19. The file format .psd or photoshop document is used only by photoshop.
I Learned CSS and HTML Validator
20. I dont know that there is a online validator like this, and I am very happy that I learned it. Because it is a big help for us beginners to have this.
judielangeles 