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

Семя – орган полового размножения и расселения растений: наружи у семян имеется плотный покров – кожура...

Папиллярные узоры пальцев рук - маркер спортивных способностей: дерматоглифические признаки формируются на 3-5 месяце беременности, не изменяются в течение жизни...

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

2017-05-20 388
Создание изображения и использование его на Web-странице 0.00 из 5.00 0 оценок
Заказать работу

 

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

2. Выберите красный цвет переднего плана и зеленый цвет фона. Залейте рисунок фоновым цветом.

3. Инструментом Кисть нанесите произвольный красный рисунок на зеленый фон.

4. Сохраните рисунок под именем pic1.gif (в формате GIF).

5. Если это упражнение выполняется не сразу после предыдущего, откройте документ first.htm в программе Блокнот.

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

7. Введите произвольный текст (протяженностью 4-5 строк) и установите текстовый курсор в его начало.

8. Введите тег <IMG SRC="pic1.gif" ALIGN="BOTTOM">.

9. Сохраните документ под именем picture.htm.

10. Запустите программу Internet Explorer(Пуск à Программы à Internet Explorer).

11. Дайте команду Файл à Открыть. Щелкните на кнопке Обзор и откройте файл picture.htm. Посмотрите на получившийся документ, обращая особое внимание на изображение.

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

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

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

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

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

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

18. Создайте для изображения гиперссылку, используя теги <А> и </А> (см. Создание гиперссылок). Убедитесь в ее работоспособности.

19. Вернитесь в программу Блокнот и добавьте в тег <BODY> атрибут BACKGROUND="pic1.gif". Сохраните файл под тем же именем.

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

 

Приемы форматирования текста

 

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

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

3. Введите тег <BASEFONT SIZE="5" COLOR="BROWN">. Он задает вывод текста по умолчанию увеличенным шрифтом и коричневым цветом.

4. Введите произвольный абзац текста, который будет выводиться шрифтом, заданным по умолчанию. Начните этот абзац с тега <Р>.

5. Введите теги: <P><FONT SIZE="-2" FACE="ARIAL" COLOR="GREEN">.

6. Введите очередной абзац текста, закончив его тегом </FONT>.

7. В следующем абзаце используйте по своему усмотрению парные теги: <В> (полужирный шрифт), <I> (курсив), <U> (подчеркивание), <S> (вычеркивание), <SUB> (нижний индекс), <SUP> (верхний индекс).

8. В следующем абзаце используйте по своему усмотрению парные теги: <ЕМ> (выделение), <STRONG> (сильное выделение), <CODE> (текст программы), <KBD> (клавиатурный ввод), <SAMP> (пример вывода), <VAR> (компьютерная переменная).

9. Сохраните полученный документ под именем format.htm.

10. Запустите программу Internet Explorer(Пуск à Программы à Internet Explorer).

11. Дайте команду Файл à Открыть. Щелкните на кнопке Обзор и откройте файл format.htm.

12. Изучите, как использованные элементы HTMLвлияют на способ отображения текста.

13. Вернитесь в программу Блокнот и измените документ так, чтобы элементы, задающие форматирование, были вложены друг в друга. Сохраните документ под тем же именем.

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

 

Практическая работа № 4


Поделиться с друзьями:

История развития пистолетов-пулеметов: Предпосылкой для возникновения пистолетов-пулеметов послужила давняя тенденция тяготения винтовок...

Механическое удерживание земляных масс: Механическое удерживание земляных масс на склоне обеспечивают контрфорсными сооружениями различных конструкций...

Двойное оплодотворение у цветковых растений: Оплодотворение - это процесс слияния мужской и женской половых клеток с образованием зиготы...

Наброски и зарисовки растений, плодов, цветов: Освоить конструктивное построение структуры дерева через зарисовки отдельных деревьев, группы деревьев...



© cyberpedia.su 2017-2024 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!

0.007 с.