Gallery

Very often, when you work on a project - both class/school or international, you are supposed to document or illustrate your achievements by YOUR OWN fotographs; a public photogallery is a good way to do it.

In our case, the primary suggestion is to make a gallery of pictures depicting your hometown/city - from your personal point of view. Be creative, avoid the standard "tourist photo" style!

The gallery will be represented by a table with small versions of the pictures (thumbnail, approx. 30kB)in each cell. Under each picture there should be a link to the audio comment. A click on the thumbnail will open the full resolution image in a new window. You shall present at least 12 (twelve) photos.

To be able to do this, you should know how to:
- make a photo
- transfer it into a computer
- resample a picture
- create a new html file called gallery.html
- insert a picture into a web page
- insert a table into html page
- set the dimensions of the table and cells
- insert a link

You can come up with a different topic - please feel free to consult your suggestion.

HOMEWORK:
Download and install Xnview on your flashdisc - this freeware enables portable instalation.

Good light!

Developing a web site

Now you know almost everything you need to be able to create a simple but working web site. Today you should work individually on your Web Site project:

1. Create and develop the index page. Improve the design, add text and illustrations.
2. Create more web pages and link them to the index. Focus on the page about your hobbies; insert reliable references.
3. Develop your HotPot project; you should create three exercises, all practicing the same set of 10 vocabulary items (use English only). The compulsory formats are matching, multiple choice and gap fill; you can add more, of course. Connect the exercises to an HotPotIndex html page, which also presents information about the target group you want to teach.
4. Regularly save and upload your changes to your web space.

Do not forget to save the URLs of images you download from the web! You must add them to your web site as references.

Possible course of actions when connecting HP files:
1. Create HP matching exercise Ex1. Connect it to the index.html and Ex2.html.Be sure you have all the images in the same folder as the exercise. Save, export.
2. Create a HP multiple choice exercise Ex2.Connect it to the index.html and Ex3.html. Carefully fill in the feedback! Save, export.
3. Create a HP gap fill exercise Ex3. Connect it to the index.html and Ex1.html. Save, export.
4. Open your index.html in NVU. Add links to all three HotPot exercises. Save.
5. Upload all files (index.html, Ex1.html, Ex2.html, Ex3.html, all images) to the web.

CHECKLIST - SOLVES MOST PROBLEMS:
1. založit adresar MyWeb na vlastním flashdisku
2. uložit do něj obrázek, který chci dát na web (vše, co chci dát na web)
3. otevřít program NVU
4. vytvořit html stránku (první pojmenovat index.html)
5. vložit obrázek do stránky
6. uložit hotový soubor html
7. otevřít administraci webu
8. uploadovat html soubor a obrázek

Creating a web site

Today you should start your brand new personal web site. Your own web space serves as a presentation of your individual achievements, as well as the place to upload and publish your projects.
First, read all the tasks, listed below; you can fulfill them in random order.

If in doubt, do not hesitate to ask!

1. Draw the structure of your future web on a sheet of paper. Check the credit requirements on the English Dept. web page to get an idea what the compulsory parts are.

2. Open Notepad (Poznamkovy blok) and write the text you would like to publish in your site. Start with the content of the index page - the first page the user will see. Keep the Internet Safety Rules in mind – do not publish your personal data (the date of birth, phone number, credit card numbers …)

3. Open the WYSIWYG web editor New View (nvu.exe) and explore the possibilities of the software.

4. Choose a provider for uploading your future site online (for free). Compare the offers, chaose the one that fits your needs best! Before registration, read the conditions and requirements carefully. You will need a space that also enables uploading html and zip files.

Examples:
http://www.weebly.com/
http://www.estranky.cz/ (the free version does not enable file upload)
http://www.webnode.cz/ (new and unexplored - seems very interesting; nevertheless, does not enable uploading html files)
http://zone.webgarden.cz/
http://www.webzdarma.cz/ (the usual choice)

5. Publish the URL of your new web as a comment to this blog. :)

...AND MORE:
Ideas and instructions on web page creation: http://www.jakpsatweb.cz/
Musing about your web colours? Read this for inspiration.


Image source

Hot Potatoes basics

Hot Potatoes are perhaps the oldest living and upgraded, free authoring software for making interactive exercises. It offers five types of tasks: multiple choice, gapfill, matching, crossword and jumbled letters/words/sentences.

Remember!
When working with HP, you enter information into a “T’s Book” – a file with the extension .j** (.jcl. jmt…)
After finishing the exercise, you EXPORT it into html (“S’s book”). The names of the files should be identical, apart from the extension.



TASK 1
Choose a target age group and a topic for your own HotPot project – a vocabulary field, which is taught at basic schools. Write your choice the comment to this blog – each student must have an unique topic.
List ten vocabulary items belonging to the chosen field – these you will present and practice in your HotPot exercises.

TASK 2
Use the web and find illustrations to the ten words you have chosen - the images should be in jpg format, between 10-20 kilobytes. Save them into a folder "HotPot" you create in your flashdisc.
SAVE the Urls of pages you use for downloading pictures! You will publish them as references.

TASK 3
Start working on a matching exercise, presenting the meaning of the ten words you have chosen, through the pictures.


Image reference