Практическое задание 5.

 

 





 

 


Создание сайта c помощью редактора DreamWeaver

Порядок выполнения работы:
1.Войдите на сервер NAROD.RU и зарегистрируйте имя своего сайта.
2.Сайт создается по теме реферата. Внешнюю и внутреннюю структуру разработать и согласовать!
3.Страницы должны содержать:

  • Эмблему или логотип (как правило, слева сверху)
  • Основной текст или таблицы (различные разделы реферата и выделенные в нем классификации выложить на различных смысловых страницах сайта)
  • одна из страниц должна быть об авторах сайта с указанием вашего е-mail
  • практические работы 1, 2, и готовая презентация по теме реферата в формате .htm
  • Все страницы должны быть взаимосвязаны и иметь гиперссылки на:
    • страницы вашего сайта для обеспечения навигации (ссылку возврата к первой странице
    • интересные с вашей точки зрения страницы и ресурсы в Internet по теме реферата.
    • гиперссылки на страницы ваших коллег
    • ссылка на МИИГАиК (ссылка должна открываться в новом окне ( функция target_blank))
    • ссылка на ваш e-mail на главной странице сайта
  •    графику:
    • картинки,
    • кнопки
    • фоны
    • анимации
      (в формате jpeg и gif)

3. Загрузить на сервер и продемонстрировать преподавателю:

  • сайт в сети Internet (содержание страниц и навигацию по узлу)
  • сайт в рабочем режиме в программе- редакторе DreamWeaver

Адрес ftp-хоста - ftp.narod.ru!!!

Структура меню сайта
ГЛАВНАЯ
……
……
…..
…...
.…..
……
Наш университет (ссылка должна открываться в новом окне ( функция target _blank))
Об авторах сайта
Пишите нам
Наши практические работы

ПАМЯТКА ПРИ СОЗДАНИИ САЙТА

Этапы создания web-сайтов 

  1. Продумать и разработать структуру сайта (внутреннюю и внешнюю)
  2. Создать сайт.
  3. Проверить.
  4. Опубликовать.

Требования к файлам сайта

  • Главная страница должна быть названа именем index.html,
  • Имена всех файлов должны состоять только из латинских букв и цифр,
    • можно использовать дефис и подчеркивание,
    • не использовать в именах заглавные буквы.
  • Графика должна быть в формате либо GIF (*.gif) либо JPEG (*.jpg).
  • Следите за тем, соответствуют ли названия файлов в гипперссылках или названия картинок в тексте вашей страницы реальным названиям файлов. То есть, <img src="image.gif"> не одно и тоже, что <img src="image.Gif">. Если имя картинки image.gif, то первый вариант окажется верным, а второй- нет.
  • Если вы используете графические объекты из MS Office, то при сохранении HTML-документов внимательно следите за именами файлов этих объектов. В этом случае могут появиться имена файлов на кириллице!!! Поэтому необходимо переименовать такой файл, следуя изложенным выше требованиям, а в HTML-коде ваших страниц изменить названия соответствующих ссылок, не забывая при этом сохранять документы.

Рекомендации (требования) по разработке сайтов 

  1. Четко сформулируйте назначение вашего сайта.
  2. Обязательно думайте о своей аудитории.
  3. Используйте быстро загружаемые элементы.
  4. Сделайте ваш сайт визуально привлекательным.
  5. Не пытайтесь разместить все на одной странице.
  6. Разумно организуйте содержимое.
  7. Предусмотрите на сайте кнопки навигации.
  8. Тщательно протестируйте свой сайт.

Тестирование и доработка

  • Взаимные ссылки на другие файлы ваших страниц должны быть независимы от местоположения их в файловой структуре компьютера.
  • Поэтому перед загрузкой на сервер нужно открыть первый документ в окне браузера (в Internet Explorer) и убедиться в возможности навигации и целостности других файлов, содержащихся на странице.
  • В противном случае необходимо найти недостающие файлы и скорректировать на них ссылки.

 

© 2004, Разработка и дизайн: FIS-group

 

April 27, 2012

 

Бесплатные серверы для вашей странички.
Бесплатный и условно бесплатный софт.
Ссылки на дополнительные источники
Web-ресурсы по разработке Web-сайтов
WEB-графика
HTML
Как определить, на какой CMS работает сайт
Самые популярные CMS в Рунете, лето 2009
Зачем вам нужен сайт?
Как выбрать веб-студию
Список доменов первого уровня

Топ-10 ошибок веб-дизайна

Интернет в виде сайтов прекратит существование.
Контент-стратегия: длинные статьи против коротких

Русско-английский глоссарий по информационному обществу

 

 

 

Hosted by uCoz