Резюме фио



Pdf көрінісі
бет4/9
Дата13.09.2020
өлшемі433,89 Kb.
#78403
түріУчебно-методическое пособие
1   2   3   4   5   6   7   8   9
 Выполнение  

I. Прочтите общие сведения о языке HTML ([1]

 

п.п. 1.1, 1.2). 



II. Подготовьте  бланк  для  HTML-кода  Вашего  резюме.  Для 

этого следует:  

1)  выполнить команду Пуск 

 

Программы   Стандартные 



 

Блокнот   Файл   Сохранить как…; 




 

 

 



2)  в окне Сохранение документа открыть папку своей груп-

пы. В поле Имя стереть стандартный шаблон *.txt и ввести Резюме 

Фамилия.htm  (вместо  Фамилия,  естественно,  должна  стоять 



Ваша  фамилия),  нажать  кнопку  Сохранить.  Если  все  сделано  пра-

вильно, то в папке Вашей группы появится этот файл со значком обо-

зревателя, в противном случае – со значком блокнота. Тогда следует 

удалить созданный файл и повторить все снова;  

3)  открыть созданный файл и в окне программы Explorer вы-

полнить  команду  Вид 

 

Просмотр  HTML-кода.  Программа 



Explorer откроет созданный Вами блокнот.  

III. Введите в созданный документ стандартные теги: 



 

 

 

 

  напечатайте  свое  резюме. 

Выполните команду Файл   Сохранить. 

V.  Посмотрите,  как  выглядит  набранный  текст  без  «украша-

тельств». Для этого следует открыть созданный файл из папки своей 

группы, затем сжать размеры окна Explorer.  



Обратите внимание на информацию в заголовке окна Explorer 

и  в  поле  Адрес,  а  также  на  то,  как  компонуются  строки  текста 

при изменении размеров окна, в которое он выдается. 

Вывод. Explorer компонует строки документа в своем окне, не 

обращая внимание на их компоновку в исходном коде. Он самостоя-

тельно  компонует  документ  так,  чтобы  его  можно  было  читать  без 

горизонтальной полосы прокрутки. Поэтому при записи кода в блок-

ноте можно клавишей  свободно разрывать длинные стро-

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




 

 

 



так, чтобы было удобно просматривать именно код, а не его отобра-

жение в окне Explorer. 

VI. Проведите первую коррекцию кода. Для этого следует: 

1)  не закрывая Explorer, перейти в окно Блокнота

2)  вставить в контейнер  … контейнер  



 Резюме ФИО   

(вместо ФИО, естественно, должна стоять Ваша фамилия); 

3)  выполнить команду Файл 

 

Сохранить;  



4)  перейти в окно Explorer

5)  нажать кнопку Обновить. 



Посмотрите, как повлиял тег  > на информацию в за-

головке Explorer. Подробнее об этих тегах см. [1]

 

п. 1.5.  



VII. Проведите вторую коррекцию кода. Для этого следует: 

1)  не закрывая обозреватель, перейти в окно Блокнота; 

2)  в  открывающий  тег    вставить  атрибуты  TEXT  и 

BGCOLOR


,  значения цветов выбрать самим. Подробнее об  этих ат-

рибутах см. [1]

 

п. 1.5; 


3)  выполнить Файл 

 

Сохранить;  



4)  перейти в окно Explorer; 

5)  нажать кнопку Обновить. 



Посмотрите, как изменился вид информации в окне Explorer

Если  какой-то  атрибут  «не  сработал»,  значит,  допущены 

ошибки в написании английских слов или пропущены пробелы меж-

ду  атрибутами.  Следует  найти  ошибки  и  повторить  цикл  коррекции 

кода.  

Итак, один цикл коррекции кода включает следующие дейст-

вия:  внесение  и  сохранение  исправлений  в  окне  блокнота,  переход  в 

окно  Explorer  и  обновление  его  информации  кнопкой  Обновить  или 

командой Вид   Обновить. В дальнейших пунктах инструкции бу-

дут  просто  указываться  изменения,  которые  следует  внести  в  код,  а 

все остальные действия перечисляться не будут. 

VIII. Проведите третью коррекцию кода. Для этого следует: 

1)  после  раздела  «ФИО,  где  и  когда  родился»,  поставить  тег 

абзаца 

2)  после раздела «какую школу кончил, средний балл аттеста-

та, сумма баллов по ЕГЭ» – тег разрыва строки 


;  


 

 

 



3)  перед разделом  «увлечения помимо учебы»  вставить в код 

тег горизонтальной линии 


.  

Подробнее об этих тегах см. [1]

 

п. 1.7.  



Посмотрите  через  Explorer,  в  чем  разница  действий  тегов 


 и 
, как действует тег 
 со значениями атрибутов по 

умолчанию. 

Вывод.  Оба тега, 
 и 
, переводят курсор к началу сле-

дующей  строки  и  начинают  ее  от  левого  края  экрана  без  абзацного 

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

интервал между абзацами, и это облегчает просмотр текста в тех слу-

чаях,  когда  предыдущий  абзац  кончается  близко  к  правому  края  эк-

рана.  


IX. Оформите линию нестандартным способом. Для этого сле-

дует внести в тег 


 атрибуты длины, толщины, цвета и выравни-

вания  линии (см. [1] п. 1.7). Задайте длину 20–50 % от ширины окна, 

выравнивание по центру, толщину 4–10 пикселей, цвет – любой. 



Посмотрите через Explorer, как действуют атрибуты на ли-

нию, созданную тегом 
. 

X.  Измените  вид  шрифтов  в  разных  частях  резюме.  Для  этого 

следует  контейнером  

  выделить  свою  фамилию,  контейнером 

 – город, где Вы  родились,  контейнером  
  –  информацию 

о  школе,  контейнером    с  атрибутами  SIZE=7 

COLOR=RED  –  информацию  о  факультете,  контейнером   

с атрибутами SIZE=1 COLOR=GREEN – информацию о приятелях, 

контейнером  <В>  выделить  какое-нибудь  увлечение.  Подробнее  об 

этих тегах см. [1] п. 1.6.  



Посмотрите через Explorer, как действуют эти теги.  

XI.  Оформите  часть  текста  в  виде  списка.  Для  этого  следует 

контейнером  

      выделить  блок  об  увлечениях,  разбить  его  на 

    пункты тегами 

  1.  (подробнее см. [1] п. 1.8). Аналогично контейне-

    ром 

       и тегами 
    •  оформить в виде маркированного списка пе-

      речень Ваших приятелей.  



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

      XII.  Измените  нумерацию  в  списке.  Для  этого  с  помощью  ат-

      рибутов  TYPE  и  START  поменяйте  нумерацию  в  списке  увлечений 

      (подробнее см. [1] п. 1.8).  




 

 

 





Посмотрите,  как  изменится  стандартный  нумерованный 

список при новых атрибутах. 

 



Достарыңызбен бөлісу:
1   2   3   4   5   6   7   8   9




©www.engime.org 2024
әкімшілігінің қараңыз

    Басты бет