Uploading to Dakar

Uploading my work to dakar was a problem as i had a lot of issues using FileZilla and even after half an hour of trying different things with it, it was not showing up when I logged into my dakar account, the FileZilla client wasnt copying my files across properly. Due to this I had to store my files on Dropbox and get a link to send so that they could be viewed.

filezilla

Final HTML page with CSS

screenshot 8

I am quite happy with the finished thing, it is very simple but it shows off multiple CSS elements and in a more interactive way for the person viewing the website. The HTML coding was also quite well set out and I made sure to keep it neat so it was easy to edit as I went and if made any mistakes it wasn’t too difficult for me to spot them and correct them.

Creating a HTML page with simple CSS

Creating the HTML page was a little tricky as I am not that great at coding, I used the previous lessons on codecademy to help me create it. I decided to go with a page that explained the different thing you could do with CSS to change a HTML page while simultaneously showing them for each section referencing it. For instance the section describing how you can change the background colour on elements I changed the background colour on in.

screenshot 6 screenshot 7

Display and Bootstrap Tutorials

The next tutorials for creating a website were the Display and bootstrap tutorials. The display tutorial showed me about display and placement of the different aspects of the site, using the display, position and float classes to move around and position the titles and paragraphs. The bootstrap tutorial taught me a lot that I didn’t already know, especially using the rows to help organise the page. It is a really helpful framework to help improve sites, with lots of different classes you can add to change the design and functionality of your website.

Screenshot 3screenshot 5

CSS Tutorial

The CSS tutorial introduced me to CSS elements and how they could be used to change and influence all of the different HTML classes, for instance I could change everything included the in the ‘nav’ class div with .nav in the CSS file. Once in the CSS file I can change element like font size, colour and padding around the different aspects. As well as changing the colours and font I also changed the background to an image, which is one of the things I will be using when I create my own simple HTML page and use CSS to give it colour and change all the layout.

screenshot 2

HTML and CSS Codecademy Tutorials

I started my assignment with the HTML and CSS tutorial on codecademy.com, the first section was to write the HTML sections of the code which create the building blocks of a web page. It was essentially a refresher lesson for me as I remembered a lot of the things it went over like <div> tags, headings <h></h>, paragraph<p> tags and general tags for setting up the page.
Screenshot 1

This will help me to create my own simple HTML page, also using CSS to make it look a lot more aesthetically pleasing and more complex than just a base HTML page that only includes basic text.

Finalising Poster

Finalising my poster, I added all the meteor vector graphics in place of where the meteor impacts happened, and depending on how many were in an area depended on how big I made each vector graphic. I also added some purely for aesthetic with a trail behind them to make the poster in whole a little more interesting.

screenshot 8

I am fairly happy with the design, I think I did a good job with the vector graphics , I think the meteors look good and fit well in the design of the whole poster.

Poster Progress

Creating the vector graphics for my poster took a long time as I had quite a task creating the world map as there are lots of bumps and angles that I needed create using only the pen tool.

Screenshot 6

As well as the vector graphic for the map I also needed something to represent where the meteors had impacted that also worked as a way to tell the audience that it was a meteor that had impacted. I created a meteor vector graphic to represent this, which I will duplicate and resize depending on the amount of meteor impacts.

screenshot 7

Poster Drafts

I decided on a very simplified version of the design I wanted for the poster, a map of the globe with different amounts of dots depending on how many meteor impacts there were.

Screenshot 4

After adding in some of the dots I could see that they would have to be different sizes and colours to represent how big the meter impacts were and how and how many impacts there were in the different countries.

Screenshot 5

Communication Design A2 Poster Project

For this project we have to design an A2 poster on a certain subject to visually communicate its idea and a set of data relating to it. The idea needs to be communicated to the audience with very few to no words on it, purely visually. I like this task as it gets us to try to convey a message without using any words and encourages a very design and artistic based assignment. We were given a few subjects to choose from and I chose the subject ‘How many documented meteor impacts have there been?’ as I had a few good ideas that I could do.

screenshot 1

I went to http://www.lpi.usra.edu/meteor/metbull.php to find the data I needed for the poster and through that found a world map with recorded meteor impacts that I would use to help design my poster.

screenshot 2