Вступление в HTML. Полные уроки - История изменений

User17 в 18:49, 2 февраля 2013

2013-02-02T18:49:58Z

User16 в 11:39, 1 февраля 2013

2013-02-01T11:39:34Z

User11 в 13:56, 29 марта 2011

2011-03-29T13:56:43Z

← Предыдущая		Версия 13:56, 29 марта 2011
Строка 133:		Строка 133:
	<br> ''Отредактировано и выслано преподавателем Киевского национального университета им. Тараса  Шевченко Соловьевым М. С.''		<br> ''Отредактировано и выслано преподавателем Киевского национального университета им. Тараса  Шевченко Соловьевым М. С.''

-	<br> ~~Если у вас есть исправления~~ или ~~предложения к данному уроку~~, [http://xvatit.com/~~index~~.~~php?do=feedback напишите нам~~].	+	<br> ----
		+
		+	'''<u>Над уроком работали</u>'''
		+
		+	Пилипенко А. В.
		+
		+	Соловьев М. С.
		+
		+
		+	----
		+
		+
		+
		+	Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, но и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов  высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>
		+
		+

-	Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - [http://xvatit.com/forum/ Образовательный форум].

	[[Category:Информатика_10_класс]]		[[Category:Информатика_10_класс]]

Ирина в 12:02, 12 ноября 2010

2010-11-12T12:02:32Z

← Предыдущая		Версия 12:02, 12 ноября 2010
Строка 13:		Строка 13:
	Перед началом изучения этой технологии, нужно сказать, что '''HTML''' – не только язык разметки гипертекста, а более широкое понятие, включающее в себя Всемирную Паутину, локальные компьютерные сети, браузеры, разнообразные программное обеспечение, дизайн, обучающие курсы и т.д.		Перед началом изучения этой технологии, нужно сказать, что '''HTML''' – не только язык разметки гипертекста, а более широкое понятие, включающее в себя Всемирную Паутину, локальные компьютерные сети, браузеры, разнообразные программное обеспечение, дизайн, обучающие курсы и т.д.

		+	<br>

-		+	[[Image:Htmllll.jpg\|309x220px\|Htmllll.jpg]]
-	[[Image:Htmllll.jpg\|309x220px]]	+

	<br>		<br>
Строка 53:		Строка 53:
	В таком случае, пользователь должен лишь подготовить тексты и рисунки, создать HTML-страницы и связать их.		В таком случае, пользователь должен лишь подготовить тексты и рисунки, создать HTML-страницы и связать их.

-		+	<br>

	[[Image:Htmml.jpg]]		[[Image:Htmml.jpg]]
Строка 61:		Строка 61:
	HTML-язык как основа Веб-страниц играют важную роль в развитии нового Направления в изобразительном искусстве - '''Веб-дизайну'''. Художник, нарисовав красивые картинки, иллюстрации и логотипы, должен как-то разместить свои работы в Сети. И не просто разместить, а продумать связи между Веб-страницами, чтобы все правильно откликалось на действия пользователя, поражало его воображение и вызывало желание создать что-то свое.		HTML-язык как основа Веб-страниц играют важную роль в развитии нового Направления в изобразительном искусстве - '''Веб-дизайну'''. Художник, нарисовав красивые картинки, иллюстрации и логотипы, должен как-то разместить свои работы в Сети. И не просто разместить, а продумать связи между Веб-страницами, чтобы все правильно откликалось на действия пользователя, поражало его воображение и вызывало желание создать что-то свое.

-		+	<br>

	[[Image:Dochtm.jpg]]<br>		[[Image:Dochtm.jpg]]<br>

-		+	<br>

	'''Особенности гипертекста.'''		'''Особенности гипертекста.'''
Строка 125:		Строка 125:
	''Список использованных источников:''		''Список использованных источников:''

-	1. Урок на тему: «Введение в язык HTML», Пилипенко А. В., г. ~~Львов~~.	+	1. Урок на тему: «Введение в язык HTML», Пилипенко А. В., г. Севастополь, АР Крым.

	2. Гончаров А. Самоучитель HTML. - СПб.: Питер, 2002 г.		2. Гончаров А. Самоучитель HTML. - СПб.: Питер, 2002 г.

User17 в 21:39, 7 ноября 2010

2010-11-07T21:39:45Z

← Предыдущая		Версия 21:39, 7 ноября 2010
Строка 13:		Строка 13:
	Перед началом изучения этой технологии, нужно сказать, что '''HTML''' – не только язык разметки гипертекста, а более широкое понятие, включающее в себя Всемирную Паутину, локальные компьютерные сети, браузеры, разнообразные программное обеспечение, дизайн, обучающие курсы и т.д.		Перед началом изучения этой технологии, нужно сказать, что '''HTML''' – не только язык разметки гипертекста, а более широкое понятие, включающее в себя Всемирную Паутину, локальные компьютерные сети, браузеры, разнообразные программное обеспечение, дизайн, обучающие курсы и т.д.

-	[[Image:Htmllll.jpg]]	+
		+
		+	[[Image:Htmllll.jpg\|309x220px]]

	<br>		<br>
Строка 41:		Строка 43:
	Гипертекст наиболее подходящий язык для включения мультимедийных элементов в документы. Благодаря развитию именно гипертекста, большинство людей получило возможность создавать собственные мультимедийные продукты, распространяя их на CD и DVD-дисках.		Гипертекст наиболее подходящий язык для включения мультимедийных элементов в документы. Благодаря развитию именно гипертекста, большинство людей получило возможность создавать собственные мультимедийные продукты, распространяя их на CD и DVD-дисках.

-		+	<br>

	[[Image:Tattoo.jpg]]		[[Image:Tattoo.jpg]]

-		+	<br>

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

	В таком случае, пользователь должен лишь подготовить тексты и рисунки, создать HTML-страницы и связать их.		В таком случае, пользователь должен лишь подготовить тексты и рисунки, создать HTML-страницы и связать их.
		+
		+

	[[Image:Htmml.jpg]]		[[Image:Htmml.jpg]]
Строка 57:		Строка 61:
	HTML-язык как основа Веб-страниц играют важную роль в развитии нового Направления в изобразительном искусстве - '''Веб-дизайну'''. Художник, нарисовав красивые картинки, иллюстрации и логотипы, должен как-то разместить свои работы в Сети. И не просто разместить, а продумать связи между Веб-страницами, чтобы все правильно откликалось на действия пользователя, поражало его воображение и вызывало желание создать что-то свое.		HTML-язык как основа Веб-страниц играют важную роль в развитии нового Направления в изобразительном искусстве - '''Веб-дизайну'''. Художник, нарисовав красивые картинки, иллюстрации и логотипы, должен как-то разместить свои работы в Сети. И не просто разместить, а продумать связи между Веб-страницами, чтобы все правильно откликалось на действия пользователя, поражало его воображение и вызывало желание создать что-то свое.

-	[[Image: ~~dochtm~~.jpg]]<br>	+
		+
		+	[[Image:Dochtm.jpg]]<br>
		+
		+

	'''Особенности гипертекста.'''		'''Особенности гипертекста.'''
Строка 96:		Строка 104:
	*элементы, создающие эффекты форматирования. Их используют при конкретным требованиям к документу, наличии фантазии и умения разработчика		*элементы, создающие эффекты форматирования. Их используют при конкретным требованиям к документу, наличии фантазии и умения разработчика
	*элементы, управляющие программными средствами, установленными на компьютере пользователя.		*элементы, управляющие программными средствами, установленными на компьютере пользователя.
		+
		+	----

	<br>		<br>
Строка 121:		Строка 131:
	3. Мержевич В. В. HTML и CSS на примерах. - СПб.: БХВ-Петербург, 2005 г.		3. Мержевич В. В. HTML и CSS на примерах. - СПб.: БХВ-Петербург, 2005 г.

-	<br> ''Отредактировано и выслано преподавателем Киевского национального университета им. Тараса  ~~''''~~Шевченко Соловьевым М. С.~~'''~~''	+	<br> ''Отредактировано и выслано преподавателем Киевского национального университета им. Тараса  Шевченко Соловьевым М. С.''

	<br> Если у вас есть исправления или предложения к данному уроку, [http://xvatit.com/index.php?do=feedback напишите нам].		<br> Если у вас есть исправления или предложения к данному уроку, [http://xvatit.com/index.php?do=feedback напишите нам].

User17 в 21:38, 7 ноября 2010

2010-11-07T21:38:14Z

← Предыдущая		Версия 21:38, 7 ноября 2010
Строка 15:		Строка 15:
	[[Image:Htmllll.jpg]]		[[Image:Htmllll.jpg]]

		+	<br>

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

-	После появления первых компьютеров, программисты задались целью создать связь между ними для передачи данных. С технической точки зрения в таком соединении не было ничего невозможного, и, поскольку компьютерная техника развивалась, компьютерные сети стали появляться повсеместно.	+	<br>
-		+
-		+
-		+
-	~~[[Image:Xhtml000.jpg\|162x178px]]~~	+

		+	[[Image:Xhtml000.jpg\|162x178px\|Xhtml000.jpg]]

		+	<br>

	Идея всепланетной компьютерной сети стала актуальной тогда, когда вычислительные машины перестали быть собственностью только учреждений и ведомств, то есть когда появились персональные компьютеры.		Идея всепланетной компьютерной сети стала актуальной тогда, когда вычислительные машины перестали быть собственностью только учреждений и ведомств, то есть когда появились персональные компьютеры.
Строка 41:		Строка 41:
	Гипертекст наиболее подходящий язык для включения мультимедийных элементов в документы. Благодаря развитию именно гипертекста, большинство людей получило возможность создавать собственные мультимедийные продукты, распространяя их на CD и DVD-дисках.		Гипертекст наиболее подходящий язык для включения мультимедийных элементов в документы. Благодаря развитию именно гипертекста, большинство людей получило возможность создавать собственные мультимедийные продукты, распространяя их на CD и DVD-дисках.

-	[[Image: ~~tattoo~~.jpg]]	+
		+
		+	[[Image:Tattoo.jpg]]
		+
		+

	Такие продукты, выполненные в виде HTML-страниц, не требовательны к специальных программным средствам, так как все нужные инструменты (Веб-браузеры) для работы с такими данными стали частью «джентльменского набора» программного обеспечения на любом ПК.		Такие продукты, выполненные в виде HTML-страниц, не требовательны к специальных программным средствам, так как все нужные инструменты (Веб-браузеры) для работы с такими данными стали частью «джентльменского набора» программного обеспечения на любом ПК.
Строка 49:		Строка 53:
	[[Image:Htmml.jpg]]		[[Image:Htmml.jpg]]

-		+	<br>

	HTML-язык как основа Веб-страниц играют важную роль в развитии нового Направления в изобразительном искусстве - '''Веб-дизайну'''. Художник, нарисовав красивые картинки, иллюстрации и логотипы, должен как-то разместить свои работы в Сети. И не просто разместить, а продумать связи между Веб-страницами, чтобы все правильно откликалось на действия пользователя, поражало его воображение и вызывало желание создать что-то свое.		HTML-язык как основа Веб-страниц играют важную роль в развитии нового Направления в изобразительном искусстве - '''Веб-дизайну'''. Художник, нарисовав красивые картинки, иллюстрации и логотипы, должен как-то разместить свои работы в Сети. И не просто разместить, а продумать связи между Веб-страницами, чтобы все правильно откликалось на действия пользователя, поражало его воображение и вызывало желание создать что-то свое.

-	<br>	+	[[Image: dochtm.jpg]]<br>

	'''Особенности гипертекста.'''		'''Особенности гипертекста.'''
Строка 69:		Строка 73:
	*вставка таблиц и рисунков		*вставка таблиц и рисунков

		+	<br>

		+	[[Image:Brozerss.jpg]] <br>

-	~~[[Image:Brozerss.jpg]]~~ <br>	+	<br>
-		+
-		+
-		+

		+	<br>

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

User17 в 21:36, 7 ноября 2010

2010-11-07T21:36:44Z

Внесённые изменения

User17: Новая страница: «'''Гипермаркет ''' знаний>>Информатика>>[[Инфор...»

2010-11-07T21:32:38Z

Новая страница: «'''Гипермаркет ''' знаний>>Информатика>>[[Инфор...»

Новая страница

[[Гипермаркет знаний - первый в мире!|'''Гипермаркет ''' знаний]]>>[[Информатика]]>>[[Информатика 10 класс. Полные

уроки]]>>Информатика: Вступление в HTML.

<metakeywords>Информатика, класс, урок, на тему, 10 класс, Вступление в HTML.</metakeywords> 

'''Тема: Вступление в HTML.'''

'''Цель: '''Ознакомить с технологией создания простых веб-страниц с помощью языка программирования

HTML.

Перед началом изучения этой технологии, нужно сказать, что '''HTML''' – не только язык разметки гипертекста, а более широкое понятие, включающее в себя Всемирную Паутину, локальные компьютерные сети, браузеры, разнообразные программное обеспечение, дизайн, обучающие курсы и т.д. [[Image:Htmllll.jpg]]

После появления первых компьютеров, программисты задались целью создать связь между ними для передачи данных. С технической точки зрения в таком соединении не было ничего невозможного, и, поскольку компьютерная техника развивалась, компьютерные сети стали появляться повсеместно. [[Image:Xhtml000.jpg]]

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

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

{{#ev:youtube|nJQM5mOZecs}}

'''HyperText Markup Language '''(язык разметки гипертекста) давно перестал быть просто языком программирования. Понятие HTML включает в себя различные способы оформления гипертекстовых документов, дизайн, браузеры и многое другое. Изучив этот язык, можно проделывать сложные вещи простыми способами и, главное, быстро - в компьютерном мире это значит очень много.

 '''HTML-страница''' - документ, созданный в виде гипертекста на основе языка HTML, имеет расширение ''html (htm)'' и в гипертекстовых редакторах и браузерах имеют общее название.

Гипертекст наиболее подходящий язык для включения мультимедийных элементов в документы. Благодаря развитию именно гипертекста, большинство людей получило возможность создавать собственные мультимедийные продукты, распространяя их на CD и DVD-дисках.

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

В таком случае, пользователь должен лишь подготовить тексты и рисунки, создать HTML-страницы и связать их. [[Image:Htmml.jpg]] HTML-язык как основа Веб-страниц играют важную роль в развитии нового Направления в изобразительном искусстве - '''Веб-дизайну'''. Художник, нарисовав красивые картинки, иллюстрации и логотипы, должен как-то разместить свои работы в Сети. И не просто разместить, а продумать связи между Веб-страницами, чтобы все правильно откликалось на действия пользователя, поражало его воображение и вызывало желание создать что-то свое.

'''Особенности гипертекста.'''

[[Image:Brozerss.jpg]] Из особенностей гипертекстовых документов можно назвать способность получать сложные эффекты форматирования простыми, легкими, наглядными методами.

{{#ev:youtube|8Fn9RK_zxlE}}

Если сравнить гипертекстовый документ и документ MS Word, то в таких случаях используются одни и те же приемы форматирования:

*выбор шрифта
*цвет
*начертание
*выравнивание
*вставка таблиц и рисунков

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

Разумеется, что просмотреть документ в отформатированном виде можно только в браузерах.

{{#ev:youtube|ZVXSMgJSp0Y}}

Все элементы языка можно условно разделить на три группы:

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

[[Image:Bhtml.jpg]]

 

 '''Вопросы: '''
1. Что такое HTML?

2. Какое расширение имеет HTML-страница?

3. Каким По можно просматривать веб-страницы?

4. Назовите несколько особенностей гипертекста.

5. Основные элементы языка HTML.

''Список использованных источников:''

1. Урок на тему: «Введение в язык HTML», Пилипенко А. В., г. Львов.

2. Гончаров А. Самоучитель HTML. - СПб.: Питер, 2002 г.

3. Мержевич В. В. HTML и CSS на примерах. - СПб.: БХВ-Петербург, 2005 г.

 ''Отредактировано и выслано преподавателем Киевского национального университета им. Тараса  ''''Шевченко Соловьевым М. С.''

Если у вас есть исправления или предложения к данному уроку, [http://xvatit.com/index.php?do=feedback напишите нам].

Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - [http://xvatit.com/forum/ Образовательный форум].

[[Category:Информатика_10_класс]]