Создание изображения и использование его на Web-странице.

Предыдущая 2 3 4 5 6 7 8 9 10 11 12 13 14 15 1617Следующая

1. Откройте программу Paint (Пуск ► Программы ► Стандартные ► Paint). Задайте размеры нового рисунка, например 50x50 точек (Рисунок ► Атрибуты).

2. Нарисуйте произвольный рисунок.

3. Сохраните рисунок под именем <Ваша фамилия>.gif (в формате GIF).

4. Откройте документ <Ваша фамилия>.htm в программе Блокнот.

5. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить между тегами <BODY> и </BODY>.

6. Введите тег <IMG SRC ="<Ваша фамилия>.gif" ALIGN="LEFT">.

7. Сохраните Ваш документ.

8. Запустите обозреватель Internet Explorer откройте Ваш файл. Посмотрите на получившийся документ, обращая особое внимание на изображение.

9. Вернитесь в программу Блокнот и, измените значение атрибуту: ALIGN="CENTER". Сохраните файл под тем же именем.

10. Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов.

11. Вернитесь в программу Блокнот и добавьте в тег <IMG> атрибуты: HSPACE=40 VSPACE=20. Сохраните файл под тем же именем.

12. Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов.

Текст для набора:

Целью курса является научить проектировать и конструировать сайты.

Достижение цели реализуется с решением следующих задач:

· Познакомить с видами web-сайтов, их функциональными, структурными и технологическими особенностями;

· Сформировать навыки проектирования, конструирования, размещения и сопровождения web-сайта;

· Сформировать навыки написания html-кодов;

· Создать и разместить в сети Интернет собственный web-сайт по выбранной тематике;

· Познакомиться с основами web‑дизайна;

В результате изучения данного элективного курса обучающиеся должны:

знать принципы и структуру устройства «Всемирной паутины», формы представления информации в сети Интернет; способы работы с изученными программами (редакторы сайтов); виды web-сайтов;
уметь найти, сохранить и систематизировать необходимую информацию из сети с помощью имеющихся технологий и программного обеспечения; овладеть браузерами Internet Explorer, Opera, Firefox; спроектировать, изготовить и разместить в сети web-сайт, состоящий из 5-10 страниц на заданную тему;

Лабораторная работа №23

«Web-страницы. Создание гиперссылок. Стили.»

Цель работы: получить навыки создания гиперссылок, а также навыки оформления HTML страниц с помощью стилей, закрепить полученные навыки создания и редактирования страниц с использованием языка HTML.

Порядок выполнения работы:

Задание 1

Используя внутренние ссылки создать словарь терминов, переход к терминам должен осуществляться нажатием соответствующей буквы. В конце терминов по каждой букве должна стоять ссылка «В начало»

Задание 2

Примечание (в качестве основы для выполнения заданий 2-4

Берем HTML страницу из лаб.работы №23)

1. Создайте каталог /css/

2. Создайте в нем файл main.css

3. Подключите его ко всем страницам сайта с помощью тега <LINK>.

4. Задайте по умолчанию следующие параметры для всех страниц (переопределив, тег <body>):
- цвет фона
- размер шрифта
- цвет шрифта
- семейство шрифта (например, Arial)

5. Проверьте работоспособность на сервере.

6. В комментариях (в файле main.css) поясните эти параметры.

Задание 3

1. Задайте по умолчанию следующие параметры для всех абзацев (переопределив, тег <p> и псевдоклассы тега <p>):
- выравнивание абзаца
- отступ красной строки
- размер и цвет первой буквы

2. Проверьте работоспособность на сервере.

3. В комментариях (в файле main.css) поясните эти параметры.

Задание 4

1. Задайте по умолчанию следующие свойства ссылок для всех страниц:
- цвет и оформление ссылки
- цвет и оформление посещенной ссылки
- цвет и оформление активной ссылки
- цвет и оформление ссылки, в момент нахождения курсора мыши над ней

2. Проверьте работоспособность на сервере.

Лабораторная работа №24

«Web-страницы. Создание фреймов. Вставка таблиц.»

Цель работы: получить навыки создания фреймов, добавления и редактирования таблиц на HTML страницы, закрепить полученные навыки создания и редактирования страниц с использованием языка HTML.

Порядок выполнения работы:

Задание 1. Создание таблиц.

1. Если это упражнение выполняется не сразу после предыдущего, откройте документ <Ваша фамилия>.htm в программе Блокнот.

2. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить между тегами <BODY> и </BODY>. В данном упражнении используется список номеров телефонов.

3. Введите тег <TABLE BORDER="10" WIDTH="100%">.

4. Введите строку <CAPTION АLIGN="TOP">Список телефонов</САРТION>.

5. Первая строка таблицы должна содержать заголовки столбцов. Определите ее следующим образом:

<ТН>Фамилия<ТН>Номер телефона

6. Определите последующие строки таблицы, предваряя каждую из их тегом <TR> и помещая содержимое каждой ячейки после тега <TD>.

7. Последнюю строку таблицы задайте следующим образом:

<TR><TD ALIGN="CENTER" COLSPAN="2">Ha первом этаже здания

имеется бесплатный телефон-автомат.

8. Завершите таблицу тегом </TABLE>.

9. Сохраните Ваш документ.

10. Запустите обозреватель Internet Explorer откройте Ваш файл. Изучите, как созданная таблица отображается в программе Internet Explorer, обращая особое внимание на влияние заданных атрибутов.

Задание 2Создание фреймов

1. Создайте html-файл (frame.htm), состоящий из трех фреймов (см. рисунок справа). Для создания фрейма необходимо после раздела заголовка документа указать структуру фреймов: два фрейма вертикальный, а во втором вертикальном еще два горизонтальных фрейма…

</frameset>

2. Присвойте каждому фрейму уникальное имя: значение атрибута name для тега <frame>.

3. Задайте левому фрейму фиксированную ширину в 234 пикселя с запретом изменять ширину фрейма (атрибут noresize).

4. В левый фрейм поместите файл меню (menu.htm), который будет состоять из списка лабораторных работ. Меню разместите в таблице, состоящей из 3-х строк (в каждую строку фоном поместите рисунок).

5. Задайте для каждой лабораторной работы ссылку на соответствующий документ, который будет открыт в правом нижнем фрейме. Для открытия ссылки в другом фрейме используйте атрибут target тега <a>, в качестве значения атрибута target укажите имя фрейма в котором необходимо открыть файл.

6. В верхний фрейм поместите в качестве источника поисковую систему google.com. Значение атрибута src для второго тега <frame>.

7. Создайте в папке своего домена файла map.htm, содержащий карту изображений.

8. Поместите в файл map.htm изображение-карту с геометрическими фигурами:
<img src="figure_1.png" border="0" usemap="#navigation">

Дополните файл обработкой карты изображений

</map>

9. Проверьте работу карты изображений. Обратите внимание на всплывающие подсказки и ссылки.

Лабораторная работа №25

«Web-страницы. Выполнение комплексного задания»

Цель работы: закрепить полученные навыки создания и редактирования страниц с использованием языка HTML.

Порядок выполнения работы:

19. Выберите из предложенных тем одну для создания собственного сайта.

20. Разработайте код сайта с использованием языка HTML. Он должен содержать 4 - 5 страниц HTML, а также следующие обязательные структурные элементы:

· Фреймы;

· Картинки;

· Бегущую строку;

· Таблицу;

· Фон;

· Внутренние и внешние ссылки;

· Различное начертание текста.

Тематика сайтов:

ü Адвокатская деятельность

ü Международный туризм

ü Туризм в Беларуси

ü Животные

ü Цветы / растения

ü Все о мороженом

ü Автомобили

ü Спорт

ü Музыка

ü Телефония

ü Компьютеры

ü Интерьеры

ü Фотография

ü Фильмы

ü Напитки

ü О городе …

ü на ваш выбор

Блок контроля знаний

Задания для СУРС и методические указания по их выполнению

Самостоятельная управляемая работа студентов №1

Тема: Концептуальные основы информационных технологий

Задание:

Написать реферат-эссе на тему «Информатизация в Республике Беларусь», используя литературные и интернет-ресурсы.

Объем реферата: 5-7 страниц.

Структура: титульный лист, содержание, основная часть, список использованных источников.

Реферат должен содержать суть информатизации, основные ее направления, состояние в РБ и перспективы развития.

Требования по оформлению –общеуниверситетские, аналогичные курсовым работам. (mitso.by)

Рекомендуемые ресурсы:

minsk.gov.by Сайт Мингорисполкома

president.gov.by Официальный интернет-портал Президента РБ

mpt.gov.by/ Министерство связи и информатизации РБ

giac.unibel.by/ Главный информационно-аналитический центр Министерства образования РБ

pravo.by Национальный правовой интернет-портал

Самостоятельная управляемая работа студентов №2

Тема: Персональный компьютер в системе рабочих инструментов юриста

Задание:

Составить блок-схему алгоритма для нахождения решения следующих задач и вывода решения на экран (значение Х будет введено с клавиатуры). Решение задачи оформить в виде текстового документа с указанием номера варианта, текста задания и рисунками блок-схем.

№ варианта определяется по следующей схеме:

Последняя цифра номера студента по списку в журнале	Номер варианта
1,6
2,7
3,8
4,9
5,0

Вариант 1

1)Составить блок схему нахождения решения:

2)Составить блок-схему сказки «Колобок»

Вариант 2

1)Составить блок схему нахождения решения:

2)Постройте блок-схему алгоритма подписи 10 новогодних открыток

Вариант 3

1)Составить блок схему нахождения решения:

2)Составить блок-схему процесса полива цветов (в т.ч. нужно проверить, как давно их поливали). Вывести на экран результат – политы ли цветы.

Вариант 4

1)Составить блок схему нахождения решения:

2)Составить блок-схему поведения возле камня с надписью: «Налево пойдешь - коня потеряешь, направо пойдешь - голову потеряешь, прямо пойдешь – судьбу найдешь» и вывести на экран результат «поисков».

Вариант 5

1) Составить блок схему нахождения решения:

2)Составить блок – схему пословицы «Хочешь есть калачи – не лежи на печи»

Примеры:

Обозначения:

Начало и конец алгоритма

Проверка выполнения условия

Вычисления, констатация фактов

Ввод данных с клавиатуры и вывод на печать (на экран)

Самостоятельная управляемая работа студентов №3

Тема: Программное обеспечение современного компьютера

Задание:

Составить компьютерную презентацию по теме «Языки программирования и их классификация», используя MS PowerPoint.

Требования к презентации:

Количество слайдов– 10-15

Оформление– официальное

1-ый слайд– титульный, с указанием темы, Ф.И.О., №группы

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

В презентации должны быть использованы текст, графика (картинки и схемы).

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

Рекомендуемые ресурсы:

1. Основы информатики и вычислительной техники. Учебно-практ. пособие. / Под ред. А.Н. Морозевича. – Мн.: БГЭУ, 2005.

2. Кашинский, Ю.И. Информационные технологии для юристов: Учеб.пособие / Ю.И. Кашинский, С.Ф. Сокол, Б.С. Славин. - Мн: ООО«БИП-С Плюс», 2005. - 267 с.

3. Румянцева, Е.Л., Слюсарь, В.В. Информационные технологии / Е.Л.Румянцева, В.В,Слюсарь. – М., 2007.

http://life-prog.ru/ Языки программирования

http://progopedia.ru/ Энциклопедия языков программирования

http://www.coders-library.ru/ Библиотека программиста

Самостоятельная управляемая работа студентов №4

Тема: Организация информации

Задание:

Разработать схему данных базы данных по заданному варианту.

№ варианта определяется по последней цифре номера студента по списку в журнале.

Решение оформляется в виде печатного документа с титульным листом и листом, содержащим скриншот схемы данных из MS Access.

Требования к базе данных:

6-8 таблиц

Количество полей в одной таблице – не менее 5

Связи различных типов

Отсутствие дублирования данных

Вариант 1

Составить схему базы данных университета

Вариант 2

Составить схему базы данных поликлиники

Вариант 3

Составить схему базы данных книжного магазина

Вариант 4

Составить схему базы данных автошколы

Вариант 5

Составить схему базы данных ночного клуба

Вариант 6

Составить схему базы данных цветочного магазина

Вариант 7

Составить схему базы данных спортивного клуба

Вариант 8

Составить схему базы данных детского сада

Вариант 9

Составить схему базы данных автобусного парка

Вариант 0

Составить схему базы данных парка развлечений

Самостоятельная управляемая работа студентов №5

Тема: Специальное программное обеспечение юридической деятельности

Задание:

Составить компьютерную презентацию по теме «Использование программных средств в юридической деятельности», используя MS PowerPoint.

Требования к презентации:

Количество слайдов– 10-15

Оформление– официальное

1-ый слайд– титульный, с указанием темы, Ф.И.О., №группы

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

В презентации должны быть использованы текст, графика (картинки и схемы).

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

Рекомендуемые ресурсы:

1. Информатика для юристов и экономистов: Учебник для вузов / Под ред. С.В. Симоновича. – СПб: Питер, 2006.

2. Казанцев, С.Я. Информатика и математика для юристов / С.Я. Казанцев
- 2-е изд., перераб. и доп. - М: Юнити-Дана, 2008. - 560 с.

3. Кашинский, Ю.И. Информационные технологии для юристов: Учеб.пособие / Ю.И. Кашинский, С.Ф. Сокол, Б.С. Славин. - Мн: ООО«БИП-С Плюс», 2005. - 267 с.

http://www.araxgroup.ru/ Программы для бизнеса

http://www.softlawyer.ru/ Юридический офис

www.legalcalc.ru/ Программы для юридических расчетов

http://www.yurclub.ru/ Виртуальный клуб юристов

Самостоятельная управляемая работа студентов №6

Тема: Сетевые информационные технологии

Задание:

Написать реферат-эссе на тему «История возникновения и развития интернета», используя литературные и интернет-ресурсы.

Объем реферата: 5-7 страниц.

Структура: титульный лист, содержание, основная часть, список использованных источников.

Реферат должен содержать сущность термина «интернет», основные этапы его развития, концептуальные основы его функционирования, направления развития, состояние развития на сегодняшний день.

Требования по оформлению –общеуниверситетские, аналогичные курсовым работам. (mitso.by)

Рекомендуемые ресурсы:

1) Батин, Н.В. Основы информационных технологий / Н.В.Батин. – Мн., 2008.

2) Информатика для юристов и экономистов: Учебник для вузов / Под ред. С.В. Симоновича. – СПб: Питер, 2006.

3) Кашинский, Ю.И. Информационные технологии для юристов: Учеб.пособие / Ю.И. Кашинский, С.Ф. Сокол, Б.С. Славин. - Мн: ООО«БИП-С Плюс», 2005. - 267 с.

4) Компьютеры, сети, Интернет: Энциклопедия / Под общ.ред. Ю.Н.Новикова. – СПб.: Питер, 2002.

www.interminsk.com/ Интернет в Минске

http://connect.rin.ru/ Сотовые телефоны и интернет

http://www.seoded.ru/ Как создать свой сайт

www.histinet.ru/ История создания интернета

Предыдущая 2 3 4 5 6 7 8 9 10 11 12 13 14 15 1617Следующая

Не нашли, что искали? Воспользуйтесь поиском по сайту: