58208

Создание web-страниц. Добавляем голос

Конспект урока

Педагогика и дидактика

Музыкальные файлы можно добавлять двумя способами: ссылка на файл, активация которой открывает диалоговое окно. С помощью этого окна можно сохранить файл или прослушать через программу – музыкальный проигрыватель...

Русский

2014-04-23

30 KB

0 чел.

Урок 6.

Создание web-страниц

Добавляем голос.

Музыкальные файлы можно добавлять двумя способами:

1. ссылка на файл, активация которой  открывает диалоговое окно. С помощью этого окна можно сохранить файл или прослушать через программу – музыкальный проигрыватель

<a href="1.mp3">аааааа</a><BR> - ссылка-текст

<a href="1.wav"> <img src="9.jpg"></a><BR> - ссылка-картинка

2. музыкальный фон, звучащий после полной загрузки страницы. единственный момент, размер файла должен быть минимальным, иначе страница будет грузится долго и возможно «зависание».

3. Атрибут LOOP=6, означает, что музыкальный фрагмент будет звучать 6 раз, соответственно количество прокруток файла любое.

еще два атрибута звука volume и balance, первый – громкость. Его значение от -10000 до 0, то есть нельзя сделать громче, можно только приглушить звук. Второй имеет значение от -10000 до 10000, направление звука по каналам. Если значение 0 – звучат обе колонки, отклонение – звук в одной из колонок.

Формы.

Посетители сайта могут не только читать информацию, но и естественно, добавлять (оставлять сообщения). Для этого и используют формы.

<FORM>   </FORM>  -тег работы с формами.

Еще три тега:

<SELECT> – этот тег поможет выбрать какой-то один из указанных пунктов.

<TEXTAREA> - для создания поля, в которое посетитель вносит свой текст.

<INPUT> - ответственный за некоторые элементы, такие как флажок, кнопки сброса.

Все они должны иметь атрибут NAME (быть подписаны).

Атрибут SIZE –отвечает за размер окошка.

Атрибут OPTION – выпадающий список с кнопкой выбора.

Selected - выбор одной из присвоенных позиций (один элемент списка выбора).

Пример

<FORM>

<SELECT  name="КРАСОта">

<OPTION selected value="красавица">красавица

<OPTION selected value="симпатичная">симпатичная

<OPTION selected value="так себе">так себе

<OPTION selected value="страшная">страшная

</SELECT>

</FORM>

Про тег INPUT

Может принимать несколько значений: text, password, checkbox, radio, reset, submit

Примеры.

Атрибут  maxlengthмаксимальное количество символов, которое можно ввести.

1.  <FORM>

    <INPUT type="text" name="familia" size=20 >

    </FORM>

2.  <FORM>

    <input  type="password" name="secret" size="6" maxlength="20">

    </FORM>

3. <FORM>

   <BR>

<input type="checkbox" name="checkbox1" value="check_val1">вы хотите ограбить банк   <BR>

<input type="checkbox" name="checkbox2" value="check_val2">вы не хотите ограбить банк <BR>

<input type="checkbox" name="checkbox3" value="check_val3">вы уже ограбили банк <BR>

    </FORM>

4. <FORM>

   <BR>

   <input type="radio" name="choice" value="ch1">вы будете кушать<BR>

   <input type="radio" name="choice" value="ch2">вы будете пить чай<BR>

   <input type="radio" name="choice" value="ch3">вы уже покушали и напились!<BR>

     </FORM>

5. очистка всего, появляется кнопка.  

<FORM>

   <INPUT TYPE=”RESET”>

     </FORM>

6. отсылает все записанное в поля по указанному пути.

<FORM>

   <INPUT TYPE=”submit”>

     </FORM>


 

А также другие работы, которые могут Вас заинтересовать

57708. Культура Галицько – Волинської держави 77.5 KB
  Мета: Ознайомити учнів з досягненнями культури Галицько Волинської держави; визначити її особливості; з ясувати які держави мали вплив на розвиток Галицько Волинської держави; працювати над вмінням виділяти головне працювати в групі...
57709. Клас Комахи. Особливості будови та процесів життєдіяльності 157.5 KB
  Розширити та поглибити знання учнів про членистоногих познайомити з різноманітністю комах особливостями їх зовнішньої та внутрішньої будови пристосуванням їх до умов навколишнього середовища.
57710. Урок-турнір з інформатики «Комп’ютерні відмінники» 2.89 MB
  Мета уроку: Перевірити спільний рівень ерудиції; знання учнів з вивчених розділів та тем навчальної програми; вміння та навички учнів отриманих на уроках інформатики...
57711. Устройство компьютера. Урок информатики 67.5 KB
  Цели урока: помочь учащимся усвоить устройство компьютера понятие базовая конфигурация ПК дать основные понятия необходимые для начала работы на компьютере; воспитание информационной культуры учащихся внимательности аккуратности дисциплинированности усидчивости; развитие познавательных интересов навыков работы с мышью и клавиатурой самоконтроля умения конспектировать. Оборудование:компьютер учебник компьютерная презентация. На прошлом уроке мы начинали знакомство с компьютером. Сегодня мы рассмотрим какие устройства...
57712. Прямокутна система координат у просторі. Декартові координати у просторі 1.75 MB
  Мета уроку: ввести поняття прямокутної системи координат у просторі з використанням історичного матеріалу навчати будувати точку за заданими координатами та знаходити координати точок які зображенні у заданій системі координат...
57713. Прямоугольная система координат. Расстояние между точками. Координаты середины отрезка 286 KB
  Актуализация опорных знаний фронтальный опрос сильных учащихся с наводящими вопросами по будущим заданиям Что такое треугольник фигура состоящая из 3х точек не лежащих на одной прямой и 3х отрезков попарно соединяющих эти точки...
57714. Паливні корисні копалини України 69 KB
  Мета: поглибити й систематизувати знання учнів про паливні ресурси та їх звязок з геологічною будовою; виявити закономірності розташування родовищ корисних копалин України за допомогою карт атласу...
57715. Кримські гори. Загальна характеристика гірської країни 990.5 KB
  Мета уроку: сформувати знання про особливості географічного положення Кримських гір та їх природних умов надати учням систему знань про особливості розподілу висотних поясів ландшафтів гірського Криму...
57716. Органи кровообігу: серце і судини. Взаємозалежність будови органів кровообігу і функцій які вони виконують 581 KB
  Звук Демонстрація на екрані пульсуючого серця і запис роботи серця. Вивчили будову цих серця і судин. Який орган забезпечує рух крові по судинах Епіграфом уроку можна взяти слова: Слайд Серце може додати розуму але розум не може додати серця.