Павлово-на-Оке
Введение в компьютерные сети. Основы Web-дизайна
О курсе
Тема_1
Тема_2
Тема_3
Тема_4
Тема_5
Тема_6
Тема_7
Тема урока
Цель урока
Состав урока
Работа в среде html-редактора
  • Интерфейс программы.
  • Создание локального Web -узла.
  • Вставка изображения.
  • Гиперссылки.
  • Создание таблицы.
  • Познакомиться и интерфейсом программы;
  • Научиться проектировать и создавать Web-узлы ;
  • Научиться создавать и редактировать HTML-документы;
  • Научиться создавать гиперссылки и подключать изображения;
  • Научиться использовать для форматирования документа таблицы.
  • Лекция
  • Задание
  • Источники

    Скачать

    • Шаг 1

    Лекция
    Изучаем материал урока

    Шаг 2

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

    Шаг 3

    Задание к уроку
    Задание (обязательное)
    Задание (дополнительное)
     

    На основе разработанного на прошлом занятии проекта сайта создайте Web-узел проекта

    Подумайте какие материалы вы будете размещать на сайте, чтобы заинтересовать посетителей?

    Какие графические материалы будут иллюстрировать ваш сайт?

    Продумайте структуру сайта: какие папки и какие файлы будет содержать ваш Web-узел?

    С помощью редактора Smart Web Builder на жесткм диске создайте вложенные папки в соответствии с проектом.

     

    		 

    Создайте стартовую страницу

    Создайте несколько страниц, проекта, разметьте их, разместив на каждой таблицу.

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

    Разместите на каждой странице изображение.

    Шаг 5

    Дополнительный материал к уроку.

    Литература:

    1. Смирнова И. Е. «Начала Web-дизайна» БХВ-Петербург. 2003//
    Глава 5. Macromedia Dreamweaver
    2. Дронов В. «PHP, MySQL и Dreamweaver MX2004. Разработка интерактивных Web-сайтов» «БХВ-Петербург»
    Глава 3. Работа с Macromedia Dreamweaver MX 2004.

    Ссылки на Интернет-источники

    3. Справка к программе Smart Web Builder
    http://www.swbsite.com/
    Расписание
    Учащиеся
    Библиотека
    Глоссарий