Web-Дизайн - Форум Николаевского строительного колледжа
Воскресенье, 04.12.2016, 03:54
Приветствую Вас Неместный | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум Николаевского строительного колледжа » Форумы о жизни » Интернет » Web-Дизайн (Web Design)
Web-Дизайн
MAXimusДата: Четверг, 28.02.2008, 22:40 | Сообщение # 1

.::Web Support::.
Группа: Администратор
Сообщений: 266
Рейтинг
 1
Статус: Off-Line
Решил затронуть темку.

Что такое HTML

С помощью чего создаются Web-страницы

Перед тем как начать изложение материала хочу сделать существенное замечание.

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

На страницах своего сайта я буду рассматривать дескрипторы, поддерживаемые Microsoft Internet Explorer 5.0 (IE 5.0). Это следует учитывать, когда будете разбирать приводимые примеры.

Что такое HTML
HTML (HyperText Markup Language, язык гипертекстовой разметки) - специальные инструкции браузеру, с помощью которых создаются Веб-страницы.

Т.е. Web-страницы - это документы в формате HTML, содержащие текст и специальные тэги (дескрипторы) HTML. По большому счету тэги HTML необходимы для форматирования текста (т.е. придания ему нужного вида), который "понимает" браузер. Документы HTML хранятся в виде файлов с расширением .htm или .html.

Тэги HTML сообщают браузеру информацию о структуре и особенностях форматирования Веб-страницы. Каждый тэг содержит определенную инструкцию и заключается в угловые скобки <>. Большинство тэгов состоят из открывающей и закрывающей частей и воздействуют на текст, заключенный внутри.

Для более быстрого знакомства с HTML-кодом советую просматривать понравившуюся вам страницу в режиме "В виде HTML". Для этого в браузере надо выбрать пункт меню "Вид" - "В виде HTML".

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

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

Практически все Веб-дизайнеры используют специальные программы, которые называются HTML-редакторы. Наиболее популярные - Macromedia HomeSite, Dreamweaver MX.

Чем же они хороши? Прежде всего, тем, что они как раз и предназначены для создания Веб-страниц. Синтаксис в таких программах обычно выделяется разными цветами, так что очень хорошо видно где находится текст, а где дескрипторы, а где php-код. Многие сложные конструкции тэгов можно вводить одним щелчком мышки. Результат своего труда виден тут же, в соседнем окошке. Если вы серьезно занимаетесь вэб-дизайном, то без такой программы вам просто не обойтись.

Кроме вышеуказанных программ существует еще один тип специализированных программ - это, так называемые, средства визуального проектирования (Microsoft FrontPage, HoTMetal Pro). Они позволяют создавать Веб-страницы таким образом, чтобы полностью исключить необходимость набора тэгов HTML вручную. Подобные программы выполняют все необходимые операции автоматически, по мере "рисования" Вэб-страницы. К недостаткам таких программ следует отнести тот факт, что "вес" таких страниц оказывается большим из-за избыточного HTML-кода, да и изящную страничку без подправки кода "вручную" сделать весьма проблематично.

Сам я пользуюсь Macromedia HomeSite. Уже к ней привык и она мне очень нравится. Правда на Миллениуме у меня были с ней проблемы с инсталляцией. Но на ХР - работает без проблем. Если у вас нет возможности приобрести Macromedia HomeSite, поройтесь в Интернете. На любом софтархиве найдете много бесплатных HTML-редакторов. Попробуйте разные и выберите тот, который вам по душе.


PRESS HERE

 
39Николаевский строительный колледж
P-cassoДата: Четверг, 28.02.2008, 22:42 | Сообщение # 2

Admin
Группа: Администратор
Сообщений: 281
Рейтинг
 2
Статус: Off-Line
Плиз кинь еще основные теги... Я свои де то про...л


Не нажимай эту ссылку!
 
39Николаевский строительный колледж
MAXimusДата: Четверг, 28.02.2008, 22:48 | Сообщение # 3

.::Web Support::.
Группа: Администратор
Сообщений: 266
Рейтинг
 1
Статус: Off-Line
У меня пока что руки не доходят создавать самому сайты, но могу переделать шаблон сайта.
Кому интересно.
Вот прикреплениях скрин сайта!
Добавлено в сообщение: 9868046.jpg(410Kb)


PRESS HERE

 
39Николаевский строительный колледж
P-cassoДата: Пятница, 29.02.2008, 13:15 | Сообщение # 4

Admin
Группа: Администратор
Сообщений: 281
Рейтинг
 2
Статус: Off-Line
ууу, ну шаблон я просмотрел - классный, респект! Но ГДЕ ТЭГИ?


Не нажимай эту ссылку!
 
39Николаевский строительный колледж
MAXimusДата: Пятница, 29.02.2008, 14:33 | Сообщение # 5

.::Web Support::.
Группа: Администратор
Сообщений: 266
Рейтинг
 1
Статус: Off-Line
щя поищу.. было куча тегов
 
39Николаевский строительный колледж
P-cassoДата: Пятница, 29.02.2008, 15:22 | Сообщение # 6

Admin
Группа: Администратор
Сообщений: 281
Рейтинг
 2
Статус: Off-Line
да мне хотя бы основные, я все равно ними оперирую с большим трудом


Не нажимай эту ссылку!
 
39Николаевский строительный колледж
MAXimusДата: Суббота, 01.03.2008, 00:19 | Сообщение # 7

.::Web Support::.
Группа: Администратор
Сообщений: 266
Рейтинг
 1
Статус: Off-Line
ну хотя основые тэги отображены на панели добавления сообщения..
но ня юкозе есть бок с баннерами... на странице иформации о сайте невозможно вставить код баннера, пришлось вставлять картинку, а на него уже прописывать адрес...


PRESS HERE

 
39Николаевский строительный колледж
P-cassoДата: Суббота, 01.03.2008, 11:07 | Сообщение # 8

Admin
Группа: Администратор
Сообщений: 281
Рейтинг
 2
Статус: Off-Line
На панели добавления сообщения - ВВ коды, они отличаются от хтмл, их вообще сбацали для того чтобы каждый желающий не мог изменить код страницы, потому что её можно таким образом запороть... (вишь какой я интеллект :))


Не нажимай эту ссылку!
 
39Николаевский строительный колледж
P-cassoДата: Суббота, 01.03.2008, 12:54 | Сообщение # 9

Admin
Группа: Администратор
Сообщений: 281
Рейтинг
 2
Статус: Off-Line
Кстать, Макс. Я тут начал осваивать хтмл через блокнот...
Пробую щас нормальную стартовую страницу сбацать smile
Мож когда нить перенесем сайт на независимый хостинг cool



Не нажимай эту ссылку!
 
39Николаевский строительный колледж
Форум Николаевского строительного колледжа » Форумы о жизни » Интернет » Web-Дизайн (Web Design)
Страница 1 из 11
Поиск: