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>


 

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

74187. Платформы (понятие, строение: фундамент, осадочный чехол) 11.14 KB
  Платформы понятие строение: фундамент осадочный чехол Платформа это обширная тектоническая структура обладающая сравнительно малой подвижностью. Платформы образуется на месте складчатой области в результате разрушения и снижения гор...
74188. Object-oriented programming languages and tools 37 KB
  They were working on simultions tht del with exploding ships nd relized they could group the ships into different ctegories. The Smlltlk tem ws inspired by the Simul 67 project but they designed Smlltlk so tht it would be dynmic. The objects could be chnged creted or deleted nd this ws different from the sttic systems tht were commonly used. It is this feture tht llowed Smlltlk to surpss both Simul 67 nd the nlog progrmming systems.
74189. Object-oriented programming languages and tools. Evolution of Smalltalk 41 KB
  The lnguge ws first generlly relesed s Smlltlk80. Smlltlklike lnguges re in continuing ctive development nd hve gthered loyl communities of users round them. NSI Smlltlk ws rtified in 1998 nd represents the stndrd version of Smlltlk.
74190. Logic programming languages and tools 38 KB
  User specifies the specifictions of solution nd the computer derives the execution sequence for tht solution: Let us hve irline flight informtion of the form: flightflight_number from_city to_city deprture_time rrivl_time Then ll the flights from Wshington DC to Snt Clr cn be specified s either direct flights or s flights with n intermedite stop: flightflight_number DC Snt Clr deprture_time rrivl_time or flightflight_number DC X deprt1 rrive1 flightflight_number X Los ngles deprt2 rrive2 deprt2 =rrive130 Unlike...
74191. Logic programming languages and tools. Programming languages versus logic programming 33.5 KB
  Properties: we cn ssign properties to individul entities for exmple fred would hve the property of being crnivore properties look like C function cll the nme of the property then the entity tht hs tht property is given in brckets e. Reltionships fcts: we cn ssign reltionships between entities for exmple fred ets met or wilm ets vegetbles reltionships in Prolog gin look like C function cll we give the reltionship nme first then in brckets the two entities tht re relted e. etswilmmet etswilmvegetbles. For exmple rule...
74192. Visual development languages and tools 32 KB
  But somehow it didnt hve the sme impct s did integrted development environments IDEs on those newfngled ldquo;microcomputers. Until we hd Windows to provide the bsic ides of displying things in windows PCs hd foot nd hlf bck in the minfrme worldrdquo; he sid. While TurboPscl lunched the ide of n integrted development environment Duntemnn credits Microsofts Visul Bsic VB lunched in 1991 with being the first rel IDE. The timing of IDEs ws lso perfect for new form of development: the Web.
74193. Visual development languages and tools 43 KB
  Visul development lnguges nd tools. In the summer of 1991 Microsoft introduced development tool clled Visul Bsic. Visul Bsic revolutionized ll this tedious code. Insted of hving to write lengthy code to mke window respond to mouse Visul Bsic hndled ll of those ctions nd hid them from the progrmmer.
74194. Multiparadigm programming language – Python 50 KB
  Multiprdigm progrmming lnguge Python.1 Python is generlpurpose progrmming lnguge tht blends procedurl functionl nd objectoriented prdigms. Python is powerful multiprdigm computer progrmming lnguge optimized for progrmmer productivity code redbility nd softwre qulity. Python is populr open source progrmming lnguge used for both stndlone progrms nd scripting pplictions in wide vriety of domins.
74195. Version control software and tools 39 KB
  Version control softwre nd tools1 Version control lso clled subversion control or revision control helps lrge projects from spinning out of control by letting individul progrmmers writers or project mngers tckle project from different ngles without getting in ech others wy nd without doing dmge tht cnt be undone. Version Control lets you trck your files over time. Youve probbly cooked up your own version control system got ny files like this: Lb1_1. dd version number or dte: Document_V1.