Архитектура электронного правительства: Единая архитектура – это методологический подход при создании системы управления государства, который строится...

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

Создание веб-странцы с помощью Блокнота.

2020-11-19 151
Создание веб-странцы с помощью Блокнота. 0.00 из 5.00 0 оценок
Заказать работу

Вверх
Содержание
Поиск

Задание 1.  

  1. Создайте новую папку, подпишите ее своей фамилией.
  2. Создайте в этой папке текстовый документ (документ блокнота!)

 

 

  1. Щелчком правой кнопки мыши по названию этого документа откройте меню Свойства.
  2. Измените имя и расширение файла и нажмите ок.

 

                        Было                                                              Стало

 

Когда появится окно

нажмите Да.

 

Откройте страничку с помощью Блокнота и добавьте следующий текст:

 

<HTML>

<HEAD>

<TITLE>моя страничка</TITLE>

</HEAD>

<BODY>

Приветствуем Вас на своем сайте!

</BODY>

</HTML>

 

  1. Сохраните документ, закройте и просмотрите его в браузере (лучше не использовать гугл-хром). Страничка должна выглядеть так:

 

 

Если это так, поздравляю! Вы создали свою первую веб-страничку!

Задание 2.

Откройте документ с помощью Блокнота.

2. Внутри блока <BODY> строку

      Приветствуем Вас на своем сайте!

измените на (копирование работает):

<H1 ALIGN="center">

<FONT FACE="Arial" SIZE=16 COLOR="yellow">

Приветствуем Вас на своем сайте!

</FONT>

</H1>

 

Сохраните и обновите страничку в браузере. Должно получиться следующее

 

3. Измените надпись, цвет текста и размер шрифта. Проверьте, что получилось.

4. Вместо «моя страничка» поставьте свою фамилию и инициалы.

 

Задание 3.

Работа с фоном

  1. Откройте Paint и нажмите ctrl + E (E - английская).
  2. Установите размер изображения 100*100:
  3. Создайте фон для своей странички и сохраните в папке под именем fon.jpg.

У меня фон такой

  1. Замените строку <BODY>  на

<BODY bgcolor="gray" background= "fon.jpg">.

  1. Проверьте, как выглядит ваша веб-страница.

Задание 4.

Чтобы Ваша страничка отличалась от всех остальных, добавим сверху картинку – логотип (лого).

  1. Моя страничка будет о фруктах (Вы делаете свой вариант). В Paint редактируем изображение примерно 1024*100 и сохраняем как logo.jpg:

  1. После строки < BODY bgcolor =" gray " background = " fon. jpg "> перейдите на новую строчку и добавьте:

<center><img src="logo.jpg" border="0"></center>

  1. Просмотрите результат в браузере.
  2. Выясните назначение параметра border.

Работа с текстом.

Чтобы изменить начертание текста необходимо прописать нужный текст внутри выбранного тэга:

  1. <b> Полужирный текст </b>
  2. <i> Наклонный текст (курсив) </i>
  3. <u> Подчеркнутый текст </u>
  4. К одному фрагменту текста можно применить сразу несколько тэгов, например <u><b> Полужирный подчеркнутый текст </b></u>.
  5. Если необходимо сделать так, чтобы текст начинался с новой строки, то перед ним ставится тэг <br>

Задание 5.

Обратите внимание: задание выполнено, если все виды форматирования присутствуют (полужирный, курсив, подчеркивание, стихотворение должно выглядеть именно как стихотворение, цвет текста и размер шрифта нужно изменить)!

 

1. Разместите на странице небольшое стихотворение (у меня о фруктах):

 

Осень добрая пришла,
Нам подарки принесла:
Яблоки душистые,
Персики пушистые,
Груши золотистые
Осень принесла.

Для этого посмотрите, как был оформлен текст «Приветствуем Вас на своем сайте!». Используйте тэги, указанные выше.

 

2. Сохраните и посмотрите на результат:

Задание 6.


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

Особенности сооружения опор в сложных условиях: Сооружение ВЛ в районах с суровыми климатическими и тяжелыми геологическими условиями...

Организация стока поверхностных вод: Наибольшее количество влаги на земном шаре испаряется с поверхности морей и океанов (88‰)...

Кормораздатчик мобильный электрифицированный: схема и процесс работы устройства...

Автоматическое растормаживание колес: Тормозные устройства колес предназначены для уменьше­ния длины пробега и улучшения маневрирования ВС при...



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

0.187 с.