litceysel.ru
добавить свой файл
1
МОУ Лицей №4 г. Люберцы



Реферат

По технологии

На тему:

«Про сайт»


Выполнил ученик 9 б класса

Ляпин Антон


2008 год

Оглавление:


Информация об использованном Html коде:

Главная таблица ……………………………………………………………….... 2

Таблица №1 ……………………………………………………………………… 3

Таблица №2 ……………………………………………………………………… 3

Таблица №3 ……………………………………………………………………… 4


Техническое задание:

Техническое задание на сайт……………………………………………………. 5


CSS:

CSS ……………………………………………………………………………....... 6-10


Использованные сайты и литература:

Использованные сайты и литература……………………………………………. 11


Информация об использованном Html коде.


Все страницы созданы с помощью CSS ( Каскадные таблицы стилей ).

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

Назовем эту таблицу главной.











Тэг “Bgcolor ” Определяет цвет фона в таблице в шестнанцатиричном значении цвета. “Align” Определяет расположение таблицы в документе. По умолчанию таблица прижата к левому краю страницы. Допустимые значения аттрибута: LEFT (слева), CENTER (по центру страницы) и RIGHT (справа). Данная таблица расположена по центру страницы. Тэг “Width” Определяет ширину таблицы в пикселях или процентах, по умолчанию ширина таблицы определяется содержимым ячеек. “Cellspacing” Определяет расстояние между рамками ячеек таблицы в пикселях. “Cellpadding” Определяет расстояние в пикселях между рамкой ячейки и текстом. “Border” Устанавливает толщину рамки. “Bordercolor” Устанавливает цвет окантовки. “Rowspan” Растягивание ячейки по строке.


В главной таблице находится три таблицы, которые меньше по размеру.


Таблица №1 :

















Эта таблица находится выше остальных таблиц. В ней находится рисунок с заголовком «Юрий Алексеевич Гагарин». Такой рисунок был сделан с помощью текстового редактора “Microsoft Word”. Я написал текст на в WordArt и изменил на понравившееся мне стиль. Далее я копировал весь текст в “Paint”, сделал размер рисунка и сохранил его. Вот так можно сделать рисунок без помощи программы PhotoShop!

Итак, переходим к таблице №2:













Главная ">Биография Об авторах


В данной таблице находится три гиперссылки. Первая ссылка осуществляет переход на страницу «Главная» Вторая на страницу «Биография». Третья на страницу «Об авторах». Но здесь еще есть и дополнительный атрибут. Если навести мышку на гиперссылку и подождать несколько секунд, то появится текст в котором написано куда ведет эта ссылка.


Таблица №3














Приветствуем вас!



                  

   Ю .А. Гагарин

Данный сайт посвящен Юрию Алексеевичу Гагарину, великому летчику-испытателю и космонавту, который 12 апреля 1961 года совершил первый полет в космос.








Эта таблица изменяется на каждой странице. В данной таблице присутствует фотография Ю. А. Гагарина. А подтаблицей вставлен текст. На странице «Биография» в этой таблице текст, в котором описывается краткая биография Юрия Алексеевича Гагарина. А на странице «Об авторах» текст с информацией о создателях сайта.


Техническое задание на сайт.


1. Имя сайта (название домена).

www.yrigag.narod.ru


2. Название сайта.

Биография Юрия Алексеевича Гагарина


3. Назначение сайта (цель создания сайта).

Сайт представлен в Интернет, для того чтобы пользователь мог получить информацию о Ю. А. Гагарине. Пользователь может использовать информацию для написания докладов, рефератов.


4. Количество страниц сайта.

Сайт должен содержать следующие html страницы: 1-Главная, 2-Биография, 3-Об авторах.


5. Объём сайта.

172 kb


6. Общий фон сайта.

Общий фон сайта синий.


7. Срок разработки сайта.

4 месяцев (с января по апрель), срок сдачи май 2008 года.


CSS.

Cascading Style Sheets(CSS) - каскадные таблицы стилей. Таблицы стилей - попытка отделить детали дизайна странички от ее структуры и содержания. В классическом HTML структура и дизайн были вперемешку: рядом с текстовым абзацем его цвет, размер шрифта, тип шрифта и т.п. Если ты захочешь изменить такой простой параметр, как размер шрифта на своем сайте - придется переписывать все странички. CSS позволяет назначить всем объектам стиль, описание которого может храниться вообще в отдельном файле. Используя CSS, ты можешь изменить размер шрифта во всех страницах сайта, исправив только один файл с описанием стилей. Чем больше разных стилей ты придумаешь, тем круче менять дизайн. Самое главное, что не придется менять уже готовые HTML документы, лежащие на сервере. Браузер пользователя сам обратится к файлу (по ссылке) со стилями и придаст страничке нужный облик.




  • История CSS



Принятие Консорциумом W3C в декабре 1996 года в качестве стандарта CSS первого уровня был огромным шагом вперед, поскольку позволял отделить содержание WEB-страницы (текст, изображение и т.д.) от ее форматирования (макет и характеристики текста, например, информация о шрифтах). После этого язык HTML снова стал функционально-ориентированным (а не ориентированным на форму), что однако не мешало пользователем контролировать вид страницы.

В мае 1998 года был принят стандарт CSS2, позволяющий разработчикам осуществлять контроль над WEB-страницами на более высоком уровне. Этот стандарт основан на CSS первого уровня и включал новые функции, в частности, возможность точно располагать элементы и объекты WEB-страницы, а также звуковые таблицы стилей, позволяющие специальному программному обеспечению считывать содержимое WEB-страницы (что полезно для слабовидящих пользователей).



  • Типы листов стилей.



Существуют три способа применения стилей в документе HTML.

1. Встраивание (inline). Описание стиля можно встроить в различные дескрипторы (теги) HTML, для которых стиль имеет смысл, например: для объявления абзацев, заголовков, горизонтальных полос, якорей и ячеек таблицы. В следующем примере демонстрируется дескриптор объявления абзаца с добавлением к нему атрибута STYLE для получения требуемого эффекта.


текст красного цвета


2. Внедрение (embed), обеспечивающее контроль над страницей HTML. Использование дескриптора






текст красного цвета