- progress on project & class work
This week, we have our first face to face class. During our class, we learned different things related to coding below is some of the information & knowledge I have gathered.
The Basics
- A website is a folder in a server, with a hard disk connected to the internet.
- Files name is end with “.html”
- 1 HTML document = 1 WEB PAGE
- Many webpage link together is a website
What's in a “html” document?
- Opening & Closing tab
<div>..........</div>
- Single Tabs
<img>
Folder creation
- Every elements of the website need to be inside a “ROOT FOLDER”
- Name the homepage as “index.html”
- Others could be named as you liked
- Stores all media element in separate files to keep it organised
Basic structure
- Content would all be typed in between “Body”
- Title would be typed in between “Head”
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
Heading
Follow hierarchy with the numbers
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
Paragraph element
- Only one type
<p>.............. </p>
<p>.............. </p>
Image media
- 2 ways
1. Put image in root folder
<img src="img/cat.jpg">
2. Online resources, copy image URL address (not recommended)
<img src="http://imagefromonline">
Here is some of the information I have gathered. To see what more I have learned you can have a look at my notes!
Once we got the basic down, we moved on to CSS which stand for "Cascading Style Sheet". It help us design the webpage by allowing us to adjust the colour and size of text, the positions of images and the width of text blocks. Since we have not enough time to cover this topic we would be continuing it next week.
body {
color:...........;
font-size:...........;
To link the css document to the html document. we have to insert
<link rel="stylesheet"href="style.css"> in between the "Head"
Progress on project
Since this week I do not have tutorial with Mr Kevin I work on my project individually. I go through the internet using the site such as pinterest & behance to help me get some inspiration on my project. I also look at look at the data I have collected to see which part of the data would be more suitable with the different concept execution that I have in mind.
Comments