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

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

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

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

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

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

Разбивка страниц

.

На текущий момент вы добились значительного прогресса в создании сайта. Но что это за сайт, у которого только одна страница? Честно говоря, сайт может состоять из одной страницы, как и предложение из одного слова. Но вы, наверное, не купили бы эту книгу, чтобы узнать, как создать всего одну страницу сайта, не правда ли?

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

Во-первых, удостоверьтесь, что с вашей страницей все в порядке, прежде чем пойдете дальше. Разметка страницы должна соответствовать большому блоку кода, показанному на предыдущих страницах (после того как мы ввели элементы div). Если это не так, возьмите в архиве кода версию, содержащую div: (\chapter2\ website_files\06_addi ng_structure_with_divs\i ndex. html). Сохраните файл под именем index. html в каталоге с вашим сайтом (если увидите предупреждение с вопросом, хотите ли вы переписать существующий файл, нажмите кнопку Да).

Файл готов? Нужно разбить его на три страницы. Сначала сделайте три копии.

1. Выделите ярлык файла i ndex. html в Проводнике или Finder.

2. Чтобы скопировать файл, выберите меню Правка — Копировать.

3. Чтобы сделать копию в том же каталоге, выберите Правка — Вставить.

4. Повторите все это еще раз.

У вас должно получиться три HTML-файла в каталоге, где находятся файлы вашего сайта. Файл index. html оставьте как есть, а другие два нужно переименовать (помня о нижнем регистре). Выделите каждый из них по очереди и выберите меню Файл — Переименовать, если работаете в Windows. Пользователи Мае могут просто выделить файл, щелкнув на нем, и нажать Return для изменения имени.

Переименуйте один файл в contact. html, а другой — в about. html.

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

Откройте существующий файл в Блокноте, выполнив команду Файл — Открыть, и в появившемся окне измените Тип файла на Все файлы. Сейчас, открыв свой каталог Web, вы увидите в нем все файлы, которые можно открыть.

Файлы в TextEdit открываются почти так же. Выполните команду File — Open (Файл — Открыть) (убедитесь, что установлен флажок Ignore rich text command (Игнорировать команды для оформления насыщенного текста)).

Откройте в своем текстовом редакторе все файлы по очереди и отредактируйте их, как описано в табл. 2.2 (помните, что перед тем, как открыть новый файл, необходимо сохранить предыдущий).

Таблица 2.2. Изменения для файлов

Сейчас каждый из трех файлов содержит контент в соответствии со своим названием, но в два вновь созданных файла требуется внести небольшие изменения. Откройте about. html в текстовом редакторе и выполните следующее.

1. Измените значение элемента title на  BubbleUnder.com: кто мы и о чем этот сайт.

2. Сделайте заголовок третьего уровня « О нас» заголовком второго уровня. В процессе редактирования оригинальной главной страницы мы потеряли один из уровней заголовков. В частности, заголовки «О нас» и «Свяжитесь с нами» были помечены как заголовки третьего уровня, подчиняющиеся заголовку второго уровня «Добро пожаловать». Не следует пропускать уровни заголовков. За заголовком первого уровня (hi) должен следовать заголовок второго (п2), а не третьего (h3) уровня.

Затем откройте файл contact. html в текстовом редакторе и выполните следующее.

1. Замените содержимое элемента title на Свяжитесь с нами через BubbleUnder.

2. Измените третий уровень заголовка на второй, как в предыдущем файле about. html.

Если все идет по плану, то у вас получилось три файла: index.html, about.html и contact.html.

Разметка должна выглядеть вот так.

.

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