Создание и размещение сайта в интернет - обзоры студий веб-дизайна, хостинг, конструкторы сайтов, литература по html и веб программированию.
  В помощь вебмастеру  

смотрите также:

   - Разработка сайта:  выбор
 оптимального варианта


   - Ваш Интернет-магазин

   
- Размещение сайта в сети интернет

 

 

 

 

 


Глава 4. Отладка html страницы в WebEditor


ГЛАВА 4.

Отладка


 

Завершающий этап разработки нашего маленького сайта в Namo WebEditor - это отладка страниц. При отладке html страниц проверяются ошибки в html-коде, корректность ссылок, грамматические и смысловые страницы, удобство пользования ресурсом в целом.
Поскольку у нас получился совсем простенький сайт, состоящий из пары страниц - давайте немного усложним себе задачу. Сделаем еще пару страниц, пускай это будут два комментария к альбому с фотографиями, а ссылки на них поместим на второй странице (самом альбоме, second.html) нашего сайта. Для удобства навигации, на этих страницах поместим ссылки на вторую страницу (second.html)

Такие страницы проще всего создать, не размечая заново таблицу, а просто сделав копию существующей (second.html) страницы. Далее - меняем содержание и не забываем про ссылки - их тоже меняем на оговоренный выше вариант. Кстати говоря, дублирование и последующее изменение страниц так же оптимально с точки зрения сохранения целостности дизайна сайта, особенно если страницы схожей тематики. Ваш посетитель не будет отвлекаться на изучение дизайна и ссылок новой страницы, перед ним предстанет знакомая страница с той же структурой но разным наполнением. Это удобно ему.

Все, теперь сайт точно готов. Предположим это ваша домашняя страничка. Еще раз взглянем на ее структуру:

index.html - Основная страница, рассказ о себе

second.html - Фотоальбом с фотографиями

story_1.html - Комментарий 1 story_2.html - Комментарий 2

Как видим, простое - но удобное дерево. Действительно, посетителю, пришедшему на главную страницу сайта врят ли будет интересны ваши комментарии к фотографиям, а ссылки могут запутать и даже показаться нелепыми (особенно если страничка носит официальный характер, например содержит ссылку на ваше резюме). Комментарии заинтересуют посетителя, когда тот будет знакомиться с фотографиями - это логично - поэтому мы поместили ссылки только на странице с фотографиями.
Теперь проверим текст на наличие ошибок, перечитаем еще раз написанное. Проверим верность ссылок. Исправим и сохраним все страницы (внимание! если страницы не сохранить, следующий шаг будет бесполезен!)
Для проверки работоспособности ссылок откроем index.html в окне браузера и попробуем пройтись по ним. Все нормально?
После возможных исправлений открываем страницы поочередно в Namo Web Editor и в меню "Инструменты" выбираем "Очистить html". После этого снова сохраняем страницы.
Наш первый сайт готов.

Последний пункт рекомендуется использовать т.к при автоматическом написании кода (которым мы и пользовались) WYSIWYG редактор обычно местами неоптимально пишет код, добавляя мусор и лишние теги html. Связано это с тем, что при многократном редактировании страницы в окне результата (окне "правка") редактор пишет код непосредственно для создаваемого участка, "забывая" об уже имеющимся. Выбирая команду "Очистить html" мы сообщаем что работа над страницей завершена и даем редактору возможность просмотреть ее целиком и убрать лишние теги.

Скачать последнюю пробную версию этой программы и впоследствии купить ее можно на странице разработчика.
Удачи в сайтостроении!



 

<<- Содержание
Содержание обзора

При перепечатке этой статьи или ее фрагментов
ссылка на сайт
http://4site.net.ru
обязательна!

размещение сайта
Новое на сайте: