955044
столько раз учителя, ученики и родители
посетили сайт «Инфоурок»
за прошедшие 24 часа
+Добавить материал
и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015
Дистанционные курсы профессиональной переподготовки и повышения квалификации для педагогов

Дистанционные курсы для педагогов - курсы профессиональной переподготовки от 1.410 руб.;
- курсы повышения квалификации от 430 руб.
Московские документы для аттестации

ВЫБРАТЬ КУРС СО СКИДКОЙ ДО 90%

ВНИМАНИЕ: Скидка действует ТОЛЬКО до конца апреля!

(Лицензия на осуществление образовательной деятельности №038767 выдана ООО "Столичный учебный центр", г.Москва)

ИнфоурокИнформатикаДругие методич. материалыУрок по информатике "Оформление сайта"

Урок по информатике "Оформление сайта"

библиотека
материалов
Скачать материал целиком можно бесплатно по ссылке внизу страницы.

Тема: Оформление сайта


Урок 2


Разделить Web-страницу на несколько независимых окон можно с помощью фреймов. Любой сайт, содержащий страницы с фреймами, начинается с создания странички-контейнера. Страничка-контейнер содержит теги <frameset>…frameset>. Страничку-контейнер сохраняют под именем index.html. Файл, который будет располагаться в верхнем фрейме, имеет имя up.html, в нижнем левом left.html, в нижнем правом – right.html.


Основные команды создания фреймов

Наберите следующий код и сохраните как index.html. Задайте атрибутам свои параметры:


Титульный


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


Создайте файл About.html, в котором раскройте основные понятия по вашей теме.

Создайте файл My dream, в котором опишите интересующую тему.

В Web используют следующие шрифты: Times New Roman, Arial, Courier New, Tahoma, Verdana.

Основные команды оформления сайта

Залить весь фрейм (файл)

body {background-color: # RRGGBB;}

Бегущая строка, направление, цвет, ширина, высота, время задержки между движениями в миллисекундах, число повторов (бесконечное)

Выделение текста курсивом

Ссылка на файл

имя файла" target ="content"> Текст ссылки

Список и отдельный элемент списка

<ul>

<li> Первый пункт

ul>

Знак «копирайт»

©

Вставка изображения из этой же папки

<IMG SRC =”имя.формат” (.gif, .jpeg, .png)>

Толщина рамки вокруг изображения

border="0"

Текст на картинке, появляющийся при наведении указателя мыши

alt="Щелкни, чтобы перейти на…"

Ссылка на сайт

<a href="http://www.yurg6.ru" target=" "> Вставка изображения Текст при наведении указателя мыши Ширина Высота картинки Толщина рамки >a>

Картинка является фоном


В файле up.html создайте бегущую строку, в которой укажите: 1) название созданной страницы: «Всё о компьютере»; 2) выполнил: ФИО, школа и класс; 3) проверил: учитель, ФИО.

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

Для вывода надписей используйте разное форматирование.


В файле left.html создайте Структуру сайта, в которой с каждой новой строки используйте ссылки: 1) на файл «Всё о …», 2) на файл «About», 3) на файл «My dream» .

Перечень сведений о себе оформите в виде списка. Например:

  1. Всё о компьютере:

  • 1.1 Мои представления о компьютере

  • 1.2 Компьютер моей мечты

Добавьте картинку, с которой осуществляется переход на сайт школы.

Добавьте 4 пустые строки и вставьте значок авторского права «Копирайт»

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

Название созданной страницы «Меню».

Для текста «Структура сайта» примените шрифт Verdana, размер и цвет задайте самостоятельно.



2

Общая информация

Номер материала: ДБ-188198

Вам будут интересны эти курсы:

Курс повышения квалификации «Табличный процессор MS Excel в профессиональной деятельности учителя математики»
Курс повышения квалификации «Современные информационные технологии и их использование в работе преподавателей. Системы автоматизированного проектирования одежды и организация технологического процесса»
Курс повышения квалификации «Основы создания интерактивного урока: от презентации до видеоурока»
Курс повышения квалификации «Внедрение системы компьютерной математики в процесс обучения математике в старших классах в рамках реализации ФГОС»
Курс профессиональной переподготовки «Информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Облачные технологии в образовании»
Курс «Фирменный стиль» (Corel Draw, Photoshop)
Курс «1С: Предприятие 7.7»
Курс «WEB-ВЕРСТКА (HTML, CSS)»
Курс повышения квалификации «Специфика преподавания информатики в начальных классах с учетом ФГОС НОО»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс повышения квалификации «Введение в программирование на языке С (СИ)»
Курс повышения квалификации «Специфика преподавания дисциплины «Информационные технологии» в условиях реализации ФГОС СПО по ТОП-50»
Курс повышения квалификации «Современные языки программирования интегрированной оболочки Microsoft Visual Studio C# NET., C++. NET, VB.NET. с использованием структурного и объектно-ориентированного методов разработки корпоративных систем»
Курс повышение квалификации «Применение интерактивных образовательных платформ на примере платформы Moodle»

Благодарность за вклад в развитие крупнейшей онлайн-библиотеки методических разработок для учителей

Опубликуйте минимум 3 материала, чтобы БЕСПЛАТНО получить и скачать данную благодарность

Сертификат о создании сайта

Добавьте минимум пять материалов, чтобы получить сертификат о создании сайта

Грамота за использование ИКТ в работе педагога

Опубликуйте минимум 10 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Свидетельство о представлении обобщённого педагогического опыта на Всероссийском уровне

Опубликуйте минимум 15 материалов, чтобы БЕСПЛАТНО получить и скачать данное cвидетельство

Грамота за высокий профессионализм, проявленный в процессе создания и развития собственного учительского сайта в рамках проекта "Инфоурок"

Опубликуйте минимум 20 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Грамота за активное участие в работе над повышением качества образования совместно с проектом "Инфоурок"

Опубликуйте минимум 25 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Почётная грамота за научно-просветительскую и образовательную деятельность в рамках проекта "Инфоурок"

Опубликуйте минимум 40 материалов, чтобы БЕСПЛАТНО получить и скачать данную почётную грамоту

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