Веб-страницы
<<  Web-сайт Гиперструктура данных Basics of Web Design  >>
Web-сайт – гиперструктура данных
Web-сайт – гиперструктура данных
Ключевые слова
Ключевые слова
Публикации в интернете WWW
Публикации в интернете WWW
Публикации в интернете WWW
Публикации в интернете WWW
Средства создания Web-страниц HTML
Средства создания Web-страниц HTML
Средства создания Web-страниц Редакторы кода
Средства создания Web-страниц Редакторы кода
Средства создания Web-страниц Комбинированные редакторы
Средства создания Web-страниц Комбинированные редакторы
Средства создания Web-страниц Визуальные редакторы
Средства создания Web-страниц Визуальные редакторы
Средства создания Web-страниц On-line редакторы
Средства создания Web-страниц On-line редакторы
Проектирование Web-сайта
Проектирование Web-сайта
Проектирование Web-сайта
Проектирование Web-сайта
Проектирование Web-сайта
Проектирование Web-сайта
Размещение Web-сайта на сервере
Размещение Web-сайта на сервере
Система основных понятий
Система основных понятий
Основные теги HTML
Основные теги HTML
Язык HTML
Язык HTML
Структура HTML-документа
Структура HTML-документа
Теги структуры
Теги структуры
Форматирование текста
Форматирование текста
Рисунки на WEB-страничке
Рисунки на WEB-страничке
Гиперссылки
Гиперссылки
Таблицы
Таблицы
Полезные ссылки
Полезные ссылки
Вопросы и задания
Вопросы и задания
Выполните все задания по ссылке http://mif
Выполните все задания по ссылке http://mif
Web-сайт – гиперструктура данных
Web-сайт – гиперструктура данных

Презентация на тему: «Web-сайт – гиперструктура данных». Автор: Андрей. Файл: «Web-сайт – гиперструктура данных.ppt». Размер zip-архива: 302 КБ.

Web-сайт – гиперструктура данных

содержание презентации «Web-сайт – гиперструктура данных.ppt»
СлайдТекст
1 Web-сайт – гиперструктура данных

Web-сайт – гиперструктура данных

Технология использования и разработки информационных систем

2 Ключевые слова

Ключевые слова

WWW URL HTML html-редактор гиперссылка

3 Публикации в интернете WWW

Публикации в интернете WWW

Всемирная паутина (англ. World Wide Web) — распределённая система, предоставляющая доступ к связанным между собой документам, расположенным на различных компьютерах, подключенных к Интернету. Для обозначения Всемирной паутины также используют слово веб (англ. web «паутина») и аббревиатуру WWW. URL - Единый указатель ресурсов (Uniform Resource Locator) — единообразный определитель местонахождения ресурса. Ранее назывался Universal Resource Locator — универсальный указатель ресурса. URL — это стандартизированный способ записи адреса ресурса в сети Интернет.

4 Публикации в интернете WWW

Публикации в интернете WWW

Гиперссылка (англ. hyperlink) — часть гипертекстового документа, ссылающаяся на другой элемент в самом документе, на другой объект, расположенный на локальном диске или в компьютерной сети, либо на элементы этого объекта. <a href=“http://s_197.edu54/ru”>Школа №197</a> Внешняя гиперсвязь с другим сайтом <a href=“raspisanie.html”>Школа №197</a> внутренняя гиперсвязь с другой страницей сайта

5 Средства создания Web-страниц HTML

Средства создания Web-страниц HTML

HTML (от англ. HyperText Markup Language — «язык разметки гипертекста»;) — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме. Тег (более правильное название — дескриптор) — элемент языка разметки гипертекста.

6 Средства создания Web-страниц Редакторы кода

Средства создания Web-страниц Редакторы кода

Блокнот — это несложный текстовый редактор, используемый для создания простых документов. Является составной частью Microsoft Windows. TigerPad – предназначен для тех, кто хорошо знает HTML-код, т.к. под рукой подсказок по коду и прочей помощи будет немного. Редактор может использоваться как редактор кода общего назначения.

7 Средства создания Web-страниц Комбинированные редакторы

Средства создания Web-страниц Комбинированные редакторы

First Page — Программа имеет три режима работы: Sourse (редактирование), Предварительный просмотр и Дизайн (Design). Microsoft FrontPage просто и логично устроена, и одновременно обладает большими возможностями. Adobe Dreamweaver – программа большая и сложная. Тем не менее создатели программы не загромоздили интерфейс и все необходимое для создания HTML-страниц находится под рукой.

8 Средства создания Web-страниц Визуальные редакторы

Средства создания Web-страниц Визуальные редакторы

WebSite X5 — многофункциональная программа, с большим числом вставляемых объектов и настроек, применяет пошаговый метод создания сайта. Этот метод в какой-то мере облегчает создание сайта, т.к. пользователю понятна последовательность действий. Site Studio - редактирование шаблонов, имеющихся в программе. Интерфейс простой, редактирование шаблонов не представляет особого труда. Позволяет быстро и качественно создать сайт с неограниченным количеством страниц.

9 Средства создания Web-страниц On-line редакторы

Средства создания Web-страниц On-line редакторы

uCoz — это бесплатная система управления сайтом и хостинг для сайтов, созданных с её использованием. Модули uCoz могут использоваться как в единой связке для создания полнофункционального сайта, так и по отдельности, например, в качестве блог-платформы, веб-форума и др. Сайты Google — упрощённый бесплатный хостинг на базе структурированной вики. Позволяет при помощи технологии wiki сделать информацию доступной для людей, которые нуждаются в её быстрой подаче. Пользователи сайта могут работать вместе, добавлять информацию из других приложений Google. Создатель сайта может приглашать других пользователей для совместной работы над сайтом, контролировать их доступ к материалам.

10 Проектирование Web-сайта

Проектирование Web-сайта

11 Проектирование Web-сайта

Проектирование Web-сайта

12 Проектирование Web-сайта

Проектирование Web-сайта

13 Размещение Web-сайта на сервере

Размещение Web-сайта на сервере

После того как сайт разработан, т. е. созданы все файлы, его нужно опубликовать в WWW. Опубликовать WWW-сайт — значит, разместить его на WWW-сервере. Эта процедура выполняется по согласованию с провайдером Интернет-услуг, от которого пользователь должен получить следующие сведения: URL-адрес сервера, на котором будет размещен сайт; имя пользователя и пароль для доступа к серверу (обычно они те же, что и для подключения к Интернету); имя каталога сервера для размещения вашего сайта. Провайдер инструктирует пользователей о том, как можно осуществить публикацию. Для этих целей можно использовать средства браузера, FТР-клиенты, а также специальные программные средства для публикации Web-страниц. Бесплатный хостинг http://www.70mb.ru/

14 Система основных понятий

Система основных понятий

Web-сайт

Web-сайт

Структура Web-сайта: Множества Web-страниц, связанных гиперссылками, Главная страница – начало просмотра сайта.

Структура Web-сайта: Множества Web-страниц, связанных гиперссылками, Главная страница – начало просмотра сайта.

Внутренние гиперсвязи - связи внутри сайта.

Внешние гиперсвязи – связи с другими сайтами.

Средства создания Web-страниц

Средства создания Web-страниц

Язык HTML, текстовые редакторы.

Высокоуровневые средства: HTML-редакторы

Публикация сайта: Размещение сайта на Web-сервере провайдера

Публикация сайта: Размещение сайта на Web-сервере провайдера

15 Основные теги HTML

Основные теги HTML

16 Язык HTML

Язык HTML

HTML не является языком программирования, он предназначен для разметки текстовых документов. HTML состоит из тегов. Основным назначением HTML тегов является указание области действия тех или иных правил разметки документов. Большая часть HTML тегов состоит из двух частей: открывающий тег <...> и закрывающий тег </...>.

17 Структура HTML-документа

Структура HTML-документа

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251"> <title>Моя первая HTML-страница</title> </head> <body> <p>Здравствуйте!</p> </body> </html>

18 Теги структуры

Теги структуры

<HTML> Этот тег указывает на начало HTML-документа <HEAD> Этот тег указывает на начало области заголовка Web-страницы. <TITLE>Структура Web-страницы</title> Элемент для размещения заголовка Web-страницы. Строка отображается в заголовке окна броузера. <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> Этот тег несет служебную информацию и не отображается в экране браузера. В данном случае идет речь о кодировке Web-странички. Вам достаточно лишь каждый раз вставлять этот тег в таком виде на свою страничку. Тогда ваша страничка будет использовать кодировку windows-1251, наиболее распространенную на сегодняшний день. </head> Конец области заголовка Web-страницы. <BODY > Начало собственно содержимого Web-страницы. </body> Конец содержимого Web-страницы. </html> Конец HTML-документа.

19 Форматирование текста

Форматирование текста

Абзац <P> </p> Переход на новую строку <br> Выделение текста полужирным шрифтом <B> </b> Выделение текста курсивом <I> </i> Маркированный список <UL> <LI> Первый пункт списка; <LI> Второй пункт списка; <LI> Третий пункт списка. </ul> Нумерованный список <OL> <LI> Первый пункт списка; <LI> Второй пункт списка; <LI> Третий пункт списка. </ol>

20 Рисунки на WEB-страничке

Рисунки на WEB-страничке

<IMG> - элемент для создания ссылки на графический файл (image). Он не содержит конечного тега - вся необходимая информация задается при помощи атрибутов. Этот элемент является универсальным: с его помощью можно использовать изображения в гиперссылках, вставлять картинки в таблицы, просто размещать рисунки на Web-странице, решать задачи дизайна и т.д. Необходимым атрибутом является src - указатель на файл графики: src="Ссылка на файл". Например: <IMG src="bos2.gif> - обычный рисунок

21 Гиперссылки

Гиперссылки

<A> </a> - один из самых важных элементов языка, обеспечивающий создание гиперссылок. Чаще всего используется такой шаблон: Произвольный текст <A href="адрес ссылки">Текст для щелчка </a>

22 Таблицы

Таблицы

Таблицы являются очень удобным средством форматирования данных на Web-станице. Они позволяют решать чисто дизайнерские задачи: выравнивать части страницы друг относительно друга, размещать рядом рисунки и текст, управлять цветовым оформлением. При создании таблиц используется принцип вложения: внутри основного элемента таблицы TABLE создается ряд элементов, определяющих строки TR, а внутри этих элементов размещаются элеметы для описания каждой ячейки в с строке TD. <TABLE> </table> - внешний элемент талицы. <TR> </tr> - элемент, задающий строку таблицы. <TD> </td> - элемент, задающий ячеку таблицы. Например: Таблица из 2 строк, в первой строке - 2 ячейки, во втрой – 3. <TABLE> <TR> <TD> 1.1</td> <TD> 1.2</td> </tr> <TR> <TD>2.1 </td> <TD>2.2 </td> <TD>2.3 </td> </tr> </table>

23 Полезные ссылки

Полезные ссылки

Учебник по HTML http://infoschool.narod.ru/html/index.htm HTML справочник http://html.manual.ru/ Как сделать сайт самому и бесплатно http://seodon.ru/kak-sdelat-sait/

24 Вопросы и задания

Вопросы и задания

Что понимается под публикацией Web-сайта? Какие цели может преследовать автор Web-сайта? Что такое HTML? С помощью каких программных средств можно создавать Web-страницы? Какова роль гиперссылок на Web-страницах? Предложите ряд тем для Web-сайтов, которые бы, с вашей точки зрения, могли иметь общественный интерес?

25 Выполните все задания по ссылке http://mif

Выполните все задания по ссылке http://mif

vspu.ru/books/html123/

26 Web-сайт – гиперструктура данных
«Web-сайт – гиперструктура данных»
http://900igr.net/prezentacija/informatika/web-sajt-giperstruktura-dannykh-140571.html
cсылка на страницу

Веб-страницы

13 презентаций о веб-страницах
Урок

Информатика

130 тем
Слайды
900igr.net > Презентации по информатике > Веб-страницы > Web-сайт – гиперструктура данных