LO2 - Learning html

Heading Elements


Headings ah1 to h6.
re described by heading elements. There are six levels of heading elements:
The h1 element is used to describe the
main heading of the page.









            Links

The defining feata element is used to create links.
ure of the Web is the presence of links. Clicking on links leads to other web pages. The
The a element is similar to the h1 or p elements, but it has two key differences:

• First, it has an href attribute which equals the website you want to link to.
• Second, you get to choose the link text that users see on the page.
  
  
  
  
  
    Images
  
  
  
  

  <img>

  In addition to headings and paragraphs, a web page can have images. The img element is used to add images to a page.
  The img element has an attribute inside the opening <img> tag named src. The src attribute has the address of the image.
  
  
  
  
  
  
  
  
    Lists
  

  
  

  <ul> and <li>

  In addition to paragraphs and images, content can be presented as lists.
  In HTML, a bulleted list is described using a ul element. Each item in the list is placed inside an li element.
  

  
  
  
  
  
  
  
    Html & Body
  
  

  
  

  <html> and <body>

  Here's an example of a real web page:
  

  • Everything inside a web page is nested inside the html element
  • The body element contains the actual content of the web page - everything nested inside <body> and </body> shows up in the web browser

  The doctype at the start of the HTML file tells the browser which version of HTML you are using. The doctype is not an HTML element, so it doesn't have a closing tag. The doctype ensures that your web page displays consistently when its visited from different browsers.
  

  
  

LO2 - Moodboard for Small Machines

After talking to the owner of the machines brand, I soon learnt that the products he made weren't targeted towards really young children (though they do play with them). The machines he made are a little bit more cmplex with Hydrolic features to them so they could move, and the parts seemed a little complex for a young child to understand.

Logo

On my moodboard I have the small machines logo to help show what the mood board for and the company it is supposed to represented.

Pencil Crayons 

I have added these on to connote creativity which is an essential part of enjoying the Small Machines brand. Because it is all about building the models, which is quite a creative process that parents might have to teach small children about.

Wooden models 


I took these pictures off the small machines website, just to show the type of products that they specialise and try to promote to a customer. As you can see on quite a few of them there is a hydrolic function that can be used to move the models without touching them, using some form of seringe mechanism. This also shows how technical that these products can be.

Catapult


The catapult is here to show the history aspect that they are doing for a museum, with model catapults from med evil periods etc.

Warhammer40K

HTML coding, what I have learnt

We have learnt about how you use triangular brackers when filling in web coding

These are the basic tags for HTML coding -

<html>      This stands for Hyper Text Markup this is essentially the language that  is used for tagging text files to achieve font, colour, graphic, and hyperlink effects on World Wide Web pages.
 
<head>     This is basically the start or heading of a piece of text, this is essentially the title piece for your article or the prologue, for your text.

<style>      This is basically used to deffine style iformation and how you want your coding to render within a browser.

</style>      Anything with a slash before it means you are ending the the current tag so for style this is what you use once you have decided the style that you want your head at.

<title>        This is the title of the document

</title>       This again is the command you use once you have filled out the title tag with the information that you want.

</head>      This is for once you have finished the head, and filled out all the information that you want within it.

<body>        This is about all the other content in HTML that you want to fill in including paragraphs.

<p>      This is the start of a paragraph, between this and the next command you fill in all of the text that you would like to use.

</p>      This is the end of the paragraph and is what you use once you have finished filling in the paragraph that you have just started. This means that you are finished with the text you have filled out.

</body>       This is to show that you have finished filling in all your other content.

</html>      This is what you use once you have finished all of the HTML coding that you want which is part of the coding that you want to add.

Mind Map

Feedback Sheet

This is the feedback sheet, and my self assesment on what I need to do to get a decent grade in LO1. The highest possible grade for this task is a pass.  

LO2 - Gant Chart (Content)

LO2 - Audience

GENDER

AGE
LOCATION
HOBBIES
SUB CULTURALGROUP

SOCIO NOMIC


Audience


The main audience for the Small Machines website would be males, as steryotypically men are more interested in crafting and building things. The age group varies, the people buying the product would most likely be parents that are Affluent achivers, so they have some spare money to buy their children toys.  But the children using the product would probably be around the age of 9=