Final Project - Project Time 5 weeks inclusive of HW
Project plan - Click here and save it to your ICT Folder

Project Mark Sheet - Click here and save it To your ICT Folder

Useful links

HTML BASICS
codecademy.com
Html - W3 schools

video (make sure both the CSS and HTML files are in the same folder!)
<link rel="stylesheet" href="fancy.css" type="text/css">
Layout your site Support

HTML Div Tag and Table LAYOUTS

You will need a text editor to write the code. Download and install - you will use this in class.
Download text Wrangler (Mac)
Download Notepad ++ (Windows)


A good starting point to learn languages is HTML, then CSS then Javascript (year9)

HTML stands for HyperText Markup Language. Hypertext means "text with links in it." Any time you click on a word that brings you to a new webpage, you've clicked on hypertext!
A markup language is a programming language used to make text do more than just sit on a page: it can turn text into images, links, tables, lists, and much more. HTML is the markup language we'll be learning.
What makes webpages pretty? That's CSS—Cascading Style Sheets. Think of it like skin and makeup that covers the bones of HTML. We'll learn HTML first, then worry about CSS later
Glossary HTML- Click here
Glossary CSS - Click here


http://www.codecademy.com



Lesson 1-3

You have 3 lessons to complete the "make a website" tutorial on Code Academy (here)

What's App sold for $19 billion, you think they did 1 hour a week!
Mark Zuckerberg, Bill Gates & Steve Jobs didnt only do 1 hour per week on coding!

Lesson 4
We are now going to start working on our own website.

Project plan
- Click here
and save it to your ICT Folder
Project Mark Sheet -
Click here
and save it To your ICT Folder
Useful links

codecademy.com
Html - W3 schools

Layout your site Support

HTML Div Tag and Table LAYOUTS

You will need a text editor to write the code. Download and install - you will use this in class.
Download text Wrangler (Mac)
Download Notepad ++ (Windows)

Linking CSS to your HTML video (make sure both the CSS and HTML files are in the same folder!)
<link rel="stylesheet" href="fancy.css" type="text/css">

Step 1.

Design your site. Include detail:
  • Styles.
  • Pages.
  • Tags (elements)
  • Colours,
  • areas for images / videos wtc.Example basic design (here)
Step 2.

Plan yoyr time.
What are you going to do when
You can evidence this in a document example

Remember: you have 5 lessons to complete this.
Step 3.

Conduct an interview with your target audience using appropriate questions (you need to record the evidence of your survey and submit it to your blog)
Tip: Googel forms may be useful to you

You may need to modify yourdesign based on the feedback of your survey
Tip: if your target audience hates pink for example you may need to modify / change your design
Step 4Start to build your website.

You will need a text editor to write the code. Download and install - you will use this in class.
Download text Wrangler (Mac)
Download Notepad ++ (Windows)




Homework lesson 4.

Ensure at least an image of your paper based plan is on your blog.
Those of you who are wanting a higher level : submit an image of your paper based plan to your blog with evidence of your time planning and a summary of your survey / research findings.



TIPS AND HINTS



Here is a HTML simple Site (source: w3 Schools)external image Screen%20Shot%202015-02-09%20at%2014.32.45.png

Linking CSS to your HTML video (make sure both the CSS and HTML files are in the same folder!)
<link rel="stylesheet" href="fancy.css" type="text/css">

HTML Tables

Creating a homepage without tables

Use float to create a homepage with a header, footer, left content and main content.



Creating a horizontal menu

Use float with a list of hyperlinks to create a horizontal menu.


Create pages using Bootstrap (more advanced though prodessional looking)
Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web sites.
Useful Files