Principles & practice, Project management
Our task in the first week was to make a website and document how did we make it. I'm going to explain here how I built this website.
- I started learning about HTML and CSS from code academy website. It's a very friendly and easy website where it gives you explaination, an area to write your code and an interactive are where you see the results of your code all at the same place!.
- I didn't want to start making the website from scratch so I searched about bootstrabed files. Bootstrap is a free and open-source front-end web framework for designing websites and web applications.
there are a lot of sites that offers free bootstraps like ShapeBootstrap, Start Bootstrap andBootstrap. - I started to design my website and what I need to change in the frame work I chose.
- I started to search about a good editor to edit my code in and I decided to use Bracketsbecause it has a live preview!.
you don't have to open your browser and refresh your code each time you make a small modification but it goes life while you are working.
- Something that will help you a lot when you are using a frame work is the inspection opyion in your browser.
open the index of the bootstrap you downloded, right click anywhere in the browser and choose inspect. This tool will help you to determine where the part you want to change exactly is in the code sections.
- I used a portable version of photoshop for some edits.
- After finishing my website I followed the instructions in this tutorial to upload it.
That's all :)