Раскрутка Web – сайта

Цель работы: закрепить теоретические знания и приобрести практические навыки работы создания и раскрутки Web-сайта с помощью языка HTM.

Пояснения к работе

Таблицы:

Фреймы.

Фреймы разделяют экран на несколько окон., в каждом из которых отображается содержание отдельной страницы, т.е. используя технологию фреймов можно одновременно загрузить в одно окно браузера сразу несколько Web-страниц. Размер фрейма может изменяться пользователем  прямо на экране с помощью мыши. Каждый фрейм имеет собственный адрес, что позволяет отображать его не зависимо от других фреймов. В одном фрейме можно размещать ту информацию, которую автор считает необходимым постоянно показывать пользователь: логотип фирмы, набор управляющих кнопок, меню и др.; окно запроса – в одном фрейме, в другом – результат).

Ход выполнения практической работы

1. В папкe Web в файле My.html создать ссылку на документ spisok.html.

2. Сохранить полученный сайт под именем: geoton.html.

3. Просмотреть полученный сайт.

4. Создать страницу Tabl.html:

 5. Создать страницу с фреймами:

6. Просмотреть полученный сайт.

7. Дополнить страницу Tabl.html ссылками на другие страницы.

Содержание отчёта:

1. Название практической работы
2. Фамилия и номер группы
3. Цель практической работы
4. Создание меню, ссылок, управляющих элементов.
5. Значения тегов,  работающих с таблицами.
6. Значения фреймов.

Контрольные вопросы

1. Дайте определение языку HTML?
2. Какую структуру имеют  Web-страницы?
3. Какие теги управляют цветом шрифта, фоном страницы?
4. Какие теги управляют положением элемента на Web-странице?
5. Перечислите теги, работающие с таблицами и их атрибуты.
6. Как создать ссылки в таблице на другие Web – страницы?
7. Перечислите теги,  работающие со шрифтами.
8. Перечислите теги, работающие со списком.
9. Как создать меню и управляющий элемент на Web странице?
10. Назначение  фреймов? Разбивка окон по вертикали и горизонтали.

Цель работы: закрепить теоретические знания и приобрести практические навыки работы создания и раскрутки Web-сайта с помощью языка HTM.

Пояснения к работе

Таблицы:

table…table - представление информации в виде таблицы

Атрибуты:

Summary=[текст]- краткая информация для браузеров о назначении и структуре таблицы

Align=left | center | right – задает положение таблицы относительно документа

Width=[число] – определяет необходимую ширину всей таблицы

Border=[число] – задает ширину рамки вокруг таблицы в пикселях

Bgcolor=[цвет] – устанавливает цвет фона ячеек таблицы

td…td - представление данных в ячейке таблицы

th…th - представление заголовка столбца таблицы

tr…tr - представление строки таблицы

Вставка гиперссылок:

a…a - в документе создается гиперссылка

href = [are] – указывает имя документа к которому можно перейти по ссылке.

ul … ul - представление информации в виде списка без нумерации элементов

Списки:

ul … ul - представление информации в виде списка без нумерации элементов

li … li - представление элемента списка

Создание меню:

select…select создает меню в форме, предоставляющее пользователям варианты выбора. Пункты меню создаются элементами …

Пример:

Вариант 1

Вариант 2

Вариант 3

Управляющий элемент:

input - создает управляющий элемент

Атрибуты:

Type=text | password | checkbox | radio | submit | reset | file | hidden | image | button

Однострочное для ввода создает создает создает создает создает создает создает

поле ввода паролей флажок переключатель кнопку кнопку управляющий невидимый графическую

отправки сброса элемент управляющий кнопку

Фреймы.

Фреймы разделяют экран на несколько окон., в каждом из которых отображается содержание отдельной страницы, т.е. используя технологию фреймов можно одновременно загрузить в одно окно браузера сразу несколько Web-страниц. Размер фрейма может изменяться пользователем прямо на экране с помощью мыши. Каждый фрейм имеет собственный адрес, что позволяет отображать его не зависимо от других фреймов. В одном фрейме можно размещать ту информацию, которую автор считает необходимым постоянно показывать пользователь: логотип фирмы, набор управляющих кнопок, меню и др.; окно запроса – в одном фрейме, в другом – результат).

Разбивка окон:

Если по горизонтали разбить браузера на два равных по размеру фрейма, то код HTML будет таким:

frameset rows=”50%,50%”

Если Вы хотите разделить окно браузера по вертикали на два фрейма шириной 200 и 600 пикселей, следует записать:

frameset cols=”200,600”

Ход выполнения практической работы

1. В папкe Web в файле My.html создать ссылку на документ spisok.html.

2. Сохранить полученный сайт под именем: geoton.html.

3. Просмотреть полученный сайт.

geoton.html

html

Компания Геотон

Добро пожаловать на страничку компании Геотонbr

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

body

html

4. Создать страницу Tabl.html:

Меню

table

body

html

5. Создать страницу с фреймами:

1.html

Компания Геотон

frameset

html

6. Просмотреть полученный сайт.

7. Дополнить страницу Tabl.html ссылками на другие страницы.

Содержание отчёта:

1. Название практической работы

2. Фамилия и номер группы

3. Цель практической работы

4. Создание меню, ссылок, управляющих элементов.

5. Значения тегов, работающих с таблицами.

6. Значения фреймов.

Контрольные вопросы

1. Дайте определение языку HTML?

2. Какую структуру имеют Web-страницы?

3. Какие теги управляют цветом шрифта, фоном страницы?

4. Какие теги управляют положением элемента на Web-странице?

5. Перечислите теги, работающие с таблицами и их атрибуты.

6. Как создать ссылки в таблице на другие Web – страницы?

7. Перечислите теги, работающие со шрифтами.

8. Перечислите теги, работающие со списком.

9. Как создать меню и управляющий элемент на Web странице?

10. Назначение фреймов? Разбивка окон по вертикали и горизонтали.

-80%

Курсы дополнительного образования

Создание динамических веб-страниц с помощью PHP и MySQL

Продолжительность 72 часа

Документ: Cвидетельство о прохождении курса

4000 руб.

800 руб.

Подробнее

Получите комплекты видеоуроков + онлайн версии

Электронная тетрадь по информатике 9...

Творческие задания в Sсratch 5-6 классы

Электронная тетрадь по информатике 7...

Электронная тетрадь по информатике 10...

Информатика 8 класс ФГОС

Информатика 10 класс (Россия)

Информатика 11 класс (Беларусь)

Электронная тетрадь по информатике 7...

Скачать разработку

Сохранить у себя:

Раскрутка Web – сайта (45.5 КB)

Файлы по информатике

3

535

280

  Нравится 0

Добавить эту разработку
в избранное

Похожие файлы

• Размещение сайта в интернете и раскрутка

• Программа кружка по информатике Мир мультимедиа технологий

• Презентация по информатике "Создание Web-сайта с помощью MS Word"

• Этапы разработки Web-приложений

Комментарии 3

Чтобы добавить комментарий зарегистрируйтесь или войдите на сайт

Константин, 29.05.2013 14:52

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

  Нравится 0

Гаврилова Татьяна Борисовна, 23.03.2013 14:54

"Раскрутка Web - сайта" означает, что была одна первая страница (см. практическую работу «Создание своей Web-страницы: форматирование текста, вставка рисунков» http://videouroki.net/filecom.php?fileid=98661549), а затем в представленной практической работе "Раскрутка Web - сайта" происходит наполнение сайта и дальнейшее его совершенствование - создаются другие страницы, связываются воедино через фреймы, а в п.7 данной работы через таблицу происходит дополнение сайта через самостоятельную работу студентов по созданию и подсоединяются своих собственных страниц и т.д. Таким образом происходит раскрутка сайта в сторону увеличения количества страниц, ссылок на эти страницы и представления новой информации. А Вы что имели ввиду под словом раскрутка?

  Нравится 0

Александр, 19.03.2013 12:12

Эммм... А раскрутка-то тут при чем? Это же просто HTML...

  Нравится 0

Проект Видеоуроки

Согласен с этим ворпоосом... Перенаправлю его автору... 

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

Вы смотрели

Раскрутка Web – сайта

Итоговый тест по информатике

"Великая Победа"

Ақпаратты кодтау

Литературная гостинная

"Виды придаточных"

Зарегистрироваться

Электронная почта

Такой пользователь уже существует, вы можете войти или восстановить пароль

Пароль

Повторите пароль

Я ученик

Я учитель

Я родитель

Регистрируясь Вы соглашаетесь с пользовательским соглашением и политикой конфиденциальности, а также даёте согласие на получение информационных и рекламных писем от ООО “Мультиурок” на указанный Вами e-mail. Отказаться от рассылки Вы сможете в любой момент, кликнув на ссылку "отказаться от рассылки", которая будет в каждом письме.

Или войти с помощью аккаунта в соцсети

Войти в профиль

Электронная почта

Пароль

Оставаться в системе

Вспомнить пароль

Войти в кабинет ученика

Или войти с помощью аккаунта в соцсети

Зарегистрироваться

Восстановление пароля

Введите вашу электронную почту, чтобы восстановить пароль!

Главная страница

Чем мы занимаемся?

О нашей компании

Новости

Оборудование

Специальное предложение

Наши партнеры

Прайс-лист

Связь с компанией