2655
.pdfячеек |
|
• Помесизображениевтаблицуите |
|
• Создайвставленотаблицу,вко оройизображениетекст |
|
• Создайтедоскурасставленнымишашками |
|
15Использов. таблпразмещицразныхэлементовниении |
|
Web-страницы |
|
• Создайтетаблицу,представляющуюшахматну |
юдоску |
•Создайтетабпредставлеицуяшахматдоскинияой расставленнымифигурами
•Создайтедокумент,вкотороминформациярасполагается определеннымобразом
•Создайтетаблицу,влевойчастикоторойрасполагается
оглавление,правойчасти |
- текстзаня |
тия,сверхузаголовок |
• Используйтаблпрсозданиитицутстраеульнойицы |
|
|
курсалекций. |
|
|
16.Сложныетаблицы |
|
|
• Создайобъединенытаблицу,вко оройстроки |
|
|
• Создайтетаблицусобъ ячейкамидиненными |
|
|
17.ТаблицывHTML |
|
|
• Создайтаблицу,каждаястрекоторка |
|
ойсодержитномер |
книги,фамилиюавтора,названназваниекниг, издат,годльства |
|
|
издания.Втаблкндолжныбытьцегиупорягодамизда-очены |
|
|
ния |
|
|
• Создайтаблицу,вкохранитсяеоройизображение.Преду- |
|
|
смотритеразныйцветфонадлядокумента,таблицы, |
|
ячейки.Таб- |
лицадолжнаиметьрамкутолщв20пи.Предусмотритексельной- |
|
|
ступсодержимогоячейкиотграницысетки |
|
|
• Создайтетаблицу,представляющуюшахматнуюдоску |
|
|
расставленншашками.Таблицадолжнаыснабжтьминум- енар |
|
|
цией,принятойвшахматах,.е |
.нумерацияA1соответствуетчерной |
|
клеткетаблицы |
|
|
•Создайтетабпостроениялицустраницы,содержащей одноитожеизображениевверхнейчастиэкра,цевнижатренейчастиэкрана
•Создайтаблицу,копоезволяетраяпредставитьтекст
двеколонки. Текствнутриприжаткверхнейграницеячейки
• Создайтетаблицусосложнструкту, ойдержащуюой
71
расписаниезанятий
Тема5Графика. вweb -дизайне 1Использова. графикикачествфоновогозображенияие
• СоздайтеHTML -докум,содтекст,ржащийнтзаданный
преподавателем.
•Определиизмененияпарамедля цветшрифтарыподберитесоответствующийцветфона
•Найдитефоновоеизображение.
•Создайтедокумент,вкоториспицветмльзуетсяфона,и фоновоеизображение
• Создайтеграфическоеизображ ние |
- бледныйр |
ельефный |
|
логотип.Исп льзуйтезданноеизображениевкачествефонового. |
|
|
|
2.Встраиваемыеизображения |
|
|
|
• СоздайтеHTML |
-докум,содтекст,ржащийнтзаданный |
|
|
преподавателем. |
|
|
|
• Выберитеизображениевстрегдокументйте,приме- |
|
|
|
няяразличныеспособывыравнивани |
|
яизображения |
|
•Вставьтеизображение,изменивразмерыго
•Длявыбранногоизображенияиспольрамкиличуйте
нойтолщины.
• Создайтедокументспятьюразличнымиизображениями,к каждомуизобрдобавьтельтернативныйжениютекст
3Использование. изображения вкачествессылки
• Создайте HTMLдокументы,раскрывающиетему,предло-
женнуюпреподавателем.
•Организуйтесвязимеждудок. ментами
•Встройтевкаждыйиздокументовграфическоеизображ-
ние.
• Испольграфическоеизображуйтевкачествессылки. ние Тема6Спе. циальныевозможностиHTML 1. Созданиеформ
•Создайтеформудляпроведенияопросачитателей.Вформе должныбытьиспользованыразличныеэлементыуправления.
•Анкетачитателя
1.1.Фамилия 2.1.Адрес 3.1.Возраст
72
4.1.Категориячитателя
•Школьник
•Студент
•Преподаватель
•Служащийфирмы
•Другие
5.1.КаккнигамВыдоверяете?
•Отечественным
•Переводным
•Неимеетзначения
6.1.ПривыбореновойкнигиВыпредпочитаете
•Книгуизсерии
•Одизданиеночное
•Неимеетзначения
7.1.ДляизученияпакетапрогВыраммедпочитаете
•Книгу-описаниепакета
•Отдельнуюкнигупокаждойпрограмме
•Неимеетзначения
8.1.КакВыузонаетеовыхкнигах
•Отдрузейилизнакомых
•Изрекламы
•Вмагазине
•Накнижныхярмарках
•Изкаталогов
•ЧерезИнтернет 9.1.Гдеприобретаетекниги
•Вкнижныхмагазинах
•Науличныхлотка
•Попоч те
10.1. Перечислитевпорядкеважностиследующиешесть характеристиккниг
•Оформленбложкие
•Объем
•Цена
•Качествобумаги
•Наличиецветныхиллюстраций
•НаличиеCDилид скет
2Создание. простойстраницыфреймамиДляпостроения
73
простойстраницыдвумяфре |
ймамитребуетсявыполнениеследую- |
щихдействий: |
|
•Заданиефреймовойструктуры
•Подготовкафайла,игрр ющельглавлениязагружае-о моговлевыйфрейм
•Подготовкафайловсодержанияпунктовоглавления,загру-
жаемыхвправыйфреймпощелчкунапунктеоглавлени |
явлевом |
фрейме. |
|
3Создание. страницыплавающимфреймо |
|
•Создайтедокументсплавающимфреймо.
•Вплавающфреймабисдеокументомтедолжныпо-
мещатьсяразличныедокументы. 4Создание. докумсразличнойфреймовойнтовструктурой
• Выберитевариант |
выполнениязадания |
• Создайтедокументссоответфреймовойющейстр- укту |
|
рой |
|
5.Созданиефреймовойструктуры |
|
• Создайтесайт,представляющийсобойфреймовуюструк- |
|
туру.Фреймоваяструксосизчетырехураоитфреймов: |
A, B, C, D. |
Схемарасположенияфреймовза |
даетсяпреподавателем. |
• Разметитеводномизфреймов( |
A)докум,содержащийнт |
информациюсебе. |
|
•Разместитеводномизфреймов( B)оглавлениетекстовое( меню),содержащеессылкинавыполненныезадания.
•Органвзаимзуйтееждуфродейтакимобраствиема-
зом,чтопривыборепунктаменюоглавлезадафреймн(ныйия |
D) |
загружалсясоответствующийдокумент. |
|
• Фрейм C долждокументсодержсграфическимтьменю, |
|
дейскотаналогичнывияорогодействиямтекстовогооглавления. |
|
• Следующиеза анияобавляютсясайт |
померевыполне- |
ния. |
|
6Создание. простойстранфреймамираскрываюцыщимсяспискомоглавления
•Создайтедокум,соднесколькоржащийнтфрейм,один в изфреймоглавлениедолжсоденржать.
•Пощелчкупопунктуоглавлераскрываютсянутренниеия пунктыо главления.
74
7.Созданиекарты |
-изображения |
|
• Создайтеиливыберитеизображение,котороебудетвыпол- |
||
нятьрольпорного. |
|
|
• Создайтефайл |
- конфигудляопорногоизображенияации. |
|
• Создайтедокументы,которымследупере-айти |
||
ботескартой |
-изображением. |
•Создайтедокументскартойизображения.
•Создайтекарту - изображениенаосновеоглавленияданной
главы.
•Создайтекарту - изображениедлясхемырасположения мещенийкафедрыкомпьютерныхклассов.
•Создайтекартуизобр, еализующегожениесхемурасполо-
жения некоторыхфакультунив. ерситетатов 8Форма. длясозданиявизитнкарточкий
•Создайтедокум,соданржащийнт,вкепредуоторой-
смотреныследующиеполя:
•Текстовоеподвводаляфамилииимен,
•Переключательдляуказанияпола,
•Датарождениятексто( воеподчисламесяцая,список длявыбораназвмесяца,текстовоенияподуказаниял года),
•Списокдлявыборафакультета,
•Переключательдляуказаниякурса,
•Текстовоеподуказаниял номерагруппы,
• Списокдлявыборамножественного( )областейпроф |
ессио- |
нальныхинтересов, |
|
• Флажкидлявыбочертха,актера |
|
• Текстовоеподукляадресазанияэлектроннойпочты, |
|
• Текстовоеподуказаниял номерателефона, |
|
• Кндляопкутправкиданныхспроверкойнаполя. |
|
Тема7Каскадные. таблстилейцы |
|
• Селекторы |
|
• Группировкаселекторов |
|
• Принципнаследования |
|
• Свойстваэлементов |
|
• Свойствашрифта |
|
• Свойстватекста |
|
• Свойствацветаифон |
|
|
75 |
•Свойстваграниц
•Свойствасписков
•Вспом,свэлементовгательныейства
•Классы
•Идентификаторы
•Комментарии
•Безопасность
Тема8Полезные. |
приемыweb |
-дизайна |
•Созданиестр сограниченнымйтаницдоступом.
•Предссчетчикпосещенийавить.
•Различныевозможвыводаграфикнэкраности.
•Созданиесайта,котможнопросрыйнама-леньтривать
кихэкранахмобител,карманныхефоновьныхкомпьютерови |
|
дру- |
|
гихпереносныхустройствах.Длявсехпользователейинформация |
|
|
|
отображапонятно,доступноиетсяз. терь |
|
|
|
Тема9Обслуживание. |
|
web страницы |
|
Проверкапроизвосайтанацелгиперсвязейьногоостнсть |
|
||
работоспособностьинтерактивныхформ |
|
|
|
• Проверкацелостно |
|
стивнутри гиперсвязейннихшних |
|
ресурса. |
|
|
|
• Проверналичиясерверекорректностиотображения |
|
||
всехweb -стра. йтаниц |
|
|
|
• Проверкаработоспосвсехинтерактивныхф.обностирм |
|
||
• Обновлениеопублнасайтеинформациикованной. |
|
||
• Созданиеновыхрасширение |
существующихразделовре- |
|
|
сурса. |
|
|
|
Тема10Кстать.кweb |
|
-звездой? |
|
• Разратекстовыйботатьаннер |
|
|
|
• Разрапросбаннертойать |
|
|
|
• Разрасложныйбаннеротать |
|
|
|
Тема11Деньги.Интернет |
|
|
|
• разработать — корпорасайт,Интивернетый |
-каталогили |
||
магазин,портал,промо |
-сайт.Сайтдолженрешатьследующиеза- |
|
|
дачи: |
|
|
|
• повышениеизвестностикомпании,созданиеположитель-
ногоимиджа;
• продвижениетоваровуслуг;
76
• удаленнаядемонстрациясвотоваровуслугх,презента-
циякомпании;
• привлечновыхклипартнеровен;иетов
• организациясер виснойподдержки;
•организоперсвязиаклтц внойпартнерамияентами;
•оптимизациябизнес -процессов. Тема12Основы.поискаинформацииИнтернет
•применениебазовалгпоискаритмагодлянахожденияинформациизаданнпреподавателемй
МЕТОДИЧЕСКИЕУКАЗАН ИЯДЛЯПРОВЕДЕНИЯ ЛАБОРАТОРНЫХРАБОТ
Лабораторнаяработа№1
ВторзаданиесовстоитразработкепервогоHTML |
- |
документа.ПервыйHTML |
-докумепредразмещенияляазначент |
насайтевкачпестраницыствервойимеющей( обимячно |
|
indexНастранице.html)долж. |
нырасполагатьсяследующиеэле- |
менты: |
|
1.названиефирмы,
2.логотипфирмы,
3.обращстраницытелюкпосет,и
4.адресфирмы,
5.HTML-ссылкинадведругиестра,разрабатываницыйта- емыепривыполнениизаданий№34.
ПРИМЕРВЫПОЛНЕНИЯЗАДАНИЯ№2 Чтобыполучитьв кнепрограммыпросмотраизображение,
представленноенарис.1,нужноразработасоответствующийь HTML-документ. HTML -документысоздаютсяпомощьюпро-
граммыБл.ВокнпрограммыеБлокнот |
|
|
первыйHTML |
- |
документ выгслеяобразомдующимит. |
|
|
|
|
<HTML> |
|
|
|
|
<HEAD> |
|
|
|
|
<TITLE> index.html </TITLE> |
|
|
|
|
</HEAD> |
|
|
|
|
<BODY BGCOLOR=#F0F425 TEXT=#FF0000> <center> |
|
|||
<FONT |
size=4>ТРЦ |
<img |
src="av-5.gif"> |
|
|
77 |
|
|
|
"Привоз"</FONT><BR> |
|
<b><i><font size=6> |
|
ПРЕДЛАГАЕМВАМШИРОКИЙ |
ВЫБОР<BR> |
ВЫСОКТОКВ<BR>АЧЕСТВЕННЫХРОВ |
|
ОТЕЧЕСТВЕННЫХИЗАРУБЕЖНЫХФИРМ |
|
</b></I></font> |
|
<FONT size=5><b><BR> |
|
Нашадрес:Тюмень,ул.Мельникайте, 104. </b></center> |
|
<center>Огромвыбортовналюбойыйроввкус<BR> |
|
ЕслиВыжелаетеотд,томожнохнуть |
посетить |
кафе<BR></center> |
|
<a href="restменюкафесмотритездесь</a>.html"><BR> |
|
<a href="shop.html">хотитеознсакомитсяссортиментомма- |
|
газиновжмитесюда</a></font> |
|
</BODY> </HTML> |
|
Заголовокдокумсодегоназваниержитнта |
index.html,кото- |
роевданнслучаеоответствуетмименифайла,хранящегопервую |
|
стра.ницуйта |
|
Рис.1 .
78
Лабораторнаяработа№2
ТретьезаданиесостоитвразработкевторогоHTML |
- |
|
документа.Эт кументshop |
.htmпредразмещенияляназначен |
|
простейшейрекламытоваров.Настраницедолжнырасполагаться |
|
|
следующиеэлементы: |
|
|
1. |
названиефирмы, |
|
2. |
логотипфирмы, |
|
3. |
обращстраницытелюкпосет, |
|
4. |
прайс-листвформеаблицы, |
|
5. HTML-ссылкинадведругиестра,разницыйта |
|
рабатыва- |
емыепривыполнениизаданий№24. |
|
|
ПРИМЕРВЫПОЛНЕНИЯЗАДАНИЯ№3 |
|
|
Чтобыполучитьвокнепрограммыпросмотраизображение, |
|
|
представленннарис. нужно2,разработатьвт ройHTMLе |
|
- |
документ.ВокнепрограммыБлокнот |
второйHTML |
-документ вы- |
глядитследующимобразом. |
|
|
<HTML> |
|
|
<HEAD>
<TITLE> РЕКЛАМНОЕ ОБРАЩЕНИЕ</TITLE>
</HEAD> |
|
|
<BODY > |
|
|
<CENTER> |
|
|
<FONT |
SIZE=4>ТРЦ<IMG |
SRC="av-5.gif"> |
“Премьер”</FONT><BR> |
|
|
<b><i><FONTПРЕДЛАГАЕМВАМ SIZE=6> |
ШИРОКИЙ |
|
ВЫБОР<BR> |
|
|
ПРОДУНАЛЮБОЙВКУС<BR>ЦИИ |
|
|
ВЕДУЩОТЕЧЕСТВЕННЫХИЗАРУБЕЖНЫХФИРМ |
- |
|
ПРОИЗВОДИТЕЛЕЙ</b></I></FONT> |
|
|
<TABLE BORDER=30 WIDTH=80%> |
|
<TR ALIGN=CENTER BGCOLOR=#DD0000> <b><TD>НАИМЕНОВАНИЕ</TD>
<TD>ПРОИЗВОДИТЕЛЬ</TD> <TD>РАЗМЕР</TD>
<TD>ЦЕНА ,РУБ</TD></b> </TR>
<TR ALIGN=CENTER BGCOLOR=#FF9900> 79
<TD> ХАЛАТ</TD> <TD> ТУРЦИЯ</TD> <TD> 46</TD>
<TD> 8000</TD> </TR>
<TR ALIGN=CENTER BGCOLOR=#FF9900> <TD>КОСТЮМДЕТСКИЙ</TD>
<TD>ТЮМЕНЬ</TD> <TD> 33</TD>
<TD> 1200</TD> </TR>
<TR ALIGN=CENTER BGCOLOR=#FF9900> <TD>БРЮКИ</TD>
<TD>ФРАНЦИЯ</TD> <TD> 42</TD>
<TD> 4800</TD> </TR> </TABLE> </CENTER>
<a href="index.html">на главную страницу сайта</a><BR> <a href="rest.html">меню кафе</a>
</FONT>
</BODY>
</HTML>
80