Online Portfolio

Here is a selection of my 
Online Portfolio Materials;

I am a 17 year old fashion enthusiast and aspiring journalist.
The Print Based Media course I am currently studying during my second year has been motivating, fun and progressive. I have learnt camera skills, editing skills and media insights that I never knew before the course. I have gained social skills and life experience by completing deadlines and creating articles to a children's book. I have thoroughly enjoyed the course and hope to pursue a career in Publishing or Fashion Marketing once the course has finished.

Portfolio opening piece:

Children's Book: 
Danny The Dinosaur and the Magic Spots'

Band Images:

'Rumour Has It'

Olympic Interview:

'Para, Para, Paralympics'

Disney Land Paris Assignment:

'Pennys Pizzas'

Photography Student Final Piece:

'A Messy Breakup'

Rio De Janiero Poster 2016 Olympics:

Reality TV Article:

'The Fashionable Fame Game'

Olympic Photography:

(INSERT HERE)

Evaluation

 I used the software Thimble Mozilla which I created my website on.

From studying individual websites and what they are aiming across to their audience, the colours,the layouts and the fonts have a huge impact on what the website is based on. For example a Publishing website like Vogue, has a completely different target audience in comparison to a News website like the BBC. Looking at Official Music websites for bands and artists showed me the genre of the music that really had a big input with how the website looked. So I tried to use colours that would go with the genre of my band.

What benefited me the most with whilst working on my website was looking at different band websites that have the same genre as my band so it gave me guidance. I looked at Maroon 5, Two Door Cinema Club and Beyonces. It showed me different layouts and genres of music which portrayed a successful website to their fans and target audience.

I enjoyed making my own website however i experienced problems had never used Thimble Mozilla format. i also got confused with individual codes such 'CSS' and 'color' I also had to get used to using codes in American.

I kept changing my website and to make it the best i possibly could to try and make it match the genre of the band. I Experimented with fonts and where to place them and the size of my images used.

I found everything quite successful about this project, it was just getting used to using the website I was having difficulty with the most. 

The main things I have learnt about this Project was that creating a website is difficult and needs a lot of patience. It defiantly is harder than it looks and takes some time to get used to the format  and to figure out how you want to arrange each individual section. Also to include little details like a contact button. 

Thimble

I have created a website for my Band 'Rumour Has It'
Here is the link: https://thimble.webmaker.org/p/firp/
Thimble makes Web Design easy, with a combination of CSS and HTML codes.
It is easy to customise your page by using Font and Colour codes.

• I used a Youtube link to show a Cover of a song that the Band have sung.
• I also attached a JPEG image of the Bands Album Cover.
• I then created a unique logo in Photoshop to portray the Bands Genre.

I enjoyed using Mozilla Thimble as it was an alternative way of using a piece of Social Media.
However I struggled using the codes at first but when I learnt how I found it easier and I am now happy with my outcome.

Creative Commons

Creative Commons licenses provide a flexible range of protections and freedoms for authors, artists, and educators. These licenses allow creators to communicate which rights they reserve. Wikipedia uses one of these licenses.

Rumour Has It Logos

Band Photos

Band Websites

Here are my top 5 favourite Band websites;
The Saturdays
I liked this simple centred layout which structures in neat way. 
It advertises their new programme and what they are up to in the industry, the turquoise colour scheme is also girly and suits the genre of Pop music. Also the Band logo and Band photo clearly states their band.


Coldplay
I liked this Neon Electronic theme throughout, i liked the font colour and the quirky video that is playing in the centre. Everything is clearly advertised in columns from left to right. The tour also reflects the urban feel of the website which i enjoy.


One Direction
I loved this childlike primary coloured website. Its perfect for their target audience of 14+ screaming girls. I also like the effective use of a map in the foreground as it portrays the boys touring. It also shows recent news and events that fans like to keep up to date with which is useful.  I also liked the collaged background and the post it note vibe of the website.

Taylor Swift
This website portrays the Country Genre of music that Taylor Swift is successly known for. The Bold logo and the lemon coloured font is girly and combined with the background makes a pretty website. The quirky images of Taylor are also exclusive to the website which draws fans in. Every piece of information is neatly organised at the top of the website. Neat and sweet.

Azealia Banks
A quirky rap star needs a quirky website. Azealia Banks' artistic website portrays her persona perfect. with a Cartoon illustration of the one and only. It advertises her new album artwork and shows Azealias latest tweets. I love this crazy aquatic themed website.

Web Standard

The Key to a successful Web Standard is four different but well known standards.
Definition of HTML: The purpose of a web browser is to read HTML documents and compose them into visible or audible web pages.

Purpose of HTML: HTML allows images and objects to be embedded and can be used to create interactive forms. It provides a means to create structured documents by denoting quotes and other items. HTML is written in form of elements which read HTML consisting of tags enclosed in angle brackets like <html>. HTML is the main markup language for creating web pages and other information that can be displayed in a web browser. Web browsers can also refer to cascading style sheets to define the appearance and layout of text and other material. The W3C, maintainer of both the HTML and CSS standards, encourages the use of CSS over explicit presentational HTML markup. HTML is the most common used web standard which is read by JavaScript.

HTML has been developing since 1955.

Definition of CSS: CSS is a style sheet language used for describing the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML.

Purpose of CSS: Web browsers can also refer to Cascading Style Sheets (CSS) to define the appearance and layout of text and other material. The W3C, maintainer of both the HTML and the CSS standards, encourages the use of CSS over explicit presentational HTML markup.

These Styled Sheets were developed in the 1980's.

Definition of XML: An XML document is a string of characters. Almost every legal Unicode character may appear in an XML document. Extensible Markup Language (XML) is a markup language that defines a set of rules for encoding documents in a format that is both human-readable and machine-readable.

Purpose of XML: As of 2009, hundreds of XML-based languages have been developed.L. XML-based formats have become the default for many office-productivity tools, including Microsoft Office (Office Open XML), OpenOffice.org and LibreOffice (OpenDocument), and Apple's iWork.

Definition of XHTML: is a family of XML markup languages that mirror or extend versions of the widely used as Hypertext Markup Language (HTML), the language in which web pages are written.

Purpose of XHTML: There are various differences between XHTML and HTML. The Document Object Model is a tree structure that represents the page internally in applications, and XHTML and HTML are two different ways of representing that in markup. It was adopted to achieve maximum results and develop HTML as a web standard. It was developed in the Year 2000.

Resources

What are the three basic colours that monitors transmit?

The colours are "Primary" not basic, they are Red, Green & Blue. On a monitor, or a TV, these are additional colours.

How many different colours are there in the web-safe palette?

  24

Web colours are colours used in designing web pages, and the methods for describing and specifying those colours. Colours may be specified as an RGB triplet or in hexadecimal format. A colour is specified according to the intensity of its red, green and blue components, each represented by eight bits. There are 24 bits used to specify a web colour.

Are the majority of people we refer to as colour blind unable to see colour at all? 

Colourblindness refers to the inability to see colour. True colourblindness is rare as most people are able to see some degree of colour.

What is the key to designing sites that are accessible to people who are colour blind?

Most of the time when people put images on the web, the fact that they are in color at all is irrelevant. It may be nicer to see the colors, but the viewer can understand the image just fine even with all of the colors removed. If, however, the purpose of posting the image is to communicate something about the colors in that image, then it is important to provide some other way of understanding the information.

Colour Schemes

Primary Colours - In the RYB (or subtractive) colour model, the primary colours are red, yellow and blue.

The three secondary colors (green, orange and purple) are created by mixing two primary colors.

Another six tertiary colors are created by mixing primary and secondary colours. 

Monochromatic - The monochromatic color scheme uses variations in lightness and saturation of a single color. This scheme looks clean and elegant. Monochromatic colors go well together, producing a soothing effect. The monochromatic scheme is very easy on the eyes, especially with blue or green hues. You can use it to establish an overall mood. The primary color can be integrated with neutral colors such as black, white, or gray. However, it can be difficult, when using this scheme, to highlight the most important elements.

Complimentary - The complimentary colour scheme is made of two colours that are opposite each other on the color wheel. This scheme looks best when you put a warm colour against a cool colour, for example, red versus green-blue. The complimentary scheme is intrinsically high-contrast.

When using the complimentary scheme, it is important to choose a dominant color and use its complimentary color for accents. Using one color for the background and its complimentary color to highlight important elements, you will get color dominance combined with sharp color contrast.

Triadic -The triadic colour scheme uses three colours equally spaced around the colour wheel. This scheme is popular among artists because it offers strong visual contrast while retaining balance, and colour richness.

Analogous The analogous colour scheme uses colours that are adjacent to each other on the colour wheel. One colour is used as a dominant colour while others are used to enrich the scheme.

Band Colours

The colours i would create my Band Site in would be:
Gold writing
White/Light Brown Background
Gold and Turquoise Banner
Black Navigation Colour
I liked the colour scheme in this photo, they compliment eachother nicely and are neutral colours that both Female and Male will like. However colour schemes depend on the Genre of the band.

This Image would reflect a classical band as it involves light shades which represent the genre of classical voices and morals of the lyrics. I chose a mixture of Analogous which reflect nature and Tertiary colours.

Colour Theory

Symbolism Of Colour is key in a successful Web Design

Primary Colours which are Red, Yellow and Blue usually represent simplicity.

Secondary Colours which are Orange, Green and Purple and the mixed colours of Primary and usually represent something more detailed.

Tertiary Colours are colours in more depth and involve colours such as Violet and Pink.

The colours portray and reflect a certain site and Genre, which is suitable for individual sites purposes.

Such as Beyonces website. I was expecting powerful imagery and a colours and that is what i recieved.

My first impression of the colours is that the splash of gold portrays wealth and luxury, what Beyonce is all about. The colour gold is also the central colour for the website, it promotes power, courage and confidence. It promotes her new tour and it indulges you into wanting to find out more and leads you to buying tickets. A cleverly structured promotional Theory. I also think this is neatly structured website and i like the use of imagery and video footage which gives it an alternative vibe.

Bad Layouts

Badly organised websites;
www.perezhilton.com
Although i like the witty text and captions i dont like the layout.
It is messy and there is too much on the page. I also dont like the editing of the photos. His iconic 'Perez Hilton' logo are slashed everywhere however it brands the website as cheap.

Web Design

What makes a good website?
A website has to involve the reader into a virtual world. It also has to sustain your attention for more than 15 seconds, if you have achieved that you have achieved a successful website!

A high quality website includes images, bold yet simple fonts and needs to be eyecatching! Especially for our younger generation as our attention is easily lost. Also HTML the language in which web pages are written) must be properly formed so that the page is easy to read and it viewable.

I have featured websites that i enjoy reading and that i think are good examples of Web designs.
Lulutrixabelle is a Fashion student who also has her own Youtube Channel and Online Shop. Her blog is easy to read and colourful and also uses photography to mix words with imagery. Networking between different forms of technology is also a good way to get your name heard in the world of Web Design. I also love her quirky sense of style and she has introduced it into her title and border.
www.lulutrixabelle.blogspot.com
www.trixyvintage.com
www.youtube.com/lulutrixabelle
@lulutrixabelle

I also enjoy reading Zoellas Blog and watching her youtube channel as she has a friendly approach to expressing her style, hobbies and outings. I like the vintage colour scheme and delicate colours.

She also features fun things and introduces friends in blog posts. I also like the fonts she uses how she edits her photos.

www.zoella.co.uk

www.youtube.com/zoella

@zoella

Wildfox couture is a well set out fashion based website. I like the quirky photography features and the little details like the hearts and the videos.