Как создать web-страницу Сегодня наличие собственной Web-страницы вопрос престижа для практически любого человека или организации icon

Как создать web-страницу Сегодня наличие собственной Web-страницы вопрос престижа для практически любого человека или организации



НазваниеКак создать web-страницу Сегодня наличие собственной Web-страницы вопрос престижа для практически любого человека или организации
Дата конвертации24.09.2012
Размер58.14 Kb.
ТипДокументы

Как создать web-страницу

Сегодня наличие собственной Web-страницы - вопрос престижа для практически любого человека или организации.


Самый простой способ создать страницу для размещения в Интернете — воспользоваться инструментами пакета Microsoft Office. Представляю для просмотра примеры веб-страничек учителей других школ. Как устроена такая страничка? Нужно определиться с рубриками, картинками, фоном, расположением фото и текста, т.е. сделать набросок на бумаге. Помните: дизайн верхней части веб-страницы не должен превышать 5-10% ее площади. Рассуждать о дизайне сайта, не видя его содержания, - то же самое, что рассуждать о картине, имея в виду только её раму и не видя самого холста.

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


Возьмем некоторый текст. Преобразуем документ в web-страницу с помощью операции Сохранить как web-страницу… (вызывается из главного меню — позиция Файл). Тогда html-представление документа будет иметь вид: первое, что бросается в глаза — текст занимает все экранное пространство. Длина строки слишком большая. Для комфортного чтения на экране число символов в строке должно быть в диапазоне 50-65. (сохраняем документ например так: Gorbunova; создаём папку для веб-страниц каждому)

Использование таблицы. Можно в этом случае поступить совсем просто: завести в исходном документе таблицу и поместить в нее нужный текст. В таблице можно задать рамку. Тогда вид web-страницы намного улучшится, и в браузере страница будет выглядеть привлекательнее.


^ Фон и стиль. Можно пойти дальше — например, изменить цвет и фактуру фона, вид гиперссылок, оформление списков. Для изменения общего дизайна страницы можно воспользоваться командой Тема из раздела главного меню Формат.

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

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


Наконец, можно добавить картинке рамку и тень с помощью кнопок на панели Рисование — Тип линии и Стиль тени. Подобные нюансы заметно прибавляют выразительности странице.(Если панели Рисование нет на странице, то нужно установить ее, выбрав позицию главного меню Вид и далее Панели инструментов и Рисование.)

Бегущая строка. Word позволяет внести на web-страницу и другие оформительские элементы, например "бегущую строку". Чтобы воспользоваться этой возможностью нужно открыть на экране панель web-компонентов (из главного меню — позиция Вид, далее Панели инструментов и Веб-компоненты). Щелчок по кнопке операции Бегущая строка открывает дополнительное окно для задания текста параметров бегущей строки. Как обычно, в строке можно поменять шрифт и атрибуты: размер шрифта и цвет символов. Посмотрите предварительный просмотр веб-страницы! (файл-предварительный просмотр веб-страницы).

Я привела пример лишь очень скромного набора дизайнерских приемов, с помощью которых можно оформить web-страницу на основе имеющегося документа в формате Word.

^ Использование шаблонов оформления. Если вы начинаете создавать страницу с нуля, то можно воспользоваться мастером веб-страниц, который в диалоге будет помогать формировать документ. Или же можно использовать готовый шаблон оформления страницы, выбрав его из достаточно представительного набора. Для этого нужно в операции Создать выбрать режим Создание с помощью шаблона и далее Общие шаблоны. На экране появится форма, в которой нужно выбрать закладку Веб-страницы: Далее в предлагаемой заготовке документа вы должны ввести тексты и картинки:

Цветовое и стилевое решение пользователь может выбирать самостоятельно, например, с помощью настроек Формат - Тема.

^ Создание гиперссылок и закладок. Последний вопрос, который мы планируем рассмотреть в данном разделе — создание гиперссылок в документе. Если мы хотим сослаться в документе на другой документ или другой сайт в Интернете, то такую гиперссылку можно сделать так: выделить в документе фрагмент текста (слово) и выполнить операцию Вставка — Гиперссылка На экране появится форма, в которой задается адрес гиперссылки. Адрес можно ввести явно или можно выбрать файл в окне.

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

Если гиперссылка должна ссылаться на другую часть этого же документа, то предварительно нужно вставить закладку в начале нужного фрагмента. Нужно выполнить операцию Вставить — Закладка, и в появившейся на экране форме ввести имя закладки.Тогда при создании гиперссылки нужно указать эту закладку (кнопка Закладка… расположена в правой части формы), выбрав, например, ее из списка в форме:

^ Веб-презентация в PowerPoint. Программа PowerPoint ориентирована на создание презентаций на компьютере. Однако у нее имеется функция преобразования подготовленной презентации в веб-формат. Вы можете открыть подготовленную презентацию и выполнить операции (из главного меню) Файл — Сохранить как веб-страницу. Как обычно нужно задать имя веб-презентации в открывшемся окне. В результате выполнения преобразования презентации будет создан файл с заданным именем и расширением .htm и одноименная папка с дополнительными материалами.Если теперь из браузера вызвать веб-презентацию, то на экране можно увидеть результат преобразования.

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

Создание гиперссылок. В презентации можно создать гиперссылки, которые связывают объекты на слайде, например, с другими слайдами. Тем самым можно создать структуру гипермедиа, которая естественным образом будет соответствовать идеологии Интернета. Поясним этот прием на примере.

Пусть у нас есть несколько заготовленных слайдов на тему растительного мира Байкала, составленных из коллекции фотографий. Создадим новый слайд — оглавление коллекции.

Если новый слайд получился не первый в последовательности, то нужно выйти в режим сортировщика слайдов (из главного меню с помощью операций Вид — Сортировщик слайдов) и перетащить новый слайд в начало коллекции.

На новый слайд поместим уменьшенные копии всех фотографий. Проще всего это сделать самым прямолинейным способом: на пустой слайд последовательно скопировать все фотографии коллекции, уменьшить их размер и разместить, например, в две линии. Картинки можно будет в дальнейшем оформить рамками с тенью. На слайд-оглавление можно добавить название презентации. Вид презентации в режиме Сортировщик слайдов представлен ниже:

Перейдем в обычный режим просмотра слайдов (команды Вид и далее Обычный). На слайде-оглавлении выделим фотографию и выполним команду Вставка — Гиперссылка. В открывшемся окне зададим переход по гиперссылке — номер слайда с большой фотографией, с которой был скопирован меньший образец для оглавления.

Аналогично свяжем другие картинки на слайде-оглавлении с соответствующими слайдами с оригиналами фотографий.

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

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

После выполнения преобразования презентации в веб-формат наша первая страница будет иметь вид:

Щелчок по картинке из меню вызовет переход к слайду с большой фотографией, а щелчок по стрелке (в левой верхней части слайда) обеспечит переход на страницу с оглавлением коллекции.

Послесловие


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




Похожие:

Как создать web-страницу Сегодня наличие собственной Web-страницы вопрос престижа для практически любого человека или организации iconДокументы
1. /ЧАСТЬ I. КАК СДЕЛАТЬ ПРОСТЕЙШИЙ WEB-САЙТ/Как создаются Web-страницы.doc
2.
Как создать web-страницу Сегодня наличие собственной Web-страницы вопрос престижа для практически любого человека или организации iconКак установить судьбу военнослужащего, погибшего или без вести пропавшего во время Великой Отечественной войны
Курсивом выделены дополнения в последней версии документа (после обновления web-страницы)
Как создать web-страницу Сегодня наличие собственной Web-страницы вопрос престижа для практически любого человека или организации iconСоздание графики для web страниц как создать баннер?
Стандартный баннер это обыкновенный gif файл, размером 46860 пикселей, созданный в палитре True Color и не превышающий объема 15...
Как создать web-страницу Сегодня наличие собственной Web-страницы вопрос престижа для практически любого человека или организации iconКак сделать на своей web-bbs кнопку «Выход»? Автор статьи
Если вы были когда-нибудь на терминальных (досовских) ббсках, то наверняка замечали, что в главном меню присутствует кнопка выход...
Как создать web-страницу Сегодня наличие собственной Web-страницы вопрос престижа для практически любого человека или организации iconРазработка Web-сайтов с использованием языка разметки гипертекста html структура Web-страницы
Внутри тега располагается название вашего html документа (чаще всего именно его вы видите в качестве ссылки в результатах поиска...
Как создать web-страницу Сегодня наличие собственной Web-страницы вопрос престижа для практически любого человека или организации iconКак создать тест онлайн Как создать тест онлайн
Наличие адреса электронной почты для связи с администраторами и другими пользователями
Как создать web-страницу Сегодня наличие собственной Web-страницы вопрос престижа для практически любого человека или организации iconПрограмма элективного курса по информатике для учащихся 9 классов. «Я web-дизайнер». Автор: Семенов Альберт Родионович (учитель информатики) Пояснительная записка
Элективный курс «я web-дизайнер» для предпрофильной подготовки учащихся 9 классов является расширением темы «Основы языка разметки...
Как создать web-страницу Сегодня наличие собственной Web-страницы вопрос престижа для практически любого человека или организации iconТесты по основам информационных технологий 25 презентация магистерской диссертации 26
Информация, размещаемая на Web-страницах, может быть сопровождена графикой, видео- и аудиозаписями. Кроме того, на Web-серверах могут...
Как создать web-страницу Сегодня наличие собственной Web-страницы вопрос престижа для практически любого человека или организации iconСоздание Web-страниц с использованием Word
В качестве пользовательского инструмента для просмотра и поиска информации в начале 90-х годов были разработаны специальные программы...
Как создать web-страницу Сегодня наличие собственной Web-страницы вопрос престижа для практически любого человека или организации iconВ. Холмогоров Основы web-мастерства учебный курс
Х72 Основы Web-мастерства. Учебный курс (+CD). — Спб.: Питер, 2002. — 352 с.: ил
Разместите кнопку на своём сайте:
Документы


База данных защищена авторским правом ©podelise.ru 2000-2014
При копировании материала обязательно указание активной ссылки открытой для индексации.
обратиться к администрации
Документы

Разработка сайта — Веб студия Адаманов