MrWellsICT: HTML

Showing posts with label HTML. Show all posts

Wednesday, June 8, 2011

HTML+JS ON-THE-RUN

If you're really keen on coding and also maybe bored on the train? There's an App for that!
HTML Writer has coding shortcuts, its own testing browser, folder management and more. Get it HERE

Friday, June 3, 2011

"Komodo Edit" is a free open-source text editor for PHP, HTML, Python, JavaScript and many others. It features the 'intellisense' feature of Dreamweaver but for free! It helps you write code by listing all the options as you go.

Click HERE

Monday, March 7, 2011

Y10 Programming Lesson 3

HTML iFrames + Javascript Random Numbers
<html>
<body>
<script>
window.onload = Steve();
function Pick3Numbers()
{
document.body.style.backgroundColor = 'rgb(' +
Math.floor(Math.random() *256) + ',' +
Math.floor(Math.random() *256) + ',' +
Math.floor(Math.random() *256) + ')' ;
setTimeout ('Pick3Numbers()', 10);
}
</script>
<center>
<iframe width="80%" height="50%" src="http://www.kingscollege.school.nz">
</iframe>
<iframe width="80%" height="50%" src="http://www.blogger.com">
</iframe>
</center>
</body>
</html>

Saturday, March 5, 2011

HTML5 - Why?

In 1990 an English bloke wrote HTML. Eventually we were onto HTML4 but it wasn't clever enough. So they came up with XHTML which was cleverer but lots of the web was still in HTML4 and Browsers and designers (Internet Explorer / Safari etc.) were all getting confused over the syntax (Grammar) and some sites weren't working as they should.
HTML5 is meant to clear up all the mess. HTML5 is very clever. For example, you can now load a video in the website with a line of code. You used to have to use FLASH player and hope that Adobe didn't change anything to make your video not play on your site. YouTube have 2 websites, one running videos with FLASH and one with HTML5. Because you can draw, Animate and load videos with just lines of code and not additional software, it loads faster and uses less power (important for mobile devices and the planet).

Why is HTML5 so important?
1. HTML is not owned by anyone. It is an openly developed standard with many companies involved in the decisions. It runs on all the latest browsers with no further software needed. Needing Adobe Flash means one company can make a decision that effects others.
2. Less software needed means more access and less power / storage required.

EXAMPLE WEBSITES AND INFO
SLOPPY GOOGLE
http://search.detourlab.com/
Build HTML5 Tetris for iPhone !
http://sixrevisions.com/web-development/html5-iphone-app/
Excellent HTML5 SIte - HTML5 is great and the Design is clean
http://www.circuitounimedrio.com.br/
Best HTML5 Examples:
http://html5lab.pl/
Change to HTL5 YouTube
http://www.youtube.com/html5

Friday, March 4, 2011

Y10 Programming Lesson 2

Here's the code for PROMPTING (ASKING) what colour they want the page:

The Grey Code is ignored by the browser because of the /*...*/

<html>

<head>

<title>This is the Title</title>

</head>

<body>

<center><b>Hello My name is Mr Wells</b></center>

/* var WhatTheyHaveTyped = prompt("Please add a new Title: ");

document.title = WhatTheyHaveTyped; */

var rednum = prompt("How much red do you want on this page? - max 255")

var grnnum = prompt("How much green do you want on this page? - max 255")

var blunum = prompt("How much blue do you want on this page? - max 255")

function colourthepage()

{

document.body.style.backgroundColor = 'rgb(' + rednum + ',' + grnnum + ',' + blunum + ')';

}

colourthepage();

</script>

</body>

</html>

Thursday, March 3, 2011

Y10 Module - HTML / JAVASCRIPT INTRO

Here's the code to type into Notepad or Textedit (remember to set Textedit to Plain Text)
LESSON 1
<html>
<head>
<title>This is the Title</title>
</head>
<body>
<center><b>Hello My name is Mr Wells</b></center>
<script>
var WhatTheyHaveTyped = prompt("Please add a new Title: ");
document.title = WhatTheyHaveTyped;
</script>
</body>
</html>

MrWellsICT