Мы поможем в написании ваших работ!



ЗНАЕТЕ ЛИ ВЫ?

Задать цветовой фон Web-страниц и шрифту

Поиск

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

- цвет фона

- размер шрифта

- цвет шрифта

- семейство шрифта (например, Arial) 

Практическое Задание №5 (проект)

 

Создать сайт «Технологический процесс работы участковой станции»

(содержание брать из папки «Рисунки и текст для сайта»)

 

ТЕОРИЯ

Размещение рисунков на странице

Для вставки изображения на Web-страницу используется тег < img >. Обязательным для этого тега является атрибут src (от английского SouRCe – источник). Он определяет путь до графического файла, изображение из которого и должно быть выведено на Web-страницу.

Итак, в код НТМL-документа в нужном Вам месте, необходимо включить следующую конструкцию:

 

  <img sгс="имя_файла">.

 

Например: <img src="picture_pr2_4.gif''>

 

НТМL-файлы с описаниями Web-страниц обычно хранятся в корневом каталоге, а графические файлы, используемые при оформлении Web-страниц, - в специально выделенной для этого папке, например, с именем images. 

В этом случае атрибут src будет содержать такую запись для указания пути к графическому файлу:

  <img src="pictur_pr2_4.gjf'>.

В Web используются графические файлы форматов jpeg, gif или png.

 

Создание ссылки на объект и закладок той же страницы

Чтобы построить ссылку на область внутри текущей страницы, первым делом следует дать такой области подходящее название. 

С этой целью применяется дескриптор <A> с атрибутом NAME. Имя должно содержать только буквы и/или цифры.

Теперь, когда область страницы поименована, на нее можно ссылаться как обычно, с помощью дескриптора <A> и атрибута HREF. 

Когда пользователь выбирает подобную гиперссылку в окне браузера, на экране воспроизводится требуемая часть web-страницы.

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

 

Задание № 5.1

Локальный сайт будет содержать несколько страниц:

• Главную страницу -index.htm (Заголовок, содержание)

• Страницу с пояснительной запиской - 2.htm/

• Страницу с графическими изображениями (станция, сетевой график, диаграмма поездопотоков)- 3.htm

Все страницы и изображения должны размещаться в одной папке

 


Страница 1 – главная. Сохранить с именем index.htm.

Создать страницу, в которой будет ссылка на HTML-файл произвольного содержания.

 

<html>

<head>

<title>Проект</title>

</head> 

<body bgcolor=”#000000” text==”#FFFFFF” >

<h1 align="center">Технологический процесс работы участковой станции</h1>

<h2 align=left>Содержание</h2>

<ul>

<li><a href="2.htm"><h3 align="left">Пояснительная записка</h3>

<li><a href="3.htm"><h3 align=" left ">Графическая часть</h3>

 </ul>

 

<a href="2.htm"><img src="image001.jpg"></a>

<marquee bgcolor="#FFFFFF" direction="right" loop="5" > Российская железная дорога

</marquee>

</body>

</html>

 

 

Задание № 5.2

Страница 2. Сохранить с именем 2.htm.

1. Создать Web-страницу с текстом (между body) «Технологический процесс работы участковой станции», взятом из папки «Рисунки и текст для сайта» и оформить по следующей схеме

        Заголовок

Первый абзац

Второй абзац

 

Примечание:

Абзацы определяются тегом

 <P> ……….</P>

Картинки внедрять по логическому месту

 

2. Задать цветовой фон Web-странице и шрифту.

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

- цвет фона

- размер шрифта

- цвет шрифта

- семейство шрифта (например, Arial).

-

<html>

<head>

<title>ПЗ</title>

</head>

<body>

<h1>Пояснительная записка</h1>

<p>Текст пояснительной записки……</p</body>

</html>



Поделиться:


Последнее изменение этой страницы: 2021-05-27; просмотров: 147; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 18.117.231.160 (0.005 с.)