Trying out HTML and CSS Some More

My confidence with coding is still in its infancy, but its growing the more I practise. I'm still trying to grasp the basics, but my last foray into coding - as detailed in an earlier blog post - was not as bad as I had initially envisioned. Which gives me the hope that I will get to a competent - but mainly habitable - level which will enable me to bring what I have planned with We Are Awesome, to become a reality.

The problem I'm finding at this stage, is the use of Dreamweaver and its complexities. The program has a lot of functions and tools to make the creation of a website easy in practice, but the overkill in functions, does not instill within me the greatest of confidence when using the software. Therefore, I decided - as I've seen on many tutorial videos on Youtube - to have a go at creating a very basic home page in Notepad, to inspire me that regardless of program, creating a website can be possible even in something as simple as Notepad.

I followed a tutorial I found on W3 Schools that simplified the structuring of  HTML and CSS. The instructions were very simple to lead on from. The tutorial about creating a homepage for a website, introduced  some challenging aspects to me which I had not encountered up until this point, such as font and colour types, but mainly the implementation of a style sheet within the HTML page, which Dreamweaver enables you to keep separately.

Working through the tutorial my understanding on how to use certain tags improved and opened my eyes to the possibility of more functions that could be implemented into a website in the future. To change the font of a particular section of text, you would have to have to define that area first; then using the "font-family", you would specify the font by adding a font type such as "Georgia" and in the event the browser were not to be compatible with this font, you would add in another font type like "Times New Roman" just in case.

Having  inputted the <ul> tag to act as my navigation tabs for the corresponding headers , I set about to style them on the page using CSS and move them to the left of the page. To do this, the "padding left" tag was needed and the position of the navigation tabs could be set to a particular distance on a page, using the "absolute" tag. And repeated the process changing the position if necessary, and in the end, I ended up with a very basic, but important web page which will bode well for my expedition into coding, to end up with the vision for We Are Awesome.