The 9 day of the project

Today i have nothing more to learn about HTML so i decided to train my photoshop skill and this is one of my assignment.

 This is my project after i was done 

The eighth day of the project

Today i was manage to do 2 other layout left which is "Birds" and "Mammal".

The all three picture down here is my progress after i finish.

Self assessment

It has been 7 days since I started to learn HTML, so far i has learned all of the basic of HTML such as <DOCTYPE html> to declare that this document is going to be HTML5, <h1> is an element to write heading, if I want to write a paragraph use <p>. HTML tags usually come in pairs like <p> and </p>,  the first tag I write is a start tag and the second one is end tag, the differences is every HTML end tags have a forward slash before the tag name. I can said that learning about HTML is fun and this would help me a lot in my future careers. To put myself on a scale of 4 about how much i learn, i would probably said is 2 to 2.5/4 since i only learn about the basic and there are still many new things i need to learn from the HTML.  

The seventh day of the project

Today i was trying to do 2 more layout about types of animal. For the "Reptiles" layout I add 2 more of the animal name instead of 3 like other layout.  

This is my achievement so far at the end of the class and I will have 2 more left to do tomorrow.

the sixth day of the project

Today i learn about how to layout using html

Then i start making the layout and the theme i choosing is to make about types of animals, it took me 25 minutes to write the code to my app.

Since i have learned all of the basic of html, i want to try to make a layout of all 6 types of animals on the same page. this would probably the longest code that i write. And this is the website i choose to get information. 

At the end of the day I can only manage to do 2 types of the animal and i will try to do 2 more tomorrow. Maybe after i finish all 6 types of animals, i will try to add some different color to the layout and putting more detail.  

The fifth day of the project

Today i was learn about how to include JavaScript into HTML code.

 At first i really struggle with the code since they have too many error and i doesn't know where did i wrong.

Then i found this video, although it is not helping much about how to fix the error but it show me how it works so it is really helpful to me.

 After 20 minutes searching finally i know that after .innerHTMl= Date not like i put the date which is number on the code and then it was worked.

Fourth day of the project

Today i learned to write a HTML code for button.

This is the code i write.

Testing in website.

Later in the class i learned to write a HTML code for a list.

I also write a code for this.

And testing it in the website.

In the end i learned to change color of the text.

The code i write

Testing it in the website

Third day of the project

At the third day of the project, I learn how to add an image.

Turn out it is hard for me to put the image in since i don't know how to put an image source. So i go on YouTube and find this video. 

The video teach me to use the program call Adobe Dreamweaver CC 2018 and i find out it is really useful to write code on instead of writing on a notepad.

At the end of the day, i still can not figure it out because the image is not appear so i would probably skipping this part and i will do more research at home.

Second day of project

As first, teacher was giving me a website to study which is w3schools.com

This is the first code the website give me and i try to replace the text and run on it.

The first tutorial the website ask me to do is to write a code on a notepad and save it. Then opened it on a browser.

I feel so happy because it is my first time to learn about code, know how it works and actually run it.

I learn how to use code for title or heading such as <h1> is use for the most important text and also the biggest size. <h2> and all the <h> bellow will decrease as it not an important text and get smaller.

I also learn how to write a paragraph using code which is <p>

I know how to add a link using the <a>

At the end of the day i learn that to write code, every html need the <!DOCTYPE html>  at the beginning then <html>. <h1> is use for the title, <p> is to write a paragraph, <a> is for insert link.

But the most important is the html tags is in pair like if i have the <h1> for the start, at the end i have to put </h1> to end the text.

First day of the project

At the beginning of the class, teacher was giving me lots of option to choose and work for the independence project. I was thinking about coding because i want to work as a technician in the future and it would need a lot of coding skills. Then i have to answer questions in the proposal so teacher and me know what i'm doing.