Инструментальные средства создания Web-сайтов 28.02.2013.

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



Advertisements
Похожие презентации
Структура создания слайда. Ключевые слова структура сайта навигация оформление сайта шаблон страницы сайта хостинг.
Advertisements

СОЗДАНИЕ Web-сайта КОММУНИКАЦИОННЫЕ ТЕХНОЛОГИИ. Ключевые слова структура сайта навигация оформление сайта шаблон страницы сайта хостинг.
это десятки миллионов Web-серверов Интернета, содержащих Web-страницы, в которых используется технология гипертекста. Технология WWW позволяет создавать.
Web - сайт Web - сайт состоит из web – станиц, объединенных гиперссылками. Web – страницы могут быть интерактивными и содержать мультимедийные(иллюстрации,
Ключевые слова 1.WWW 2.Структура Web-страницыHTML 3.HTML-редактор 4.Цветовые схемы 5.гиперссылка.
Создание Web-сайтов. Web-сайты Публикации во всемирной паутине реализуются в форме Web-сайтов Web-сайт содержит информацию, посвященную какой-либо теме.
Web-страницы и Web-сайты. Структура Web- страницы.
Разработка Web-сайтов с использованием языка разметки гипертекста HTML Цель Познакомить с языком разметки гипертекстовых документов.
Web - страницы и Web - сайты. Структура Web – страницы. Форматирование текста на Web – странице.
Урок по информатике Разработка учителя информатики средней школы 1 г. Приволжска Твельневой Т.А. Создание Web-страницы Цель урока: познакомить учащихся.
Powerpoint Templates Page 1 Язык разметки гипертекста HTML.
РАЗРАБОТКА WEB-САЙТОВ.. Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML. Тэги – инструкции браузеру, указывающие.
Создание сайтов. Основы языка разметки гипертекстовых документов HTML.
Разработка Web-сайтов с использованием языка разметки гипертекста HTML.
Web-сайты и Web- страницы. Web-страницы - специальные файлы, написанные на языке HTML (HyperText Markup Language - язык разметки гипертекста). Браузер.
Основы HTML. HTML (Hyper Text Markup Language) язык разметки гипертекста Web-страницы.
КУРС «WEB-ДИЗАЙН». Что такое Web-страница? То, что мы видим в окне браузера, когда заходим на какой-либо сайт! Мы видим веб-страницу сайта – ее содержимое!
Лекция 1 Основные понятия и определения Гвасалия Дарья Александровна.
Основные теги HTML. Язык HTML HTML не является языком программирования, он предназначен для разметки текстовых документов. HTML состоит из тегов. Основным.
Публикация во Всемирной паутине реализуется в форме WEB – сайтов. Сайт является интерактивным средством представления информации. WEB - сайт состоит из.
Транксрипт:

Инструментальные средства создания Web-сайтов

Технология создания сайта Язык разметки гипертекста HTML Текстовый редактор Визуальный HTML-редактор, конструктор сайтов Текст размечают специальными метками– тегами Документ сохраняют как Web-страницу Microsoft FrontPage uCoz, Сайткрафт и др. Способы создания сайта

HTML стандартный язык разметки документов во Всемирной паутине WEB-браузеринтерпретатор HTML, отображает язык HTML в удобной для человека форме Понятие языка HTML 3

Оформление сайта На главной странице размещают название сайта, тематическое графическое изображение, короткий текст с описанием содержания сайта, главное меню - ссылки на основные разделы сайта.

Оформление сайта Название сайта Название страницы Поле ввода информации Графика Меню Фон Координаты Примерный шаблон страниц сайта

Оформление сайта Не ставьте точку в названиях сайта и страниц, если они состоят из одного предложения Названия пунктов меню делайте краткими Не выбирайте для страниц пёстрый фон Не размещайте на странице слишком много информационных и художественных блоков Не пишите слишком длинных текстов В каждом абзаце используйте одни и те же приёмы форматирования

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

Размещение сайта в Интернет Хостинг - услуга по размещению сайта на сервере, постоянно находящемся в сети Интернет; хостинг может быть как платным, так и бесплатным.

Размещение сайта в Интернете сайт «Бесплатный хостинг»

Размещение сайта в Интернете - сайт «Бесплатный хостинг»

- сайт платный хостинг «1Gb» Размещение сайта в Интернете

Что выбрать? Платным хостингом пользуются крупные компании. Они получают удобное для прочтения и запоминания доменное имя второго уровня, которое может совпадать с названием компании.

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

Список серверов, предоставляющих бесплатный хостинг, можно получить поиском по запросу «бесплатный хостинг».

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

Начало документа Голова документа Заголовок документа Структура HTML-документа

Структура Web-страницы НТМL-код страницы помещается внутрь контейнера. Без этих тэгов браузер не в состоянии определить формат документа и правильно его интерпретировать. 17

Структура Web-страницы Заголовок Web-страницы заключается в контейнер и содержит название документа и справочную информацию о странице (например, тип кодировки), которая используется браузером для правильного отображения. 18

Тэги заключаются в угловые скобки и могут быть одиночными или Парные тэги содержат открывающий и закрывающий тег (такая пара тэгов называется контейнером). ТЭГИ

Закрывающий тэг содержит прямой слэш (/) перед обозначением. Название страницы помещается в контейнер и при просмотре отображается в верхней строке окна браузера. Отображаемое в браузере содержание страницы помещается в контейнер 20

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

Домашнее задание Практическая работа 3.7. Задания2,4

Практическая работа3.7 «Интернет: создание Web- сайта на языке HTML» (стр.72) Цель работы: освоение приёмов создания Web-страниц на языке HTML; знакомство с элементами HTMLи структурой HTML- документа

Пуск Разработка Веб-разработкаKompoZer

25 Созданную Web-страницу необходимо сохранить в виде файла под именем index.html. В качестве расширения файла Web-страницы можно также использовать htm.

Мой первый шаг Здравствуйте, это моя первая страница. Добро пожаловать!