Создание электронного пособия по web-дизайну

Автор работы: Пользователь скрыл имя, 23 Сентября 2011 в 15:09, курсовая работа

Описание работы

Задачи курсовой работы:

разработать дизайн пособия;
придумать и реализовать структуру для легкого освоения пособия;
рассмотреть JavaScript и HTML на практике;
апробировать Фреймовую структуру на web страницах.

Содержание работы

Введение 3
Глава 1. Создание интерфейса учебного пособия 4
1.1. Создание главной страницы 4
1.2. Создание меню 4
Глава 2. Возможности пособия 8
2.1. Создание фреймов 8
2.2. Работа с CSS 11
2.3. Создание слоев 12
2.4. Дата и время 13
2.5. Слайд шоу 14
2.6. If и Else 17
2.7. Массивы: функция внутри функции 19
Заключение 22
Список использованных источников и литературы 23

Файлы: 1 файл

Курсовая.doc

— 184.00 Кб (Скачать файл)
  • tv=new Array() объявляет, что tv представляет собой массив. С пустыми (скобками) массив может быть какой угодно длины. Можно также указать длину массива, например, tv=new Array(5).
  • Помните, что массив array может иметь множество значений. Можно представить себе массив в виде таблицы:
tv[0] tv[1] tv[2] tv[3] tv[4]
ОРТ РТР ТВЦ НТВ ТВ6

  

  • Обратите  внимание, мы заранее указываем переменную num, у которой одно значение, равное 0, и массив tv, который имеет 5 значений.
  • Теперь функция picktv():

 function picktv() 
    {now=new Date() 
       num=(now.getSeconds())%5}

  • Функция picktv() наугад выбирает число от 0 до 4, которое становится индексом tv. Помните, от нуля до четырех ПЯТЬ чисел. То есть если num равно 2, то любимый телеканал — tv[2], или ТВЦ.
  • Теперь функции whichtv() и picktv():

function whichtv() 
{picktv() 
guess=" " 
while (tv[num] != guess.toUpperCase()) 
{guess=prompt("Угадайте мой любимый телеканал:  
  ОРТ, РТР, ТВЦ, НТВ или ТВ6?") 
  if (guess.toUpperCase() == tv[num]) 
  {alert("Это мой любимый телеканал!")} 
  else 
  {alert("Нет, попробуйте еще раз.")}}}

  • Вот кое-что новенькое! Видите, первым делом функция вызывает другую функцию, picktv(). Таким образом, когда бы вы ни нажали на кнопку, будет выбираться новый телеканал.
  • Строка while (tv[num] != guess.toUpperCase()). Метод или действие toUpperCase() (в верхний регистр) используется для перевода всего, что бы вы ни напечатали, в верхний регистр.
  • Программа повторяет цикл While, пока пользователь не угадает правильный телеканал. Фрагмент с циклом While уже должен казаться вам вполне знакомым.
  • Обратите внимание на If и Else. В игре возможны только два результата: либо вы правы, либо ошибаетесь.
  • Теперь кнопка, которая все это запускает:

<FORM> 
<INPUT TYPE="button" VALUE="Угадай"  
    onClick="whichtv()"></FORM>

Тут ничего нового.

Заключение

 

       В процессе написания курсовой работы получены следующие результаты:

  • разработан дизайн пособия;
  • рассмотрено разнообразие JavaScript на практике.

      В итоге обработанная информация вылилась в Web – сайт. Его особенностью является то, что в нем используется профессиональный и молодежный сленг юмор, который предназначен для вовлечения молодых в среду программирования.

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

Список использованных  источников и литературы

Литература

  1. Дунаев, В.В. Основы Web-дизайна. Самоучитель / В.В. Дунаев – СПб.: БХВ-Петербург, 2007 – 512 с.
  2. Залогова, Л.А. Компьютерная графика. Учебное пособие. 2-е издание / Л.А. Залогова – М.: БИНОМ, лаборатория знаний, 2006 – 212 с.
  3. Иванов Е. Структурный маневр // Вопросы экономики. – 2002. №10. С. 4-30.

Официальные сайты Интернет

4. Государственный  комитет РФ по статистике –  www.gks.ru

5. Электронные  учебники - http://www.ctc.msiu.ru/materials/Book1/contents.html

Информация о работе Создание электронного пособия по web-дизайну