LO2 Technical Learning Code Academy

This image shows the progress I have made into the Code Academy course for HTML and CSS. In this image it shows me organising my navigation bar using <Div class=> then adding a H1 element.

 In this image the tutorial is asking me to create a div class called jumbotron to house a new header and subtitle.

In this image it shows me adding two more Divs with a h3, p and a element in each. These elements add another heading, subtitle and link to the webpage.

Lo2 Techical learning

HTML- Hyper Text Markup Language
HTTP- Hyper Text Transfer Protocol

LO2 Planning a multipage website - Content

LO2 Planning a multipage website- Audience

The target audience of the Hive-it website would be a gender split from the ages of 7-60 as there will be people of all ages wanting to help support the bees and the whole eco system. This is usually however the older ages as they understand the importance of bees more. The target audience is most likely already a supporter of wildlife funds such as WWF.

LO2 Planning a multipage website - Purpose

The purpose of the Hive It is to inform the population of the United Kingdom  about the declining bee population and the ways to help them survive.  Bees are extremely important to the welfare of the United Kingdom which is why schemes and websites such and Hive It or www.Foe.co.uk are heavily endorsed by the government and the general public. This delivery of information is important as websites like mine will need lots of funding to help save the bees. The website Friends of the earth say that in order to help the bee population they need £1.8 billion annually to help pollinate plants by hand in the UK, this means that the promotion and frequency of websites mine is imperative to the survival of the bees and the whole eco system.

LO2 starter task

I think that I would be best suited to doing the Hiive it brief.
I think I would have a newsletter feature, account creation, info graphics, navigation bar with tabs relating to different sections of the website, guides of keeping the bees, science behind them and how they are key to the environment.

Starter

In the year 2000, a website is important because: It helps with promotion, It helps make claims on a name or brand, noticeably, looks professional if your with the times and globalisation of trades.

LO1 Linked In

www.linkedin.com

a). Linked In is a social media website. This means that it serves the purpose of connecting people with other people. This is similar to many other websites such as Facebook, Twitter and myspace. However it is different as it is based around people generating business contacts instead of friends or followers like on other websites. It is also used for a way of businesses finding and checking a potential work applicants information and CV.

b). A visitor would most likely go to the linked in site to find new or existing contacts. To find these contacts the user could navigate using the navigation bar at the top of the website, this could then lead them to various places such as contacts or their profile. The user could also travel to places such as news or companies.

c). The linkedin websites main way of finding contacts is using the search bar to search somebody or a company to contact. However there are a couple other ways to get around on the linked in website, for example a visitor could use the navigation bar at the top of the page to find most of the main features like profile, news, contacts groups. The other way is through the people you may know section that provides you with a list of contacts that you may know in someway be it mutual friend or just via emails.

d). The linked in website has many different features. The first of these is a navigation bar, this is the bar that allows for the visitor to access to more parts of the website, this helps the audience to navigate and find the information required. This denotes that the producer wishes for the audience to access every part of the website and use the website to its fullest. Another feature is the search bar which is a very important feature for a social networking site, this is because the visitor will want to find people they know or new people to form contact with. The final feature is the homepage feed that shows every post that your contacts have made recently, this denotes that this allows the visitor to keep up to date with their contacts.

e). The website of linkedin is beneficial as it allows for the connection to be made between potential business contacts, friends and colleagues. The benefits for the producer are that the producer is able to create a business out of the visitors need for social connection. This is key to the running of a social networking site and the producer is able to accommodate advertising to make profit.

f).

LO1 Itunes

a). Itunes purpose is a downloading website for music. This means that it allows the audience to purchase and then download from there website. This is a common type of websites as it provides the audience with the ability use materials offline that would have only originally been available online. Itunes is very similar to other websites in this respect, for example Napster. Napster also allows online content to be downloaded and similarly to Itunes Napster specializes in music.

b).  A user in iTunes would normally go there to find music they like, however there are other uses that they iTunes downloader store offers for example movies and television. The main way to traverse through the iTunes site is to use the search bar which will then take the user to a page with everything related to the search.

c).  The music and media wanted is usually very easy to find as iTunes offers lots of ways to get to the media. the first way is the many different sliders on the homepage ranging from recent releases to album compilations. However if this isn't what the visitor wants to look at they can simply select a genre from the drop down box on the right hand side of the screen then the visitor can browse their favourite genre of music or film and then if the viewer is searching for a song they heard on the radio then it is likely that song will be on iTunes top ten songs chart.

d). The iTunes website has many different features, one being a navigation bar which allows the visitor to view a certain section or category of something wether it be genres or age, this denotes that the producer of the website is trying to expose the visitor the as much purchasable content as possible. Another feature is the top charts section as it show the visitor whats new and trending, this section is on the homepage which tells us that the producer is really looking to promote the newer songs. Another feature is the search bar which allows the user to sift through everything on the site and find a specific item that they are looking for, this denotes that the website wishes to be as easy and convenient as possible.

e). The website is beneficial to the visitor as it allows for the p-urchase and download of music, films and television. The website is benefical to the producer as it allows apple to expand there business through new forms of media. This expansion is a huge part of apples income as it has a huge target audience and consumer base.

f).

LO1 Ebay

http://www.ebay.co.uk

a). Ebays purpose is for e-commerce (shopping). Ebay is a unique E-Commerce website because they offer the ability for the audience to sell things they don't want, this creates a marketplace that is solely orientated around the audience.This is different to websites such as amazon because amazon is a retailers market place rather than a user marketplace.

b).  A visitor would go to the eBay website to look at things they may be interested in buying. The viewer would then navigate the site using the navigation bar or the search bar to find the specific product. If the visitor is then interested in buying the product they could then simply click the buy it now button or actively bid on the item.

c). The Ebay website has many different ways to get around, one way is the homepage trends section that shows both recent and popular trends that people are interested in, this could lead the visitor to either viewing products from the trend or even creating one there self. Another way to get around on the site is to use the drop down box, this drop down box allows the user to simply find the category that the product is in and browse through similar products. The best way to navigate however is to use the navigation bar to find specific products easily and quickly.

d). The eBay website has many different features built into it. The first most notable feature is the slider on the top of the homepage, this denotes the advertising of other parts of the website. The eBay website also has lots of boxes to contain the different trends that are put onto the homepage, the design of this helps connote a desire to be formalised. The header of the eBay website is very small as the layout has been design to divert attention to the slider. The footer of the eBay website shows all the contact information, buying and selling information and also the legal policies.

e). Ebay's website is beneficial to the user as it provides access to an online market where they could buy or sell used items that otherwise wouldn't be available. The website it beneficial to the producer as the producer doesn't have a retail store anywhere other than the website, so the website is the producers only source of income.

f).

LO1 Fox Movies

http://www.foxmovies.com

a). Fox Movies purpose is to advertise. The Fox movies website has been specifically created to advertise 20th century fox's movies. This is so that 20th Century Fox can maximize there profits and attract as many people to their films as possible.Fox movies is different to other advertising websites because they are specifically focused on 20th Century Fox's films, where as youtube for example advertises other companies products to make money.

b).  The visitor would navigate to the fox movies site to look at advertisments of new 20th century fox movies. The visitor may also go to the fox movies website to view information on previous films. The viewer then uses the navigation bar to search through the site to find a specific film. The user could then use to zip code box to search for a cinema near them showing the film, or the user could view various bits of information about the film.

c). The visitor can search and view various features on the website using a variety of ways. One of these ways is a slider that is displayed on the home page, this can take the user to a page relating to the one of the five new movies recently released. If the user does not want to do this they could easily use the navigation bar. However the visitor will in most cases be looking for information on the films so all they would have to do is simply scroll down as there is a video section on the homepage.

d). There are a lot of features within the Fox Movies website. One of these is the huge slider in the middle of the page, this slider connotes importance and denotes that 20th Century Fox obviously wants to promote their films as much as possible. The header of the Fox Movies website contains the navigation bar and the logo, this denotes that the intention of the homepage was the give as much attention to the slider as possible. The Fox Movies website also has a sign up feature so that the visitor can receive weekly update on all the latest 20th Century Fox films, this again denotes the urgency to advertise the films and get the news out to as many potential consumers as possible. The Fox Movies websites also has a video gallery for the visitor to browse through, this denotes that the trailers of the films are very important as well as the information about them. The website also has a social media feed on it so that the website and films on the websites can get as much publicity as possible, this also connotes the importance of the consumer to 20th Century Fox.

e). The website is beneficial to the audience as it offers an easy way to get information about promoted films. It is beneficial to the producer as it allows for a larger target audience and this then generates more consumers for the 20th century fox films.  This larger target audience helps 20th Century Fox to make more profit which is there purpose as they are a profitable business.

f).

LO1 Wikipedia

 https://en.wikipedia.org/wiki/Main_Page

a) Wikipedia's purpose is to inform its audience. This means they distribute information to the public. The information that Wikipedia distributes is often if not always written and edited by the general public. Wikipedia is a very different kind of company than the BBC for example as the BBC is controlled as a business and it makes money out of distributing information to people. A similarity between the BBC and Wikipedia is that they both allow some level of civilian journalism.

b). A visitor would most likely go to this site to find information on a subject. The visitor would then navigate the site using the navigation bar and then click on the subject in which they were searching for, they could then edit or view content that other users have posted. If the user is unsatisfied with this information they could then find information somewhere else and edit the wikipedia page to make it more satisfying for other users.

c).  The information is easy to find with Wikipedia as there are a number of ways to navigate the site. The main way to navigate the site is to use the search bar, however there are sections on the homepage such as the featured article section that provides you with a specific article that the people who run Wikipedia have chosen. The user could also used the news section on the homepage.

d). There are lots of features on the wikipedia page. One feature is the search bar that is used to enter a specific search for specific information, this is often denoted by the symbol of the magnifying glass. Another feature is the header which contains a welcome to wikipedia section that lists nine often searched categories denoting that a lot of the target audience search for these catorgories. Similar to this there is the footer which contains information such as terms of use and privacy policy, this denotes the legal aspect of the site so that there are no legal issues. A feature often overlooked is the scroll bar at the right hand side of the web page, this bar is used to scroll down the page this denotes that it makes it easier for the user to navigate.  The wikipedia homepage has a very minimalistic design so that it connotes organisation and cleanliness, however to do this lots of boxes where used to keep that look. The logo of the wikipedia website has been placed in the top left of the webpage, this again is to connote and air of organisation and knowledge, just in the same way a library would organise their shelves.

e). The website is beneficial to the audience as it allows the visitor access to information easily. The befits of the website to the producer is that it is altruistic as the website operates to help people rather that make a profit, this idea of helping the community ties into the purpose of Web 2.0 as this was created to help to progression in building virtual communites and user generated content.

f).

LO1 Task sheet

LO1: Purpose and websites

Information (Public service, education, news)
Ask jeeves,  BBC

Advertising (a product, film, programme)
Fantastic four, game of thrones

E-Commerce (Shops)
amazon, ebay

Downloads (music, films, resources)//
Netflix, youtube

Social Media (networking sites, citizen journalism)
Facebook, bbc,

LO1 requirements

A) Purpose.
B) Visitor needs.
C) Information flow.
D) Feature.
E) Benefits.
F) Content.