Изображения на веб-страницах

Добрый день, мои дорогие)

Для вас практическая работа: соединяем знания по новой теме (изображения) и тему создания веб-страницы.
У вас должна получиться такая страница:

Для этого нужно:
1. Создать страницу с заголовком  - Объявление.

2. Установить фон из файла fon.jpg.

3. Вставить логотип размером 150 Х 400.

4. Вставить текст и отформатировать:

Внимание! Внимание! Внимание! - полужирный курсив, красный цвет, шрифт arial, размер шрифта 6.

Компьютерные курсы
для детей и взрослых - заголовок размером1, выравнивание по центру

а так же - заголовок размером4, выравнивание по центру

конкурсы, олимпиады, экскурсии - курсив, синий цвет, шрифт arial, размер шрифта 5, выравнивание по центру.

Дигитальный центр - выравнивание по правому краю, размер по умолчанию.

5. Вставить три фото с рамкой в 3 пикселя.

Желаю всем успехов в работе!

Практическая работа "Создание веб-сайта КИНОТЕАТР"

Добрый день!

Сегодня самостоятельно создаем сайт "Кинотеатр".

Структура такова (стр. 11 учебника):

Кинотеатр «Беларусь»

Ретроспектива белорусских фильмов

Драмы

Комедии

Детективы

На заметочку)))

1. Для структурирования материала используем таблицы. После заполнения таблицы убираем границы. Обязательно поменять цвет фона (разметка страницы).
2. Создаем страницу Драмы. Сохраняем ее под именами Комедии и Детективы. Далее остается только редактировать контент.
3. Контент для страницы КОМЕДИИ находим самостоятельно в интернете  (фото+описание).

4. Ссылки должны быть взаимные (на страницу 1 уровня и обратно на главную).

За работу!!!

Создание веб-сайта в MS Word

Итак, начнем)))

Повторяем этапы разработки сайта на примере проектирования сайта "Достопримечательности Минска".

1. Цель: вызвать интерес к достопримечательностям столицы. Задачи: информирование населения об интересных исторических фактах, связанных с архитектурными памятниками Минска.
 2. Структура сайта может быть такой:

3.Создаются дизайн главной страницы и страниц, посвященной достопримечательностям.

4. Готовятся материалы к сайту.

5. Создаются страницы и гиперссылки для связи между ними.

6. Проверяется работа ссылок, дизайн в различных браузерах. После проверки сайт публикуют.

Алгоритм создания сайта в MS Word:

1. Создать главную страницу. Сохранить ее как веб-страницу index.htm (особенность: сохраняется страница и одноименная папка с расширением files. В папке хранятся  все вспомогательные файлы страницы, например маркеры, фоновые текстуры и графические объекты).
2. Создать страницу 1 уровня. Сохранить как веб-страницу ПЕРВАЯ.
3. Сохраняем страницу ПЕРВАЯ под именами ВТОРАЯ, ТРЕТЬЯ и т.д.
4. Редактируем страницы ВТОРАЯ, ТРЕТЬЯ контентом и сохраняем.
5. Создаем гиперссылки ГЛАВНАЯÛПЕРВАЯ, ГЛАВНАЯÛВТОРАЯ, ГЛАВНАЯÛТРЕТЬЯ.
6. Проверяем работоспособность ссылок.

 
                                 

Практическая работа "Создание сайта "Достопримечательности Минска".

1. Откройте текстовый документ Минск.doc.
2. Сохраните документ в виде веб-страницы под именем index.htm в новую папку МИНСК.
3. Просмотрите созданную веб-страницу в браузере.
4. Используя текстовые документы Ратуша.doc, Монастырь бернардинцев.doc, Кафедральный собор.doc, аналогично создайте веб-страницы ratusha.htm, monastyr.htm,cathedral.htm.
5. Создайте на главной странице гиперссылки на другие страницы. Для этого:
- откройте главную страницу сайта index.htm
- для создания текстовой гиперссылки  на страницу ratusha.htm выделите слово "Ратуша" в таблице, выполните команду вставка - гиперссылка - связать с файлом, веб-страницей, выберите имя файла ratusha.htm и нажмите ok.
Аналогично создайте ссылки на файлы monastyr.htm,cathedral.htm.
Предусмотрите ссылки на главную страницу, оформив в виде текста назад.
Сохраните веб-страницы.

6. Просмотрите созданные страницы в браузере и проверьте работу ссылок.

Построение графиков

Повторяем команды, которые необходимы для построения.

Алгоритм построения:

1. Рисуем декартову систему координат.

 - определяем начало координат (х0,у0)

- масштаб (коофициент) - сколько пикселов в единичном отрезке

2. Определим начальное положение х (левая граница)

3. Вычислим значение у по формуле функции

4. Перейдем к экранным координатам: х*k+х0, -у*k+y0, отбросим дробную часть

5. Ставим точку в вычисленные в п.4 координаты. Для удобства вместо точки будем рисовать окружность - центр окружности - вычисленная точка, радиус - например, 2 пикселя.

6.Переходим к следующей ординате х+шаг

7. Повторяем шаги 3-6, пока не дойдем до правой границы

Разбираем алгоритм
Выполняем задания

Использование растровых изображений (урок2)

Сегодня мы будем программировать имитацию движения!

Для начала новая команда:
SetPictureTransporent (дискриптор, true) - установить прозрачный фон для изображения, связанного с указанным дискриптором.

Алгоритм имитации движения:
1. Определить координаты объекта (х,у)
2. Нарисовать (отобразить на экране, если это картинка) объект

3. Изменить координаты объекта (х:=х+10)
3. Задержать его на экране sleep (20)

4. Закрасить объект цветом фона clearwindow
Повторить с п.1.

Разбираем пример 3 стр.75

Использование растровых изображений

Добрый день!
Сегодня очень интересная тема - работаем в Паскале с изображениями растровой графики.
Изучаем новые команды команды:
n:=Loadpicture('имя файла); - загрузка файла-картинки в память компьютера и связывание имени файла с переменной n - дискриптором.
Drawpicture(n,x,y,w,h); - вывод изображения n на экран в точку(х,у) с шириной w и высотой h.

Отражение картинки: -w, -h.

Разбираем пример1 учебника стр.71