Tuesday, 26 December 2017

First attempt at website design!

Here is a basic website design I created for my media project 3 assignment. I created this back in November in 2016. The idea was to improve an existing website and add extra features that you thought would boast views. Irish Tatler is an Irish fashion magazine and I felt that their website lacked video content. People are more likely to watch a 5 minute beauty tutorial video than read a 5 minute paragraph about a beauty tutorial. Therefore I filmed a video of myself, uploaded it to Youtube and embedded it into the webpage. At the time, I only knew basic HTML and CSS. We didn't start Javascript until the next semester. This design is mainly images and font with a video embedded from Youtube. This is an example of my starting point and where I am at with website design.





The links in the top nav bar take you to their actual website. The link in the "Gallery of Products" takes you to the second page I designed which is below.



When you click on one of the images, a box will appear with a smaller image of the product and the products details..


Pressing the gold X will close the box.


It is clear I need to work on many areas but that is the point of this blog. To improve and grow!

Welcome!

Hey! What's up? My name is Katie Whelan and welcome to my little blog.

The main reason I am starting this code blog is to showcase my past code projects and also develop my skills in HTML, CSS and Javascript. I am currently in 3rd year studying creative digital media. I have 9 months until final year and I seriously need to improve my code skills. I want to have excellent skills in HTML, CSS and Javascript before I begin the scary journey of final year. My goal is work on a new code project every two weeks and upload my progress weekly to the blog. Starting in January, I will upload a finish website design with my feedback on it. Additionally I will be researching the Principles of Design, graphic design and additional design elements because they are important when designing a website. This blog is for me and for me to document my website design journey. If you do read this, I hope you enjoy!

Website Moodboard!

The first thing I do when I start a project is create a mood-board. A mood-board helps determine the art style and color palette of t...