3 способа: Использование визуальных редакторов

Содержание

Слайд 2

3 способа: Использование визуальных редакторов Создание сайта с помощью языков программирования Сервисы создания сайтов

3 способа:

Использование визуальных редакторов

Создание сайта с помощью языков программирования

Сервисы создания сайтов

Слайд 3

Типы сайтов Информационные сайты Сайты электронной коммерции Сайты дистанционного обучения и консультирования Информационно-развлекательные сайты

Типы сайтов

Информационные сайты

Сайты электронной коммерции

Сайты дистанционного обучения и консультирования

Информационно-развлекательные сайты

Слайд 4

С помощью языка HTML Понятие web-сайта. Классификация web-сайтов Информация, доступная пользователям

С помощью языка HTML Понятие web-сайта. Классификация web-сайтов

Информация, доступная пользователям Internet, располагается

на web-серверах
Web-сайт – это информация, представленная в определенном виде, которая располагается на Web-сервере и имеет свое имя (адрес).
Слайд 5

Адрес сайта У каждого сайта есть свой адрес, который позволяет найти

Адрес сайта

У каждого сайта есть свой адрес, который позволяет найти его.
Web-сайт

состоит из связанных между собой Web-страниц.
Каждая страница Web-сайта также имеет свой Internet адрес.
Таким образом, Web-сайт – это информационный ресурс, состоящий из связанных между собой гипертекстовых документов (Web-страниц), размещенный на Web-сервере и имеющий индивидуальный адрес. 

Адрес сайта

Слайд 6

Структура HTML-документа Информация HTML записывается в ASCII-формате (файл с расширением .html

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

Информация


HTML записывается в ASCII-формате
(файл с расширением .html или .htm)

любой текстовый редактор

текст

размечен HTML-тегами

Начало < конец >

Информация


Слайд 7

Структура HTML-документа В каждом HTML-документе должны присутствовать три главных части: 1)

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

В каждом HTML-документе должны присутствовать три главных части:

1) объявление HTML

3) тело документа

2)

заголовочная часть
Слайд 8

Объявление HTML и сообщает программе просмотра (браузеру) что между ними заключен документ в формате HTML

Объявление HTML

и

сообщает программе просмотра (браузеру) что между ними заключен

документ в формате HTML
Слайд 9

Заголовочная часть информация о документе и Для того чтобы дать название

Заголовочная часть

информация о документе

и

Для того чтобы дать название  HTML-документу

текст помещается между тегами и
Слайд 10

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

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

Слайд 11

Тело документа и стоит сразу после тега перед тегом Тело HTML-документа

Тело документа

и

стоит сразу после тега

 
перед тегом

Тело

HTML-документа - это место, куда автор помещает информацию, отформатированную средствами HTML
Слайд 12

Форматирование текста В разделе BODY все символы табуляции и конца строк

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

В разделе BODY все символы табуляции и конца строк браузером игнорируются и

никак не влияют на отображение страницы

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

Слайд 13

Форматирование текста Для начала новой строки используется тег Этот тег приводит

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

Для начала новой строки используется тег

Этот тег приводит к

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

Для начала нового абзаца используется тег


Этот тег, кроме начала новой строки, вставляет одну пустую строку

Слайд 14

Форматирование текста Внутри скобок тега кроме его названия могут размещаться также

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

Внутри скобок тега кроме его названия могут размещаться также атрибуты.

Они отделяются от названия и между собой пробелами (одним или несколькими).При использовании атрибутов, после форматируемого текста следует использовать закрывающий тег


Слайд 15

Пример выравнивания абзацев в HTML-документе

Пример выравнивания абзацев в HTML-документе

Слайд 16

Форматирование текста Весь текст, помещенный между тегами и будет выводиться без

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




Весь текст, помещенный между тегами

 и 
будет выводиться

без изменений, то есть со всеми концами строк и табуляциями

выводят горизонтальную линию единичной толщины вдоль всей ширины страницы

Слайд 17

Визуальный HTML-редактор хороший способ сэкономить время на изучении web-программирования и быстро

Визуальный HTML-редактор

хороший способ сэкономить время на изучении web-программирования и быстро сделать

сайт

Можно без специальных знаний

What You See Is What You Get 

Слайд 18

Web-страницы, создаваемые при помощи WYSIWYG Web Builder и других визуальных редакторов,

Web-страницы, создаваемые при помощи WYSIWYG Web Builder и других визуальных редакторов,

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

ЗАКЛЮЧЕНИЕ Таким образом, мы изучили возможности языка HTML для создания Web-страниц,

ЗАКЛЮЧЕНИЕ

Таким образом, мы изучили возможности языка HTML для создания Web-страниц, узнали,

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