Резюме фио


ЛАБОРАТОРНАЯ  РАБОТА  № 3



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

CKGROUND="море.jpg"> 




 

 

 



12 

2) 


сохранить код с исправлением и посмотреть, как он выгля-

дит, в окне Explorer.  



В ячейке в виде фона отображен левый верхний угол картинки

3) 


скопировать  атрибут  BACKGROUND="…"  в  открываю-

щий тег 

ЛАБОРАТОРНАЯ  РАБОТА  № 3 

Подключение дополнительных файлов к HTML-документу 



Задание 

1) В документ Таблица Фамилия.htm (лабораторная работа № 2) 

вставить: 

– файл-картинку в виде фона для одной ячейки таблицы, затем 

для таблицы в целом, затем для документа в целом; 

– после  таблицы  вставить  гиперссылку  на  администратора 

конференции. 

2) В документ Резюме Фамилия.htm вставить: 

– файл  с  изображением  Вашего  логотипа,  проверить  разные 

варианты обтекания изображения текстом

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

типов. 


 Выполнение  

I.  Подготовьте  необходимые  для  работы  файлы.  Для  этого 

нужно: 

1) 


выполнить команду Пуск   Найти   Файлы и папки…; 

2) 


в поле  Имя ввести маску поиска  *.jpg, в поле  Где искать 

выбрать диск С:, нажать кнопку Найти; 

3) 

в протоколе поиска выбрать и скопировать в каталог своей 



группы три файла с изображениями пейзажей (желательно разной то-

нальности) и один, который будет играть роль Вашего логотипа

4) 

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



Фамилия (команда Файл   Создать   Папку); 

5) 


открыть в папке своей группы файл с таблицей из лабора-

торной работы №2; 

6) 

в окне Explorer выполнить команду Вид   Показать код 



HTML. 

II. Создайте фон в разных частях документа. Для этого нужно: 

1) 

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



атрибут BACKGROUND="имя файла-пейзажа с расширением". В ре-

зультате тег должен выглядеть примерно так: 



, заменить название файла на файл другого пейза-

жа.  Сохранить  код  с  исправлением  и  посмотреть,  как  он  выглядит, 

в окне Explorer.  



Теперь  вся  таблица  изображается  на  фоне  второй  картинки, 

а в ячейке по-прежнему сохраняется предыдущий фон

4) 


скопировать  атрибут  BACKGROUND="…"  в  открываю-

щий тег , заменить название файла на файл третьего пейза-

жа.  Сохранить  код  с  исправлением  и  посмотреть,  как  он  выглядит,  

в окне Explorer. 



Фон,  указанный  в  ,  заполняет  все  окно  Explorer

а фон,  заказанный  во  внутренних  тегах,  распространяется  только 

на  область  их  действия.  Вывод:  внутренние  назначения  заменяют 

внешние. Подробнее об этом см. [1]

 

п. 1.11. 



 

III.  Проанализируйте  способы  указания  адресов  нужных  фай-

лов (URL). Для этого сделайте следующие манипуляции: 

1) 


перенесите  (а  не  скопируйте!)  в  созданную  ранее  папку 

Сайт  Фамилия  все  файлы  пейзажей,  нажмите  кнопку  Обновить  в 

окне Explorer. Фон пропал

2) 


в атрибутах BACKGROUND="…" добавьте перед именами 

файлов название папки, в которой они находятся. В результате полу-

чим примерно это: 

BACKGROUND

="Сайт Кукушкина\море.jpg" 

Сохраните изменения и посмотрите, как теперь выглядит Ваш 

код  в  окне  Explorer.  Фон  появился.  Посмотрите  примеры  [1]

 

п.  1.11 



при разных ссылках на файлы. В нашем примере мы сделали ссылку 

на файл в дочерней папке (нижнего уровня); 

3) 

перенесите (а не скопируйте!) в папку Мои документы все 



файлы  пейзажей,  нажмите  кнопку  Обновить  в  окне  Explorer.  Фон 

пропал


 

 

 



13 

4) 


в  атрибутах  BACKGROUND="…"  замените  название  до-

черней папки на значок родительской. В результате получим пример-

но это: 

BACKGROUND="..\

море.jpg" 

Сохраните  изменения  и  посмотрите,  как  они  выглядят  в  окне 

Explorer. Фон появился. В этом примере мы сделали ссылку на файл 

в папке верхнего уровня (родительской);  

5) 

перенесите (а не скопируйте!) файлы пейзажей в папку чу-



жой группы, нажмите кнопку Обновить в окне Explorer. Фон пропал; 

6) 


в  атрибутах  BACKGROUND="…"  после  значка  родитель-

ской папки добавьте название папки, в которую Вы перенесли файлы 

пейзажей. В результате получим примерно это: 

BACKGROUND="..\

гр516\море.jpg" 

Сохраните  изменения  и  посмотрите,  как  они  выглядят  в  окне

 

Explorer.  Фон  появился.  В  нашем  примере  в  поиске  нужного  файла 



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

Вывод: самый простой URL получается, если все файлы, необ-

ходимые  для  просмотра  документа,  находятся  в  одной  папке. 

В противном случае надо указывать пути к ним. 

IV. Добавьте первую гиперссылку. Для этого нужно: 

1) 

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



 добавить текст 

Ответственный за размещение гостей  


Резюме …html"> … (Ваша фамилия)  

Сохраните  изменения  и  посмотрите,  как  они  выглядят  в  окне

 

Explorer; 



2) 

сделайте  двойной  щелчок  на  появившейся  гиперссылке. 



Если гиперссылка не раскрыла Ваше резюме, проверьте соответст-

вие названий и расположения файлов с таблицей и резюме тем адре-

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

3) 


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

кнопку  Назад  в  окне  Explorer,  следует  вставить  в  код  резюме  дру-

гую гиперссылку примерно такого вида:  



 

 

 



14 

  

   Вернуться к таблице  



 

Подробнее о гиперссылках и их атрибутах см. [1]

 

п. 1.12. 



V. Добавьте гиперссылку на почтовый ящик  e-mail.  Для этого 

нужно в код документа с таблицей после контейнера с первой гипер-

ссылкой добавить строку: 

Сообщите нам о нужном Вам номере по  

"mailto://adm@mail.ru"> e-mail  

Сохраните  изменение  и  посмотрите,  как  они  выглядят  в  окне 

Explorer

.  Сделайте  двойной  щелчок  на  этой  гиперссылке.  Просмот-

рите  окно  создания  сообщения.  Прочтите  и  разберите  в  [1]  п.  1.12 

примеры  различных  гиперссылок.  Добавьте  во  все  гиперссылки  ат-

рибут TITLE с какими-нибудь поясняющими надписями. 

VI.  Вставьте  изображение  как  самостоятельный  объект.  Для 

этого откройте файл с Вашим резюме. После сведений о том, где Вы 

родились, вставьте тег  (вместо многоточия укажи-

те  URL  своего  файла-логотипа).  Сохраните  и  посмотрите,  как  они 

выглядят в окне Explorer. Добавьте в тег  атрибуты размеров 

картинки,  сделайте  ей  окантовку  в  виде  толстой  рамки,  поэкспери-

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

Необходимые для этого сведения см. в [1]

 

п. 1.11. 



VII. Составьте в файле резюме список гиперссылок на разные 

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

под названием «Я умею ссылаться на следующие объекты:». Пункта-

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

грамм: Word, Excel, PowerPoint, файлы изображений, которые распо-

ложенные в различных местах. Каждый пункт будет выглядеть  при-

мерно так: 


  • гр511\Контрольная.doc"> Word  

    Добавьте в каждую гиперссылку атрибут TITLE

     

    с поясняющи-



    ми надписями (что-нибудь вроде «правильный вариант», «первая по-

    пытка» и т. д.). 




  •  

     

     



    15 



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




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

        Басты бет