Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

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

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

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Посмотрим на исходный код

.

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

1. Загрузите какую-нибудь страницу, например главную страницу Web Standard Project (WaSP). Это группа, которая пропагандирует правильные принципы веб-дизайна и объясняет их преимущество, так что вы можете быть уверены, что с их собственным сайтом все в порядке.

2. Наведите указатель мыши на страницу (не на изображение!) и щелкните правой кнопкой (или нажмите Ctrl и щелкните кнопкой мыши, если вы в Мае). Откроется контекстное меню.

3. Выберите команду Просмотр HTML-кода (IE) или Исходный код страницы (Firefox) (рис. 2.1) и просмотрите в открывшемся окне разметку страницы.

Рис. 2.1. Выбор команды для просмотра исходного кода в Internet Explorer и Firefox

На этом этапе мы не будем отвлекаться на анализ разметки, но начинающему разработчику полезно знать, как она осуществляется.

Базовые требования к веб-странице

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

doctype — тип документа;

тег html;

тег head;

тег title;

тег body.

Эти элементы создают основной «скелет» веб-страницы. Это подвеска нашего автомобиля с каким-то бесцветным кузовом, но без колес и сидений. Автомобильный энтузиаст мог бы сказать, что это проект — мощная основа, требующая какого-то количества дополнительных усилий для ее превращения в нечто работающее. То же самое относится и к веб-странице. Вот как выглядят эти базовые элементы, будучи скомбинированными в простейшую веб-страницу:

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

Разметка выше описывает самую незамысловатую веб-страницу, которую вы здесь увидите. Она не содержит практически ничего (по крайней мере с точки зрения пользователя, который смотрит на нее в браузере). Но если вы понимаете, что она означает, — это круто. Рассмотрим ее подробнее.

.

Читайте так же:
Not found