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!


SKILLS SUMMARY:
You should be able to:

• create and format a html file 
• choose the appropriate structure of the page and suitable colours/graphics
• insert links and files into your webpage

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

Task 1: ACCOUNT

Create a free account on webzdarma.cz.
Read the conditions and other information available.

Task 2: SOFTWARE

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

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

fast tags help - jakpsatweb

Task 3: STRUCTURE

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

Add some images into the same folder.

JAK ZOBRAZIT PŘÍPONY SOUBORŮ:

Otevřete Průzkumník souborů - ve složce zvolte menu Zobrazení a zaškrtněte políčko Přípony názvů souborů.

Klikněte na lupu -> Možnosti Průzkumníka souborů -> Zobrazení -> Odškrtnout "Skrýt příponu souborů známých typů"

Task 4: EDITING

All:

Insert some texts into the file index.html.  
Insert a link to the KAJ Dept. page.
Insert a picture you dowloaded or took (avoid copyright problems!) and saved into the folder.

Advanced users: 

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

Organise and design the space of your homepage (you can use tables, or css styles, or any other formatting).

Study some of these articles:

Color and Depth Perception (Psychology)

Web Design Color Theory

Color Psychology - Infographics

Task 5: UPLOAD

Upload your index.html and the image into webzdarma administration (SPRAVCE SOUBORU).

Add your web URL to the group Google sheet.

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

Task 6: HOMEWORK

Focus on the credit projects. Make a plan, including timing. Make pairs, start discussing ideas, topics, design. Register topics in the google spreadsheet.

_____________

Lesson objectives:

• To understand how linking works. We will need it later, e.g. working with Interactive board software or moodle.
• To accept the need to read instructions carefully, to go step-by-step, to work meticulously, to know what we do  >>>>  in order to PREVENT errors. 
• To revise web safety. Which items should NEVER appear in your website?