Github, html, css – starting out!

Early this year I was introduced to Github at the RailsGirlsWgtn Weekend back in March. Over the weekend there was the chance to create your own Ruby on Rails app, using Github and other sites to get it working. I must admit it was all a bit of a mystery to me and I doubt I could go back and recreate any of it, including the command lines to get stuff onto Github.

Since then I have learnt quite a bit more about programming (see posts about Python) and have developed my knowledge of HTML / CSS. For our Y12 Digital Technology class this year we have done quite a bit of website stuff and I have learnt more about using divs for layouts and cool sytling in CSS and my skills and confidence have improved.

Not long ago I came across Alyx Gillett’s website, which I think has a really cool and simple layout and design. So I started to look into creating one for myself. I looked at what hers is made in, which is www.squarespace.com. Looks cool but you have to pay after a free 14 day trial and it gives a bunch of stuff but nothing I think I need at the moment. And the  i had a brainwave, as I am a DT teacher wouldn’t it be cool if I made my own site completely from scratch. So I started have a play around with some ideas, look at some sites that had layouts I liked. This one provides the HTML & CSS – www.maxdesign.com.au. I started playing around with the Two column fixed width example and the One column fixed width layout.

site2

After playing for a bit I got busy with other things until just the last few days. I decided I wanted to have a crack again and also thought it was about time I started a wee project of my own. I thought creating my own site and getting it up online would be a good place to start plus it is a chance for me to really embed my own learning and think about how I can improve my own teaching of HTML & CSS.

So, after doing some Google searches about using Github and discovering Github for Windows and Mac, and learning about being able to use gh-pages to host a static website I pushed my wee site out into cyberspace. Using Github for Windows/Mac is so much easier then using the command lines – although I am sure it will be useful to know those sometime in the future.

Here is my site – http://schuknight.github.io/schuknight-site/. Still very much a work in progress and a learning tool for me.

ghiosite

Here I am on Github – https://github.com/schuknight. Useful stuff from RailGirlsWgtn Github page.

Next few steps with my site will be planning out what I want and also in November I am doing a 2 day HTML course at Yoobee, so hoping to learn some cool stuff there. It will be good to learn properly after a few years of picking things up here and there!

I have also rediscovered Sublime Text text editor. I like it as it just seems nicer then Notepad++ and can put on Windows and Mac!

sublime

How did you learn about HTML/CSS, webdesign? Got any goto sites that you think are essential? Either that you use now or learnt heaps from? What site do you recommend for me to keep developing my HTML/CSS? What site is good to start learning about Javascript?