Начало

Упражнение - Използване на езика HTML за създаване на уеб документи.

Вт., 02/25/2010 - 23:39 — rrr

Използване на езика HTML за създаване на уеб документи.

Учебни въпроси:
1. Изучаване на основните маркери (тагове) в езика HTML.
2. Създаване на таблици и форми.
Необходими пособия:
- компютри с препоръчителна конфигурация: Pentium 4 - 2.4GHz, 256 MB RAM, 40 GB HDD, CD-ROM;
- софтуер Mandrake Linux с българска локализация;

Литература:
- Якоб Нилсен, Web дизайн, Софтпрес;
- Венцислав Джамбазов, Жюстин Томс, Основи на уеб дизайна - Принципи, технологии, възможности, Сиела;
- Записки от лекциите по темата или тук

Време: 4 учебни часа


Задача 1: С помощта на обикновен текстов редактор (Kwrite, vi) да се създаде уеб страница, която да съдържа:


1) Вашите три имена като заглавие (H1) - центрирано, цвят син;

2) Кратка автобиографична справка в свободен текст - шрифт Arial, размер 14, ляво подравнен, цвят - по избор;

3) Да се вмъкнат връзки към 2 примерни интернет адреса (напр. dir.bg , yahoo.com);

4) Да се избере цвят на фона за целия документ;

5) Да се вмъкнат няколко изображения в GIF или JPG формат;

6) Съхранете документа под име index.html в директорията на Вашия уеб сървър (напр: /var/www/html ) и тествайте с браузър (Конкюерър, Мозила), като отворите адреса http://localhost;

 

Задача 2: Създайте нов уеб документ със следното съдържание:


1) заглавие - "Списък на моите любими книги";

2) таблица с три колони - Номер по ред, Автор, Заглавие;

3) да се зададе розов цвят на таблицата и син цвят на фона на документа

4) Да се зададе рамка на таблицата с дебелина 2 и шрифт за цялата таблица Arial.

 

Задача 3: Към предходния уеб документ добавете форма за анкета на потребителите със следните полета:


1) текстово поле (name) - Вашето име;

2) текстово поле (number) - Моля, посочете вашата любима книга;

3) контрола тип "радио" (mark) за оценка на книгата по шестобалната система (числата от 2 до 6);

4) един submit бутон за изпращане на заявката;

5) един бутон за изчистване на формата (Reset);

6) изберете метод POST за изпращане на анкетата;

7) укажете скрипта request.php за обработка на формата;

8) създайте скрипта request.php със следното съдържание:

<?php
  $f=fopen("data.txt","a");
  fwrite($f,$_POST["name"]);
  fwrite($f,"\n");
  fwrite($f,$_POST["number"]);
  fwrite($f,"\n");
  fwrite($f,$_POST["mark"]);
  fwrite($f,"\n");
  fclose($f);
  echo "Анкетата приключи!";
?>


9) тествайте скрипта, като наблюдавате съдържанието на файла data.txt, в който се натрупват данните от всички попълнени анкети.

(Упътване: Най-удобния начин за наблюдение промените във файла е командата tail /var/www/html/data.txt -f ).