СОЗДАНИЕ WEB-СТРАНИЦ. Сайт можно создать при помощи: Программы пакета Microsoft Office: Word FrontPage Publisher Языка программирования HTML.

Презентация:



Advertisements
Похожие презентации
Ключевые слова 1.WWW 2.Структура Web-страницыHTML 3.HTML-редактор 4.Цветовые схемы 5.гиперссылка.
Advertisements

Разработка электронных учебников в MS Office FrontPage Ермакова Н.И.
Язык разметки гипертекста HTML Занятие 1 © Николаева Вера Александровна,
Язык разметки гипертекста НТМL. С чего начать? 1 шаг 1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в своей папке документ с параметрами:
Создание Web-сайтов в программе Microsoft FrontPage.
Язык разметки гипертекста HTML Учитель информатики МОУ СОШ 5 г.Сегежи В.В.Меньшиков.
Структура HTML- документа. Терминология Элемент - конструкция языка HTML. Это контейнер, содержащий данные и позволяющий отформатировать из определенным.
О.Б.Богомолова Web-конструирование на HTML, 2008 г. ГОУ СОШ 1909 г. Москвы учитель Пакульских Е.В.
Семинар Создание Web-страниц с помощью FrontPage Йошкар-Ола 2001.
Создание WEB-страниц. HTML – язык разметки гипертекстовых документов (расширение файла htm или html). Браузер – программа для просмотра web-страниц.
Инструментальные средства создания Web-сайтов
Публикация во Всемирной паутине реализуется в форме WEB – сайтов. Сайт является интерактивным средством представления информации. WEB - сайт состоит из.
МОСКОВСКИЙ АВИАЦИОННЫЙ ИНСТИТУТ (ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ) © Л. Корякин ПРЕДСТАВЛЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ. ПРАВИЛА ПРЕДСТАВЛЕНИЯ.
Язык разметки гипертекста HTML. Язык разметки гипертекстовых документов HTML (HyperText Markup Language). Если Вы хотите стать Web - дизайнером, то вы.
Тема: Общая характеристика текстового процессора Microsoft Word 2007.
Язык разметки гипертекста НТМL. С чего начать? 1 шаг 1. Запустить «Блокнот» (пуск-стандартные-блокнот) 2. Сохранить в своей папке документ с параметрами:
Разработка Web-сайтов с использованием языка разметки гипертекста HTML.
Структура создания слайда. Ключевые слова структура сайта навигация оформление сайта шаблон страницы сайта хостинг.
Yagod-sch.ucoz.ru (все уроки) Составил учитель ИКТ Фоломкин А.И.
Урок по информатике Разработка учителя информатики средней школы 1 г. Приволжска Твельневой Т.А. Создание Web-страницы Цель урока: познакомить учащихся.
Транксрипт:

СОЗДАНИЕ WEB-СТРАНИЦ

Сайт можно создать при помощи: Программы пакета Microsoft Office: Word FrontPage Publisher Языка программирования HTML

С чего начать? Безусловно, с идеи. Вы должны хотя бы в общих чертах продумать, чему будет посвящен ваш сайт, подобрать для него интересную, полезную, может быть, даже уникальную информацию. Правильно выбранная тема очень сильно влияет на популярность Web-ресурса. Если вы хотите сделать сайт для самовыражения и, как говорится, для души, то, скорее всего его тема будет связана с вашими увлечениями, с тем, что вы хорошо знаете и чем готовы поделиться со своими единомышленниками. Однако во Всемирной паутине уже существуют тысячи сайтов с похожей тематикой. Поэтому в вашей работе обязательно должна быть какая-то «изюминка», которой нет ни у кого другого. Нужно, чтобы, побывав на вашей страничке, хотелось вернуться к ней вновь и вновь. (Сайт –учебник творческая работа, уже сейчас подумать тему и проконсультироваться учителями предметниками) Когда тема будущего сайта выбрана, можно перейти к планированию сайта и отдельных его страниц.

Планирование сайта в целом. Необходимо представить, из каких разделов будет состоять ваш сайт, какие страницы будут в него входить. Обязательно нужно сделать титульную (головную) страницу (с именем index.htm или index.html), которая будет загружаться первой и рассказывать посетителям, что это за сайт, о чем здесь идет речь и как найти на нем интересующую их информацию. Нужно также продумать навигацию по сайту – спланировать, как посетитель будет перемещаться с одной его страницы на другую. При этом возможны различные варианты, например можно поместить на головной странице меню или оглавление, где даны ссылки на все страницы вашего сайта, либо дать на головной странице только ссылки на крупные разделы, внутри которых уже предусмотреть ссылки на отдельные страницы.

Советы начинающим Никогда не называйте файлы web-страниц русскими именами! Всемирная паутина «не любит» русские буквы, поэтому такой файл после его пересылки на web-сервер может оказаться недоступным для работы и перехода по гиперссылкам. Желательно в именах файлов всегда использовать строчные буквы. Например, лучше назвать файл foto.jpg, а не FOTO.JPG или Foto.jpg. Никогда не забывайте закрывать парные кавычки и теги ( ). Не допускаются пробелы между открывающейся угловой скобкой и собственно тегом. Кроме того, не старайтесь делать лишних пробелов в выводимом в окне браузера тексте, поскольку браузер все равно интерпретирует несколько подряд идущих пробелов как один-единственный. Удобочитаемость текста зависит не только от используемого шрифта. Длина строки, контрастность цветов текста и фона, соотношение текста и пустого пространства на странице, размер шрифта оказывают гораздо большее влияние. Любой web-документ желательно формировать из отдельных типовых блоков (например, логотипа, заголовка, основного текста, меню, форм поиска и т.д.) Все такие блоки размещаются на странице с помощью таблиц или фреймов

Название и логотип М Е Н Ю М Е Н Ю Основное содержание Кнопки навигации, , сведения об авторе сайта

Word Microsoft Office

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

Создание гиперссылок Гиперссылки позволяют перейти к другому разделу текущего документа или Web-страницы, к другому документу Word или к другой Web-странице или к файлу, созданному в другой программе. С помощью гиперссылок можно переходить также к файлам мультимедиа, в том числе звукозаписям и видеозаписям. Гиперссылки можно делать на закладки, помещенные в данном или другом документе. Это позволяет перейти на нужный раздел, не перелистывая документ. Место назначения гиперссылки, например Web-страница, может располагаться на жестком диске того же компьютера, в сети интранет или в Интернете. Вставка видеозаписи в Web-страницу На Web-странице можно разместить встроенную видеозапись. Это значит, что видеозапись загружается, когда пользователь открывает страницу. Вставка бегущей строки Работа с бегущей строкой предусмотрена во всех версиях Microsoft Internet Explorer, кроме версии 1.0. Некоторые другие средства просмотра Web не предусматривают работы с бегущей строкой. В них текст хотя и появляется, но не прокручивается.

Microsoft Office FrontPage

Microsoft Frontpage XP современная интегрированная оболочка для построения отдельных web-страниц и целых web-узлов. Даже неопытный пользователь, незнакомый с языками программирования, сможет с помощью FrontPage самостоятельно создать свой собственный web-узел и опубликовать его в Интернете. Web-редактор FrontPage станет прекрасным дополнением и для арсенала опытного Web-дизайнера.

Ярлыки страниц Представление рабочего окна Область задач Область задач Рабочая область

Строка меню- предлагает основные действия Стандартная панель Панель форматирования- работа над текстом Любую панель можно установить через вкладку ВИД- ПАНЕЛИ ИНСТРУМЕНТОВ

Программа FrontPage 2003 представляет собой многофункциональный редактор web-страниц. FrontPage позволяет работать в 3 режимах: Режим «Конструктор» - работа по дизайну страницы Режим «С разделением» - можно просматривать одновременно и код страницы, и внешнее представление Режим «Код» - работа только с кодом страницы Существует режим предварительного просмотра «Просмотр». Все остальное предоставлено в практической работе, в которой описаны все этапы создания сайта

Microsoft Office Publisher

В открывшимся окне все действия можно выполнить через панели инструментов или панель области задач На какой документ из пакета MS похож данный документ

Выделение объектов Вставка текста Вставка таблицы Вставка Word Art Вставка рисунка Рисование объектов Создание гиперссылки Вставка VB Фрагмент кода HTML Объект библиотеки объектов

Чтобы предварительно просмотреть ваш шедевр нужно: Файл- Предварительный просмотр Web-страницы (или пиктограмма на панели инструментов) Просмотр