Your Brand New Website

 

BASIC RULES:

1. Save, save, backup, save...
2. All files in one folder.
3. No spaces, no diacritics in filenames.

First think, then click!


LESSON SUMMARY:
You should be able to:

• create and format a html file in NVU
• choose the appropriate structure of the page and suitable graphics
• insert links and images into your webpage
• start a website at webzdarma.cz

BONUS: Create an Avatar HERE and add the link into your index.html.
________________

Instructions:

Task 1:

Create an account on webzdarma.cz.
Read the conditions and other information.

Task 2:

Beginners: download and install nvu http://www.nvu.com/

Advanced: Feel free to use any web editor you prefer.

Task 3:

STRUCTURE
Create a folder named PCSkills on your pen drive.
Create the index.html file in NVU. Save it into the PCSkills folder. (CASE-SENSITIVE!)

Add some images into the same folder.

Task 4:

EDITING:

Insert some texts into the file index.html.
Experiment with formatting, colours, consider the role of images and graphics.
Insert a link to the KAJ Dept. page.
Insert a picture you dowloaded or took (avoid copyright problems!) and saved into the folder.

Task 5:

UPLOAD
Upload your index.html and the image into webzdarma administration (SPRAVCE SOUBORU)
.
Bask in glory, admiring your first hand-made web page!

ICT in ELT - Credit Requirements

 

Welcome!

CREDIT REQUIREMENTS

active participation, working on weekly tasks
80% attendance

Projects (submission deadline April 11, 2021) - to be published in your personal website

1. Interactive Board material (A SINGLE FILE includes: T's information = target group, objectives; topic presentation and explanation, various tasks for practice, audio, video = link to youtube, illustrations, active links, inner links - ALL ACTIVITIES PRACTISING THE SINGLE CHOSEN TOPIC) - an individual task or pairwork, according to your own choice
2. A WebQuest or a Scenario - to be done in pairs

Link for registration

___________________________________________

Task 1
Read the following article: https://www.myenglishpages.com/blog/ict-tools-and-english-language-teaching/
Note down any terms you have never encountered, and tools you have never used. Make a personal plan - choose which of the unknown tools you will try out dusring the semester.
TIP: Always note your plans down - writing supports logical thinking, reasoning, timing, and enables final check.

Task 2
Watch the video HERE.
Who made it? How? For what purpose?
What do you think of the video? Summarise your opinions in the comment to this blog entry.

Task 3
For publishing and sharing anything, you need a space you can edit freely. Let's create a private website!

Create a folder named PCSkills on your pen drive.
Create the index.html file in NVU. Save it into the PCSkills folder.
Write a short introductory text into the file index.html. You will improve it later.

[WYSIWYG editors for Mac]

Experiment with formatting, colours, consider the role of images and graphics...

• Insert a link to the KAJ Dept. page.
• Insert a picture you took (avoid copyright problems!).
• Create an Avatar HERE and add the link into your index.html.

Create a free account at webzdarma.cz. Design a catchy name for your domain.
Upload your index.html and the image to your site in webzdarma.

Bask in glory, admiring your first hand-made web page!

Experiment with formatting, colours, consider the role of images and graphics. Check the links below for ideas:

Inspiration:

http://www.colorpicker.com/

http://www.jakpsatweb.cz/

http://www.wikihow.com/Create-a-Simple-Webpage-Using-Notepad

Psychologie barev
ColorSchemes
Colors for web - Theory 
WebcolorsWiki

___________________________________________

Internet Survival Guide

___________________________________________

HOMEWORK
1.  Prepare texts you will publish in your website, e.g. personal profile, hobbies etc. (see the Credit Requirements for details). Save the texts in .txt file (poznamkovy blok).

2. Choose a topic and target group for your project - example:
target group - 5th grade (11 years), elementary
topic - domestic animals
textbook - Project English 1

___________________________________________

WORKING WITH PC AND WEB - BASIC RULES:

1. Save, save, backup, save...
2. All files in one folder.
3. No spaces, no diacritics in filenames.

First think, then click!
___________________________________________

LESSON SUMMARY:
You should be able to:

• create and format a html file in NVU
• choose the appropriate structure of the page and suitable graphics
• insert links and images into your webpage
• start a website at webzdarma.cz
• create a speking avatar and add it into your web