Mike Ryan: 2009

Image Storage_complete

Flickr (parking) >
see code

Flickr2 (luab) >
see code

Flickr3 (nationalcitybaldessari) > Fotos are there, but . . .
NO MATCHING ACCOUNTS, can't sign in
see code

Flickr4 (uponthegroundfloor) >
see code

Flickr5 (haasstreet) > Fotos are there, but . . .
NO MATCHING ACCOUNTS, can't sign in
see code

Icon Storage >

My Maps, with visible urls

Table Test in Blogger

One	Two
Three	Four
Five	Six
Seven	Eight

One goes here	and Two goes here
Three will be even longer	Four is at the door
Five	Six
Seven	Eight

http://www.ceveni.com/2009/01/how-to-create-table-in-blog-or-website.html

Alessi_Mendini_vernissagetv

http://vernissage.tv/blog/?s=mendini

widget test TOGGLE arrows

▼

◄

►

To Do

lab sessions
- make slides: to have, etc.
- make slides: articles
- make slides: pluralization
- make slides: vocabulary (link to picasa I Am a Rock)
- more music: Femme Fatale, Elvis, Frank Sinatra, Nancy Sinatra, Chuck Berry
- better slideshow options on Flickr?
- Maira Kalman on Picasa, or Flickr

website
- REGISTER DOMAIN NAME
- new Group labels linked to...
- comprehensive Session Lists by group
- YouTube playlists
- Music ideas post
- Theme ideas post
- Tutor Gear ideas post
- wider body column
- three column, etc formats
- crea un tool bar _ link

Useful Tips Section

lab Done

- Toggle side _ test, test 2
- Drop Down Menu: some examples 1, 2, 3,
4,

TravelerIQ

quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle"
name="TravelerIQ"
allowscriptaccess="always" src="http://tiq.travelpod.com/bin/flash/container.swf" height="300" type="application/x-shockwave-flash"
flashvars="gamexml=http://tiq.travelpod.com/cgi-bin/witw?SessionID=00-traveleriq-game1&gameswf=http://tiq.travelpod.com/bin/flash/witw-00.swf&lang=en" bgcolor="#000000" width="400"
wmode="opaque">

This Traveler IQ challenge compares your geographical knowledge against the World's Original Travelogue's other 4,087,787 travelers who have taken this challenge as of Wednesday, May 27, 2009 at 06:23PM GMT. (TravelPod is a TripAdvisor Media Network member)

Looking for Drop Menu code

From Internazionale.it

I link ai giornali di tutto il mondo

Based on Internazionale.it

Trying to make it work

Coffee: Black hot drink
Milk: White cold drink

W3 lists
W3 Quick Ref, Links, Anchors, forms
simpledropdownforms

Bloggers Format links

www.bloggerbuster.com

nobelprize.org Flash Dog

http://nobelprize.org/images/shortcuts/shortcut_bigblue_insulin.swf?rand=709

nested lists

http://willworkforart.net/tutorials/unobtrusive-expand-and-collapse-navigation

The name Attribute, anchor <a>

The target Attribute

The target attribute defines where the linked document will be opened.

The code below will open the document in a new browser window:

Example

target="_blank">Visit W3Schools!

The name Attribute

When the name attribute is used, the <a> element defines a named anchor inside a HTML document.

Named anchor are not displayed in any special way. They are invisible to the reader.

Named anchor syntax:

Name Anchor test

Toggle test 2

News Flash

head>

/head
body

/body

An absolute URL - points to another web site (like href="http://www.example.com/default.htm")
A relative URL - points to a file within a web site (like href="default.htm")
test-images-side-by-side

An anchor URL - points to an anchor within a page (like href="#top") top

Toggle test

other links
testing-blogger-beta.blogspot.com_toggle-showhide-navbar

This is from the code. It links to:
javascript void(0)
onclick= toggle(thecode)
Show code

name anchor test
from: http://unserializableone.blogspot.com/2007/09/toggle-code-portion-in-your-blog.html

I'm just testing out my javascript to toggle code sections in my blog. It's a useful feature to help keep your blog appears short while still provides enough details.

Show code

The javascript I use:

function toggle(id) {
var e = document.getElementById(id);
e.style.display = e.style.display == "none" ? "block" : "none";
}
Then create an anchor to control the toggling:
<a href="javascript:void(0)" onclick="toggle('thecode')">Show code</a>
<div id="thecode" style="display:none"> my code goes here <div>

Hope this works :)

Poverty societies said...

Hi hung,
I used your script its working thank you

By
Ashok kumar

6/23/2008 5:39 AM

NathanKP said...

How did you get the Javascript into a blog post? I thought that Blogger blocked javascript in blogposts.

NathanKP - Inkweaver Review

11/02/2008 4:40 PM

Hung Huynh said...

Nathan, you can add javascript through your dashboard settings (adding elements).

12/18/2008 11:38 AM

Scrabble2

Go to Pogo to play 100s of Fun Games!

test Images side-by-side

CLL logo test

Hello !

Welcome

Producing and Uploading Your Own Videos

http://www.youtube.com/t/yt_handbook_produce

warm-up activities

warm-up _ 'A bagful of (9) ice-breakers'

TEACHING/PRACTISING IDIOMS BY DEMONSTRATION (IDIODEM).

Here the teacher can choose 6-10 idioms (new or recently presented) and simply demonstrate them with realia. It's up to you to choose idioms that lend themselves to this, e.g. to cut corners, (no) strings attached, hit the nail on the head etc. You could also present idioms pictorially. And finally, you could get the students themselves to present idioms in such ways.

warm-up _ 'A bagful of (9) ice-breakers'

ANAGRAMS - again, a fun activity.

I find it good to write the letters on individual 'squares' of card, which can be colour/number-coded. This enables the letters to be easily manipulated. Put the students into pairs and allocate one point for the pair which comes up with the answer first. A good idea is to start with say a 5-letter anagram (e.g. break-brake) and gradually present anagrams with progressively more letters. Determine the winning pair on points accumulated. Great fun!

warm-up _ 'A bagful of (9) ice-breakers'

'WHAT'S THE WORD/PHRASE?' _ 20-25 -BOX

Draw a grid of 20-25 boxes (to fit A4) and number them (1-20/25) and choose a word/phrase that you want to revise (say words/phrases recently presented in class) for each box and then make each box into a question/statement or puzzle testing this word/phrase - You could have for example, 'give the antonym of...', a word or phrase with some of the letters blanked, a 'jumbled word' (not to be confused with an anagram - that's of course if you're a purist like me!), 'chopped word' (a word chopped into at least three parts set at different angles - for fun, I draw a little axe in such boxes). These are just some of the ways to create boxes for each word, whatever you do, choose a variety and put those of 'same type' in different parts of the grid for unpredictability. Once you've prepared your grid, simply give a copy to each student/pair in the group and then call out box numbers at random. Whoever calls out the correct answer for each first, gets a point. You proceed until all the boxes have been 'used up'. It's important not to stop and go over any boxes during the game (you can do this at the end - make this clear to students at the outset). It's important to keep the ball rolling smoothly and quickly. At the end of the game, tot up the points to determine the overall winner. Then you can go over any boxes that any SS didn't get. The speed, variety of questions/statements/puzzle types, unpredictability (of box number order) all contribute to make this game/activity 'competitive fun'.

warm-up _ 'A bagful of (9) ice-breakers'

BLANKED NEWSPAPER HEADLINES

Just find 20-30 newspaper headlines with a 'guessable' word blanked. Have 2-4 teams, who must write their guesses independently on a piece of card/paper and then hold it up. Allocate say 3 points for the exact word in the original word and 1 or 2 points for reasonable alternatives. The team with the most points will be declared the winner. This activity is based on the former British TV show 'Blankety Blank'. My SS have had great fun with this.

warm-up _ 'A bagful of (9) ice-breakers'

SPELLING MATCH _ to revise recently presented 'difficult' words (8-14 words).

Here you choose a number of words you wish to test and divide the class into two teams (A and B). First, read out word one to team A and between them, they have to spell it verbally (slowly). If they spell the whole word without having to correct themselves, they score one point but if at any point they call out an incorrect letter (in sequence) then the 'part-word' is handed over to team B to complete (and back again if they make an error). This proceeds until one team finishes off the word. You keep on going in the game (i.e. word 1 - team A, word 2 - team B etc.) until all the words have been presented. Then simply tot up the points to see which team has won (if there hasn't been a draw that is). This is a fun, competitive way of revising vocab and practising spelling.

warm-up _ 'A bagful of (9) ice-breakers'

'IMAGINE YOU ARE A/AN...' (animate or inanimate things, e.g. a leaf, a snail, a stamp, a balloon etc.).

This is a fun speaking activity where each student in the group chooses a card (with an animate/inanimate object typed or written on it) blindly- you could number the cards and they choose a number. Then they simply in turn, talk about their 'life' as the thing in question whilst others have to guess (for one point) what the object is. At the end you just add up the points to find the winner. As a follow-up activity in class, you could have a short discussion (say at the end of the lesson) with each student 'playing their given role'. A homework option could be to get students to write a composition on one of the things, e.g. 'My life as a snail'.

warm-up _ 'A bagful of (9) ice-breakers'

MISSING PARTICLES (Phrasal verbs practice)

similar to activity 5 above but you only use phrasal verbs and blank out the particle (in most cases this will be a preposition).

warm-up _ 'A bagful of (9) ice-breakers'

ODD MAN/ONE OUT - this is an old, tried and tested classic.

You can use 3 or 4 variants for each one, though I tend to find that, particularly where you have more teams, the latter is preferable. As I often teach Advanced or Proficiency levels, I tend to concentrate on more cryptic examples, e.g. a) key b) rubber c) comb d) jaw - b is the odd one out of course because it's the only one without teeth. Of course if a student chooses another odd one out and can back this up with a good argument/reason, then that is perfectly acceptable. Depending on time you could choose 12-20 of these for SS to have a good old crack at. You might also like students to write their own sets as a homework activity, to be tried in subsequent lessons by their classmates.

warm-up _ 'A bagful of (9) ice-breakers'

FAKE WORDS - (noun formation - suffix practice).

Particularly good for SS at Advanced level and above. Choose say 8-10 nouns, each having a different suffix. Then split each word so that it is separated from its suffix (this may result in some cases in a false word). Then just allocate each suffix to a different word/word part, so that all the words are mixed up - This should result in a set of 'Fake words', which SS will then have to 'unjumble' by placing the correct suffix on each of the words/word parts. My example for an Advanced group is as follows; hostilness deterioratance stubbornence enlightenal perseverity insistment seizion disapprovure The actual words are of course, hostility, deterioration, stubbornness, enlightenment, perseverance, insistence, disapproval. My example was written to be 'intentionally tricky' because amongst other things because it tests SS ability to distinguish between an 'ence' noun and 'ance' noun and the fake word 'perseverity' might confuse students a bit if they know that 'severity' is a word. In this activity, the SS (preferably) should find the eight suffixes first (so they must split each fake word at th correct point) and then they can go about 'reassembling' the real nouns. Depending on the strength of the SS in the group, you could get through this activity in 5-7 minutes or so. The SS I have done this activity with have found it both fun and interesting.

review exercises _ 01

from: 'A bagful of (9) ice-breakers'

Write new words from the previous lesson(s) on small cards and hand them out to the students, who then have to explain the word without saying any part of it. It´s a nice kind of "vocab check" and the students seem to like it. And - you can give the more difficult words ( explain: in advance! ) to the more advanced students and the easier ones to the others.

notes: links - videos, various

Every Sperm is Sacred {Monty Python's Meaning of Life}

http://www.youtube.com/watch?v=U0kJHQpvgB8&feature=related

Tell Tale Heart Animation

http://www.youtube.com/watch?v=W4s9V8aQu4c

Jumping Jacks Fail

http://www.youtube.com/watch?v=-5W58LoiSEQ

notes: links - videos, pronunciation

Fonetiks.org

English Pronunciation -- "It Sounds Like..."

generic

notes _ Oxford University Press _ Headway _ intermediate

http://www.oup.com/elt/headway/ >

http://www.oup.com/elt/headway/

notes: gabbia layout

Warm Up

video, lyrics

Review

Subject 1

Subject 2

notes: image bank

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg4_birr7JiAjHF4ohu_yn_RCFNTo0nKB9miFbTG_vqQGIQHBeuWJhPW3vMBsluHulHRQD_DXi7yzkAsOg8v_La3QfXKFVAvvxCGPbld1VmlckVM7gob1LTvYn3KKUPGe_JCFoV-oWVYg/s320/innerwrap2a2.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjomclVVQKGJUVUIcYF8Jd6dPnPkyKp2FhHwxjHp61UU-33YG7FfS0nVC1KX_40D6zE53qeLGOBKiJ9uxm5ZgoczWOOOnVNpLgK0rzTMK9hrcPVo2ZmySZTiz_vB5dBhr9VnwmdQYD0sBo/s320/innerwrap2b2.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJJNa1xexixNHCus2PzVkMq-brhaBKH1U2DTImF73w0c5DFxF6csZPl8ZZ5_lDDq9oe5_phLXeCTyJdFQLbmaIKYqXHr-o2Q-49G_nyLGJWQomAKKfqHfjU3TThNcpS3zVtSfL8eqJUlE/s320/innerwrap2c.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBbIQ_8rKstg9p-TS5nvc0wxMZnNybu6zhan8VF1Hm3MkqbVFk7Gctjb5hQehXZDDru1uHmNCQk3Wn8U5f1GnBwlsCRHC2_XkbiwylDJJ8K-kC6ILQ6-w0pTUmTlNqatuBG0_wKSJslf0/s320/innerwrap2b.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiacTj2vkbHXlM2NBNErYrsbR_7vkYIezW9lfv6vPPXEIC29WHg47uoQCKKcA5WVORTAMY0KvzLQVHRDr2OQOI6hpBiqBiz4p-upJfgX8qvAoqRRaPerYVkKaIslw8vExeCPn6f0gKCxA/s320/innerwrap2a.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje_vYX8uTT-HPYkSR2fnQT8VSrQwxQPPKUFEyhBZz4yUekrSFTbxYaaqa2gAgk1rW1u15ibzu8dn0HfJBjjOIM-kaEHbHuppUq53OAvxo7jMVMyYSfNf9cMd0K3zTRmWjs76xd-Yk3JGo/s320/headbotborder2b.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0g-hI5BkawDILZZMvX-dtFFENVB7Rdp-Xc5oE2zw6VvtjGcInKRboxDU56ysTpniRsqQPeaz-xC4ihkVo32I9o4FK0T6i0-kxKBU_sCMnIsPAxF6sToNNW6jlRYaWeHrqFU6HwCtpwJY/s320/headbotborder2a.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvHyGrtXp-5lwJIHyzARqNi6UeIJYg_Q3a-z-NadEdBA60WrSE818LDn-7y8gbjw3n0SyqKe77XvSPuiWZpg0MNXBPy49sD7LTSsvv6nCPqLhZkhqHTgPy5yVOxwaPAg68nqT1OPaXLL4/s320/headbotborder2b.gif

expander, iFrame text

expander, simple text

navbar simple, text

Net Tools

CLL Links

Translation

Blog Archive

Mike's Links

DropDownMenus_Internazionale

Another drop down menu, that works! HM

DropDownList_

How to create scrollable link list

portrait

superato: widgetmikeryan01_portraitetc_original

blank pic for mmryan.net