Website Production Log
20/03/2014
Began work on my website, first by setting up a local MAMP server to host the webpages and using Dropbox to store the files. Once that was set up I then began writing html and css using Coda 2.
First I added links for the stylesheets to the head of the index.html document. The first of these stylesheets is one called reset.css and what this does is remove the different browsers styles by setting them to zero. As each of the different browsers renders elements slightly differently so setting everything to zero eliminates any issues. The next stylesheet is called main.css and this will set the design for the website.
Next I could begin writing the HTML. First I created a div with the id of wrapper that will wrap around the content and set the width in css. Next I added two more DIVS inside the wrapper called container and nav this will be for the logo and top navigation. Inside the nav DIV I used a <ul> tag that defines an unordered list to hold the links that I can later style using CSS. I also have a <h1> with the site title which i will replace with the logo using the CSS.
Next I added a div with a class called "social" this is for the social network icons that will be displayed at the top right of the page. After that I added another div this will be for the featured image.
27/03/14
03/04/14
01/05/2014
Worked on html as well as adding content for the videos and about sections of the website.
15th May 2014
Created the contact page with a form that will allow users to send messages to me via the website. To set up the form i used the <form> tag and created a number of fields using the <input> tags. The fields allow the user to put in their name, email and the message they wish to send. I have included a screenshot of the code below.
22nd May 2014
Started work on the blog page
19th June 2014
Fixed an issue on the homepage where one of the video items the text was not displaying correctly. This was due to a conflicting style on the text which I have now changed.
17th July 2014
14th August 2014
- Fixed the alignment of the contact us page titles to make them easier to read, I did this by adjusting the stylesheet.
- created new video thumbnails for the home and videos pages.
21st August 2014
- Changed the font size of paragraphs.
- Fixed alignment of footer links.
28th August 2014
04/09/2014
- Added link text and new thumbnails for each video on the videos page.
11/09/2014
- Added a margin top of 10 pixels to have a gap between the top of the screen and the header of the page.
- Made sure all the pages link to each other and have no broken links.