Компьютеры на которых размещаются сайты а также программы обеспечивающие поддержку сайтов
1. Формирование умений и навыков, носящих в современных условиях общенаучный и интеллектуальный характер.
2. освоение приемов создания Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word: оформление дизайна страницы; организация внутренних гиперссылок; организация внешних гиперссылок.
| Вложение | Размер |
|---|---|
| urok_na_konkurs.docx | 30.63 КБ |
Предварительный просмотр:
Создание Web-сайта с помощью Microsoft Word
- Формирование умений и навыков, носящих в современных условиях общенаучный и интеллектуальный характер.
- освоение приемов создания Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word: оформление дизайна страницы; организация внутренних гиперссылок; организация внешних гиперссылок.
- Воспитательная – развитие познавательного интереса, воспитание информационной культуры.
- Учебная – изучить и закрепить навыки работы с текстовым редактором.
- Развивающая – развитие логического мышления, расширение кругозора.
Используемое программное обеспечение: текстовый процессор Microsoft Word 2010.
Тип урока: комбинированный
- Краткий инструктаж по технике безопасности в компьютерном классе.
- Объяснение нового материала.
- Выполнение практической работы.
- Домашнее задание.
Здравствуйте! Сегодня мы с вами будем создавать web-сайт с помощью Microsoft Word
- Инструктаж по технике безопасности в компьютерном классе
Чтобы успешно выполнить свою работу, нужно вспомнить правила поведения и ТБ в компьютерном классе. Внимание на экран.
«Правила поведения в кабинете информатики»
Во время работы следует
- Соблюдать правила поведения и текущие указания учителя.
- Работать на расстоянии 60-70 см от экрана монитора, соблюдая правильную осанку, а если есть очки - в очках.
- Следить за неисправностью аппаратуры и немедленно прекратить работу при появлении необычного звука, запаха гари, самопроизвольного отключения аппаратуры.
- Нажимать на клавиши плавно, не допуская резких ударов.
- Работать на клавиатуре чистыми руками.
- Не вставать со своих мест, когда в кабинет входят посетители.
- В класс входить спокойно, не торопясь, не задевая столы.
- Трогать разъёмы соединительных кабелей.
- Прикасаться к питающим проводам и устройствам заземления
- Прикасаться к экрану и тыльной стороне монитора.
- Включать и выключать аппаратуру без разрешения преподавателя.
- Класть посторонние предметы на клавиатуру и монитор.
- Не пользоваться клавиатурой при отключенной аппаратуре.
- Работать во влажной одежде и влажными руками.
- Никогда не пытаться самостоятельно устранять неисправности в работе аппаратуры.
Изучая данную тему, мы с вами рассмотрим следующие вопросы:
- Что такое Web – сайт, Web – страница, гиперссылка?
- Как и какими средствами создаются Web – страницы?
- Какие существуют виды навигационной схемы Web – сайтов?
- Примеры оформления Web – страниц.
- Создание гиперссылок.
Внимание на экран. Я, отвечая на эти вопросы, одновременно буду демонстрировать слайды. Нужные определения запишем в тетрадях
А теперь начнем практическую работу. Вы дома подготовили материал, по заранее выбранной теме (картинки, фотографии, видео, текст). Перед вами лежит брошюрка, где указана ход выполнения практической работы, и советы по созданию Web-сайта.
- Что такое Web – сайт, Web – страница, гиперссылка?
Веб-сайт (Website) - это объединённая под одним адресом (доменным именем) совокупность документов частного лица или организации. По умолчанию подразумевается что сайт располагается в сети Интернет, но он так же может публиковаться в локальной сети компании - в сети Интранет. Веб-сайты иначе называют Интернет-представительством человека или организации. Когда говорят "своя страничка в Интернет", то подразумевается целый веб-сайт или личная страница в составе чужого сайта.
Веб-страница - это логическая единица интернета , однозначно определяемая адресом ( URL ). Можно сказать, что веб состоит из сайтов , а сайты, в свою очередь - из страниц. Веб-страницы могут включать картинки, музыку, видео, скрипты и др.
Гиперссылка (hyperreference)— часть гипертекстового документа, ссылающаяся на другой элемент (команда, текст, заголовок, примечание, изображение) в самом документе, на другой объект (файл, директория, приложение), расположенный на локальном компьютере или в компьютерной сети, либо на элементы этого объекта.
- Как и какими средствами создаются Web – страницы?
Собрание страниц, объединенных некоторой общей тематикой и помещенных, как правило, на одном компьютере, называют Web-узлом или сайтом . Узлы Web подобны книгам, а Web-страницы - страницам этих книг. Компьютеры, на которых размещаются сайты, а также программы, обеспечивающие поддержку сайтов, называются серверами . На одном сервере может размещаться множество Web-узлов или сайтов.
Чтобы опубликовать в Интернете страницу, содержащую некоторую информацию, используется специально разработанный для этого язык HTML.
HTML – HyperText Markup Language (Язык разметки гипертекста) представляет собой довольно простой набор команд, описывающих структуру документа. Этот язык разметки позволяет выделить в документе отдельные логические части – заголовки, абзацы, таблицы, списки-перечисления и т.д., но не задает конкретные атрибуты форматирования. Конкретный вид форматирования определяет сам браузер при чтении документа, и именно браузер обеспечивает наилучшее отображение Web-документа на вашем экране.
- Какие существуют виды навигационной схемы Web – сайтов?
Важным понятием в разработке Web-узла является схема навигации, определяющая, как пользователь будет перемещаться между страницами. С помощью схемы навигации пользователь получает представление о структуре Web-узла, а также представление о том, в каком месте узла он находится в данный момент. Правильно разработанная схема позволит пользователю легко перемещаться между страницами Web-узла в поисках нужной ему информации.
Существует много вариантов организации навигационной схемы. Рассмотрим два полярных подхода. Первый из них дает возможность пользователю перемещаться по иерархии страниц только вверх или вниз без возможности перехода между страницами одного иерархического уровня. При такой схеме навигации для перехода к странице, расположенной на другой ветви иерархии, необходимо вернуться назад, и лишь затем, перейдя на нужную ветвь, перемещаться по дереву вниз. Заблудиться на Web-узле с такой структурой тяжело, но и для перехода к нужной информации требуется много времени.
Другой подход, это когда пользователь получает возможность с любого уровня иерархии переходить на любую страницу Web-узла. В этом случае достигается максимум возможностей по перемещению, но с другой стороны пользователю тяжело определить, в каком месте иерархической структуры он находится в данный момент.
Задача разработчика — подобрать такой оптимальный вариант, при котором бы обеспечивалось удобство перемещения между страницами и не терялась ориентация. Так, например, в процессе движения вниз по иерархической структуре необходимо предусмотреть для пользователя ссылки на домашнюю страницу, а также ссылки на страницы, находящиеся на том же уровне, если они содержат подобную по тематике информацию. Можно также, если необходимо, предусмотреть ссылки для движения вверх по иерархической структуре. Главное, чтобы посетитель не запутался в предлагаемой его вниманию информации.
Просматривая Web-узлы в Интернете, вы, вероятно, обращали внимание на то, что страницы содержат определенные элементы оформления. Это — заголовки, фоновое изображение, информация для контактов, графические изображения, панели ссылок, таблицы.
Гиперссылки предназначены для перемещения между страницами текущего Web-узла, а также на другие узлы в поисках нужной информации. Они могут указывать на текст, графические изображения, страницы других Web-узлов в сети Интернет, документы Microsoft Office, закладки, размещенные на этой же странице, на других страницах Web-узла или внутри документов, локальные файлы вашего компьютера, адреса электронной почты для доставки корреспонденции и т.д. При ссылке на файлы Microsoft Office автоматически запускается соответствующая программа и открывается файл, на который указывает ссылка. Если страница, на которой создается ссылка, является фреймом (т.е. разбита с помощью рамок на несколько областей), можно указать, в какую область фрейма загружать страницу, на которую указывает ссылка.
В качестве гиперссылки можно использовать не только текстовую информацию, но и графическое изображение или отдельные его части, называемые активными областями. Для создания на изображении активных областей используются кнопки панели инструментов Рисунки (Pictures).
Установите соответствие между функциями в PHP и их действиями:
применяет созданную пользователем функцию ко всем элементам массива и возвращает true в случае успешного выполнения операции и false – в противном случае
разбивает массив на несколько подмассивов заданной длины
сортирует значения ключей массива с помощью определенной пользователем функции
возвращает массив, который содержит извлечённые элементы
Web-девелопмент и web-дизайн
Верны ли утверждения: А) Тег позволяет добавить в строку ячейку с данными. В) Тег позволяет создать табличный заголовок.
Web-девелопмент и web-дизайн
Верны ли утверждения: А) Если требуется сохранять индексы элементов массива после сортировки в PHP, то нужно использовать функцию rsort. В) Если необходимо отсортировать массив в обратном порядке в PHP, т.е. от наибольшего значения к наименьшему, то можно задействовать функцию asort.
Web-девелопмент и web-дизайн
Верны ли утверждения: А) Цвет любого пиксела растрового изображения запоминается в компьютере с помощью комбинации битов. В) Объем информации, описывающий цвет пикселя, определяет глубину цвета.
Web-девелопмент и web-дизайн
______ массивов — совпадение всех пар ключ/значение элементов массивов
Web-девелопмент и web-дизайн
______ ключ — минимальный набор полей, уникально идентифицирующий запись в таблице
Web-девелопмент и web-дизайн
______ изображение — файл данных или структура, представляющая собой сетку пикселей или точек цветов (на практике прямоугольную) на компьютерном мониторе, бумаге и других отображающих устройствах и материалах
Web-девелопмент и web-дизайн
Установите соответствие между сайтами и их описаниями:
сайты, которые содержат исчерпывающую информацию по некоторой предметной области
сайты, которые существуют с целью продвижения целей некоммерческой организации или благотворительной деятельности частного лица или организации
сайты, создающиеся для игр или некоего занимательного взаимодействия, для которого могут употребляться элементы операционного и информационного типов
сайты, основной задачей которых является получение прибыли
Web-девелопмент и web-дизайн
Web-девелопмент и web-дизайн
Установите соответствие между протоколами и "занимаемыми" ими порты:
Web-девелопмент и web-дизайн
Конструкция for, или цикл со счётчиком, по своей работе похож на цикл
Web-девелопмент и web-дизайн
_____ - язык разметки исходного текста web-документа, включающий специальные символы (теги), которые позволяют web-браузеру сконструировать из текста дизайн
Web-девелопмент и web-дизайн
______ — документ, содержание которого пригодно для обработки, манипулирования и просмотра посредством web-браузера
Web-девелопмент и web-дизайн
Основным объектом хранения реляционной базы данных является
Web-девелопмент и web-дизайн
Установите соответствие между функциями в PHP и их действиями:
удаляет пробельные символы в начале и в конце строки
заменяет специальные символы (кавычки, "больше", "меньше" и другие) на их HTML-эквиваленты
преобразует русский текст из одной кодировки в другую
Web-девелопмент и web-дизайн
Основным элементом растрового изображения является
Web-девелопмент и web-дизайн
Установите соответствие между понятиями и определениями:
представление данных в Macromedia Flash, при котором каждый атрибут документа представлен отдельно и с ним могут выполняться независимые операции
Web-девелопмент и web-дизайн
В PHP существует следующие группы управляющих конструкций:
Web-девелопмент и web-дизайн
_____ HTML - блок, образованный двумя тегами и частью документа, заключенной между ними
Web-девелопмент и web-дизайн
_________ — стандарт, по которому кодируются данные для отправки по сети
Web-девелопмент и web-дизайн
Расположите этапы работы с Macromedia Flash в логическом порядке
предоставление разработанного flash-ролика клиенту (в электронном виде)
согласование выполненных работ с клиентом, выполнение необходимых доработок
Web-девелопмент и web-дизайн
Верны ли утверждения: А) CSS используется создателями web-страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих web-страниц. В) CSS позволяет представлять один и тот же документ в различных стилях или методах вывода.
Web-девелопмент и web-дизайн
______ — наименьший логический элемент двумерного цифрового изображения в растровой графике
Web-девелопмент и web-дизайн
_____ - параметр, дающий дополнительную информацию о том, как браузер должен обрабатывать текущий тег
Web-девелопмент и web-дизайн
Установите соответствие между операторами SQL и их функциями:
предоставляет пользователю (группе) разрешения на определенные операции с объектом
Web-девелопмент и web-дизайн
Верны ли утверждения: А) Отступы в php значения не имеют, и применяются только для улучшения читабельности кода. В) Конструкция switch-case, по своему действию схожа с конструкцией continue.
Web-девелопмент и web-дизайн
Верны ли утверждения: А) Авторское право касается всех форм литературных произведений, независимо от места публикации. В) Если владелец сайта является автором дизайна, то копирайт распространяется также и на дизайн.
Web-девелопмент и web-дизайн
открывает файл только для записи; устанавливает указатель файла в его конец. Если файл не существует, то пытается создать его
открывает файл только для записи; устанавливает указатель файла на его начало и усекает файл до нулевой длины. Если файл не существует, то пытается создать его
открывает файл только для чтения; устанавливает указатель позиции в файле на начало файла
открывает файл так, что при этом fopen() возвращает false и генерируется предупреждение. Если файл не существует, то делается попытка создать его
Web-девелопмент и web-дизайн
______ графика — раздел компьютерной графики, совокупность приемов и инструментов (как программных, так и аппаратных), предназначенных для изображения объёмных объектов
Web-девелопмент и web-дизайн
______ — минимальная единица языка PHP, имеющая самостоятельный смысл
Web-девелопмент и web-дизайн
_____ - элемент управления, который используют, когда необходимо выбрать любое количество вариантов из предложенного списка
Web-девелопмент и web-дизайн
Установите соответствие между составляющими web-страницы и их описаниями:
внешний вид тех или иных структурных единиц документа
логическое построение документа, описанное при помощи тегов разметки
текст, который видит перед глазами человек, просматривающий web-страницу в окне браузера
Web-девелопмент и web-дизайн
Коммерческие сайты делятся на несколько подкатегорий, наиболее распространенными из которых являются:
Web-девелопмент и web-дизайн
_____ сайта – воображаемый показатель, позволяющий качественно оценить уровень доверия поисковых систем к сайту
Web-девелопмент и web-дизайн
Расположите последовательность действий по разработке web-сайта в логическом порядке:
разработка логической и физической структуры ресурса
подготовка эскиза дизайна, компоновки сайта, невидимой верстальной таблицы
Web-девелопмент и web-дизайн
______ — принцип Web-дизайна, при котором упорядочение элементов Web-дизайна происходит таким образом, чтобы они максимально близко подступали к естественным линиям или границам, которые они образуют
Web-девелопмент и web-дизайн
____________ списки - списки, в которых элементы списка отмечаются маркерами
Web-девелопмент и web-дизайн
______ — плотность размещения пикселей, формирующих изображение, то есть количество пикселей на заданном отрезке
Web-девелопмент и web-дизайн
Web-браузеры поддерживают связь с web-серверами с помощью
Web-девелопмент и web-дизайн
______ база данных — множество взаимосвязанных таблиц, каждая из которых содержит информацию об объектах определенного вида
Web-девелопмент и web-дизайн
Верны ли утверждения: А) ActionScript — язык программирования, посредством которого во Flash осуществляется отправка команд и запросов о временных зависимостях, видеоклипах, кнопках и других объектах. В) Шаблон Flash — текстовый файл, содержащий неизменяющийся код HTML и специальные переменные, начинающиеся со знака доллара ($).
Сервер — это специализированное оборудование (обычно служебный компьютер или рабочая станция), призванное выполнять сервисное программное обеспечение без участия человека. В переводе с английского, serve — служить, а server — исполняющий службу, то есть служебное оборудование или программное обеспечение.
Главное правило сервера, которое отличает его от обычного компьютера, — это автономность. То есть участие человека не требуется. Человек лишь осуществляет первоначальную настройку, периодическое аппаратно-техническое обслуживание и обслуживание в нештатных ситуациях.
Если говорить человеческим языком, то сервер — это компьютер, обрабатывающий команды пользователей для их корректного выполнения. Это некий промежуточный этап между действием пользователя и ответом программы на это действие.
Что представляет собой сервер
В качестве сервера может выступать как отдельный служебный компьютер (похожий на обычный ПК), так и целая станция, содержащая в себе множество аппаратных единиц. Зачастую для выполнения внутренних задач компании (например, работы с базами данных, вычислительных операций, отправки и получения внутренней почты) используются одиночные служебные компьютеры.
Если же мощностей одного сервера не хватает и необходимо подключать дополнительные, используют станции, представляющие собой вертикальные стойки с множеством аппаратных единиц. Например, в крупных компаниях, дата-центрах или у хостинг-провайдеров.
Такие компании обладают отдельными серверными комнатами, где и расположено все оборудование. В помещениях поддерживается определенный уровень влажности, температуры, пыльности, предусмотрены противопожарные меры безопасности и т. д.
Серверные станции могут использоваться как для выполнения задач внутри компании, так и для сдачи серверов в аренду. Например, для размещения сайтов.
По сути, сервер — это тот же компьютер, только имеющий более качественные аппаратные составляющие (оперативная память, процессоры, жесткие диски и т. д.). Устройства ввода и вывода (монитор, клавиатура, мышь) для выполнения операций не требуются, они нужны лишь для настройки и обслуживания. Для корректной работы необходимы постоянное электропитание, доступ к сети и исправность оборудования.
Как работает сервер
Что делает сервер? В чем именно заключается его роль? Эти и другие аналогичные вопросы часто возникают в головах людей.
Алгоритм работы сервера следующий:
- Сначала пользователь делает запрос, выполняет команду (чаще всего это нажатие той или иной кнопки).
- Информация о его действии поступает на сервер и обрабатывается оборудованием.
- После этого, в соответствии с настройками программы, система выводит ту или иную информацию на монитор.
Например, пользователь вводит логин и пароль на сайте, а затем нажимает кнопку «Войти». Информация поступает на сервер, где проверяется правильность введенных данных. Если они введены неверно, пользователь увидит уведомление об ошибке. Если же данные указаны корректно, пользователь попадет в свой «Личный кабинет».
Для чего используются серверы
Главное предназначение серверов — это предоставление доступа к информации и программам третьим лицам. Например, предоставление сотрудникам компании доступа к CRM-системе. Или возможность совместной работы и взаимодействия работников из разных филиалов (городов, стран). Или взаимодействие пользователей с интернет-ресурсом, онлайн-игрой, приложением, базой данных и т. д. Для всего этого необходимы серверы.
Виды серверов
Все серверы делятся на несколько видов в зависимости от того, какую именно задачу они призваны выполнять.
Онлайн-сервер (или веб-сервер)
Почтовый сервер
Файловый сервер
Используется для предоставления доступа к файлам сети другим компьютерам. То есть люди с разных ПК могут обмениваться между собой файлами (загружать, скачивать) или получать доступ к хранящимся на сервере данным. В таких ситуациях серверное оборудование должно иметь достаточно места на жестком диске для хранения документов, изображений, видео и т. д. Для обмена файлами используется протокол FTP.
Серверы баз данных
Почти все программы используют базы данных. Например, для хранения информации обо всех аккаунтах (персональные данные, логины, пароли и т. д.). Сервера баз данных выступают в роли этого хранилища. Для корректной обработки некоторых запросов пользователя (например, авторизация на сайте) требуется сверить данные с имеющимися в базе. В зависимости от соответствия/несоответствия система дает тот или иной отклик (вход в личный кабинет или оповещение о том, что логин или пароль введен неверно).
Прокси-сервер
Это все тот же онлайн-сервер, только выступает он в роли посредника между пользователем и конечным сервером. То есть запрос пользователя будет выполнен не напрямую, а через прокси-сервер. При этом информация может быть изменена (как сам запрос, так и ответ). Использование прокси-серверов позволяет сохранить анонимность пользователя, защитить компьютер от атак и т. д.
Принт-сервер
Это программное обеспечение или оборудование, которое позволяет использовать один принтер нескольким пользователям совместно. Примером могут стать несколько компьютеров, подключенных к одному принтеру в офисе.
Игровой сервер
Такие устройства используются компаниями, которые занимаются разработкой и поддержкой онлайн-игр. Оборудование должно выдержать нагрузку, когда в игре одновременно находятся сотни, тысячи и даже миллионы игроков (в зависимости от популярности игры). Все действия игроков и обмен информацией осуществляются через игровые сервера. В онлайн-играх важная роль отводится скорости обработки информации, чтобы взаимодействие игроков друг с другом осуществлялось в реальном времени (с минимальными задержками).
Удаленный и локальный серверы
Помимо разделения по типу выполняемых задач, серверы также делят на две группы: удаленные и локальные. Название говорит само за себя. Удаленный сервер — это оборудование, доступ к которому осуществляется удаленно (например, через интернет). То есть у владельца нет доступа к самому железу. Локальный — серверное оборудование, к которому есть непосредственный доступ.
Примером удаленного сервера является хостинг сайта, покупаемый у хостинг-провайдеров. Владелец ресурса не имеет непосредственного доступа к оборудованию, а может лишь управлять хостингом удаленно. Это удобно, так как не приходится беспокоиться за сохранность и работоспособность железа. При этом стоимость его использования довольно низкая. Пример локального — сервер, расположенный на территории компании и выполняющий внутренние задачи.
Сервер — это оборудование, обрабатывающее запросы пользователей и дающее на них ответ. Нажатие каждой кнопки на сайте задействует серверное оборудование. Это важный элемент, без которого не было бы ни интернета, ни программ, работающих с различной информацией, ни возможности взаимодействовать с другими пользователями.
Синонимы: нет
Все термины на букву «С»
Все термины в глоссарии
Формирование умений и навыков, носящих в современных условиях общенаучный и интеллектуальный характер.
освоение приемов создания Web-страниц и Web-сайтов с помощью текстового процессора Microsoft Word: оформление дизайна страницы; организация внутренних гиперссылок; организация внешних гиперссылок.
Задачи урока:
Воспитательная – развитие познавательного интереса, воспитание информационной культуры.
Учебная – изучить и закрепить навыки работы с текстовым редактором.
Развивающая – развитие логического мышления, расширение кругозора.
Используемое программное обеспечение: текстовый процессор Microsoft Word 2010.
Тип урока: комбинированный
Краткий инструктаж по технике безопасности в компьютерном классе.
Объяснение нового материала.
Выполнение практической работы.
Организационный момент
Здравствуйте! Сегодня мы с вами будем создавать web-сайт с помощью Microsoft Word
Инструктаж по технике безопасности в компьютерном классе
Чтобы успешно выполнить свою работу, нужно вспомнить правила поведения и ТБ в компьютерном классе. Внимание на экран.
«Правила поведения в кабинете информатики»
Соблюдать правила поведения и текущие указания учителя.
Работать на расстоянии 60-70 см от экрана монитора, соблюдая правильную осанку, а если есть очки - в очках.
Следить за неисправностью аппаратуры и немедленно прекратить работу при появлении необычного звука, запаха гари, самопроизвольного отключения аппаратуры.
Нажимать на клавиши плавно, не допуская резких ударов.
Работать на клавиатуре чистыми руками.
Не вставать со своих мест, когда в кабинет входят посетители.
В класс входить спокойно, не торопясь, не задевая столы.
Трогать разъёмы соединительных кабелей.
Прикасаться к питающим проводам и устройствам заземления
Прикасаться к экрану и тыльной стороне монитора.
Включать и выключать аппаратуру без разрешения преподавателя.
Класть посторонние предметы на клавиатуру и монитор.
Не пользоваться клавиатурой при отключенной аппаратуре.
Работать во влажной одежде и влажными руками.
Никогда не пытаться самостоятельно устранять неисправности в работе аппаратуры.
Изучение нового материала.
Изучая данную тему, мы с вами рассмотрим следующие вопросы:
Что такое Web – сайт, Web – страница, гиперссылка?
Как и какими средствами создаются Web – страницы?
Какие существуют виды навигационной схемы Web – сайтов?
Примеры оформления Web – страниц.
Внимание на экран. Я, отвечая на эти вопросы, одновременно буду демонстрировать слайды. Нужные определения запишем в тетрадях
Практическая работа на компьютере
А теперь начнем практическую работу. Вы дома подготовили материал, по заранее выбранной теме (картинки, фотографии, видео, текст). Перед вами лежит брошюрка, где указана ход выполнения практической работы, и советы по созданию Web-сайта.
Домашняя работа
Теоретический материал
Что такое Web – сайт, Web – страница, гиперссылка?
Веб-сайт (Website) - это объединённая под одним адресом (доменным именем) совокупность документов частного лица или организации. По умолчанию подразумевается что сайт располагается в сети Интернет, но он так же может публиковаться в локальной сети компании - в сети Интранет. Веб-сайты иначе называют Интернет-представительством человека или организации. Когда говорят "своя страничка в Интернет", то подразумевается целый веб-сайт или личная страница в составе чужого сайта.
Веб-страница - это логическая единица интернета , однозначно определяемая адресом ( URL ). Можно сказать, что веб состоит из сайтов , а сайты, в свою очередь - из страниц. Веб-страницы могут включать картинки, музыку, видео, скрипты и др.
Гиперссылка (hyperreference)— часть гипертекстового документа, ссылающаяся на другой элемент (команда, текст, заголовок, примечание, изображение) в самом документе, на другой объект (файл, директория, приложение), расположенный на локальном компьютере или в компьютерной сети, либо на элементы этого объекта.
Как и какими средствами создаются Web – страницы?
Собрание страниц, объединенных некоторой общей тематикой и помещенных, как правило, на одном компьютере, называют Web-узлом или сайтом . Узлы Web подобны книгам, а Web-страницы - страницам этих книг. Компьютеры, на которых размещаются сайты, а также программы, обеспечивающие поддержку сайтов, называются серверами . На одном сервере может размещаться множество Web-узлов или сайтов.
Чтобы опубликовать в Интернете страницу, содержащую некоторую информацию, используется специально разработанный для этого язык HTML.
HTML – HyperText Markup Language (Язык разметки гипертекста) представляет собой довольно простой набор команд, описывающих структуру документа. Этот язык разметки позволяет выделить в документе отдельные логические части – заголовки, абзацы, таблицы, списки-перечисления и т.д., но не задает конкретные атрибуты форматирования. Конкретный вид форматирования определяет сам браузер при чтении документа, и именно браузер обеспечивает наилучшее отображение Web-документа на вашем экране.
Какие существуют виды навигационной схемы Web – сайтов?
Важным понятием в разработке Web-узла является схема навигации, определяющая, как пользователь будет перемещаться между страницами. С помощью схемы навигации пользователь получает представление о структуре Web-узла, а также представление о том, в каком месте узла он находится в данный момент. Правильно разработанная схема позволит пользователю легко перемещаться между страницами Web-узла в поисках нужной ему информации.
Существует много вариантов организации навигационной схемы. Рассмотрим два полярных подхода. Первый из них дает возможность пользователю перемещаться по иерархии страниц только вверх или вниз без возможности перехода между страницами одного иерархического уровня. При такой схеме навигации для перехода к странице, расположенной на другой ветви иерархии, необходимо вернуться назад, и лишь затем, перейдя на нужную ветвь, перемещаться по дереву вниз. Заблудиться на Web-узле с такой структурой тяжело, но и для перехода к нужной информации требуется много времени.
Другой подход, это когда пользователь получает возможность с любого уровня иерархии переходить на любую страницу Web-узла. В этом случае достигается максимум возможностей по перемещению, но с другой стороны пользователю тяжело определить, в каком месте иерархической структуры он находится в данный момент.
Задача разработчика — подобрать такой оптимальный вариант, при котором бы обеспечивалось удобство перемещения между страницами и не терялась ориентация. Так, например, в процессе движения вниз по иерархической структуре необходимо предусмотреть для пользователя ссылки на домашнюю страницу, а также ссылки на страницы, находящиеся на том же уровне, если они содержат подобную по тематике информацию. Можно также, если необходимо, предусмотреть ссылки для движения вверх по иерархической структуре. Главное, чтобы посетитель не запутался в предлагаемой его вниманию информации.
Примеры оформления Web – страниц.
Просматривая Web-узлы в Интернете, вы, вероятно, обращали внимание на то, что страницы содержат определенные элементы оформления. Это — заголовки, фоновое изображение, информация для контактов, графические изображения, панели ссылок, таблицы.
Гиперссылки предназначены для перемещения между страницами текущего Web-узла, а также на другие узлы в поисках нужной информации. Они могут указывать на текст, графические изображения, страницы других Web-узлов в сети Интернет, документы Microsoft Office, закладки, размещенные на этой же странице, на других страницах Web-узла или внутри документов, локальные файлы вашего компьютера, адреса электронной почты для доставки корреспонденции и т.д. При ссылке на файлы Microsoft Office автоматически запускается соответствующая программа и открывается файл, на который указывает ссылка. Если страница, на которой создается ссылка, является фреймом (т.е. разбита с помощью рамок на несколько областей), можно указать, в какую область фрейма загружать страницу, на которую указывает ссылка.
В качестве гиперссылки можно использовать не только текстовую информацию, но и графическое изображение или отдельные его части, называемые активными областями. Для создания на изображении активных областей используются кнопки панели инструментов Рисунки (Pictures).
Практическая работа
В данной работе вы реализуете проект сайта, по подготовленной теме.
1.Открыть текстовый процессор Word.
2.Создать таблицу (образец) на весь лист
3. Придумать дизайн страницы.
Разметка страницы → Цвет страницы → Способы заливки
5.Этот же файл нужно сохранить 6 раз изменяя только заголовки. У вас получится 6 файлов: Розы - главная страница, Букеты из роз, Виды роз, Видео о розе, Легенда о розах, Лечебные свойства розы – обычные страницы.
Файл → Сохранить как → Имя файла.
6.Теперь нужно сохранить все эти файлы как web-страницу.
Файл → Сохранить как → Тип файла: web-страница
7.После сохранения всех файлов, нужно создать гиперссылку для главной страницы. Для этого web-страницу нужно открыть с помощью Microsoft Word (Нажать на правую кнопку мыши → Открыть с помощью → Microsoft Word)
Содержание
Вводная
Как известно, основной объем информации, доступной в сети Интернет, размещается во «всемирной паутине» - World Wide WEB (WWW) - информационной системе, подобной гигантской библиотеке. В этой библиотеке информация представлена в виде связанных между собой документов, которые называются WEB страницами. Каждая WEB страница может содержать текст, рисунки, видео, звукозаписи, объемные миры и другое Такие страницы могут размещаться на компьютерах в любой части света. При подключении к WWW вы получаете равный доступ к сведениям, разбросанным по всему миру. Собрание страниц, объединенных некоторой общей темой и помещенных, как правило, на одном компьютере, называется WEB узлом или сайтом. Узлы WEB подобны книгам, a WEB страницы - страницам этих книг. Компьютеры, на которых размещаются сайты, а также программы, обеспечивающие поддержку сайтов, называются серверами. На одном сервере может размещаться множество WEB узлов или сайтов.
Просмотр любых WEB страниц
Просмотреть любую WEB страницу можно с помощью специальных программ - браузеров, наиболее популярные из которых - Internet Explorer, Opera и Firefox. На WEB страницах обычно, кроме основного текста, всегда присутствуют выделенные другим цветом и подчеркнутые слова или фразы и активные изображения, которые изменяются при установке на них указателя мыши. Например, кнопка может стать рельефной или изменить свой цвет. Это - гипертекстовые ссылки, предназначенные для связи с другими страницами, раскрывающими содержание ссылок. Если щелкнуть мышью на такой ссылке, то произойдет переход на другую WEB страницу, имеющую отношение к рассматриваемой или родственной теме, даже если страница помещена на сайте в другой части планеты.
Во «всемирной паутине» (он же Интернет) вы можете найти огромный массив данных - биржевые котировки и предложения работы, электронные доски объявлений, анонсы новых фильмов, литературные, экономические и политические обзоры, игры и многое другое. Но WWW - это не только сведения от организаций, компаний или фирм. Поскольку информацию в WEB очень легко опубликовать, многие пользователи создают свои личные «домашние» страницы, где помещают информацию о себе, своих интересах, своих друзьях с фотографиями и другими сведениями.
Публикация в Интернет
Разработку WEB документов, однако, можно проводить и на компьютере, не имеющем выхода в Интернет. Создать собственную WEB страницу совсем не сложно. Это можно сделать или «вручную» или с помощью специальной программы для создания WEB страниц. Давайте разберемся с «внутренним устройством» WEB документов и создадим собственные страницы «вручную».
Дополнительная информация по теме
Рассматриваем в статье основы как устроена web страница и по каким принципам происходит структурирование страницы
Описание, как просто и правильно делаются списки значений на web (html) страницах
Описание основных принципов на которых базируется создание и управление оперативной памятью
Особенности размещения объектов мультимедиа на страницах при помощи Microsoft FrontPage 2003
Читайте также: