During this weeks lesson, we were still continuing to learn about HTML and CSS. We are also continuing on with our project we are working in within class. Women In Design. We learned a few more things to add to our website such as kerning, text shadow, box shadow and grids.
Kerning is adjusting a letter in a word, which is to allow the readability to be more accurate. Sometimes letters in a word are to close together which could be caused by a particular font. Below is the HTML and CSS I used for kerning.
The second thing we learned was drop shadows or text shadows. These can be used to emphasise or make something look dramatic. This can be used for titles or subheadings, not best used for large amounts of text as the readability will be affected. Below is the CSS i used for drop shadowing.
Bow shadows are similar to drop shadows however, instead of shadowing each individual letter, it shadows a box around the text. Below is the coding I used to create the box shadow.
Lastly, we learned how to use grids using HTML and CSS. This was particularly difficult as you can can modify these grids in many different ways. This can be useful howveer if you are making a grid with different sized colums and rows. To test this out I created nine boxes using HTML and CSS. Below is the coding for this.
In this weeks lesson, The coding was a lot more difficult that previous lessons. It took a lot of tries to get some of the coding to work on the actual website. The last couple lessons we have learnt have been really helpful and I will be implementing a lot of this code into my “Street of Crocodiles” website. I have been experimenting with different things in HTML and CSS and I have been making changes in my final project. I feel I have a lot more knowledge and confidence with coding and am ready to start creating the street of crocodiles project.