Разработка интернет-приложений.-1
.pdfИспользошаблонпозпрваниеоляодитьовгибкуюнастройку дизсай,разделовтовнаистраниц айта.Напри,возможноер использованиеспеципр зддизайтеогочукениеазанного периодавремени,автоматическоеуправлевнешвидомсайтани зависимосотгруппыпосет.д.тителей
Усайтаможетбытьмногошаблондизайна,, ,оборотв |
один |
шаблонможетбытьиспользованнанесколькихсайтах. |
|
Шаблонсайтаопределяет:
оформлсайтадизайн(,версткуниестр, аницбор
основныхкаскадныхстилей); |
|
|
|
типыменюихрасположение; |
|
баннеров); |
наличиерекламныхобластей( дляразмещения |
|
|
|
|
сайта; |
наличиевключаемыхобластейшаблонеистраницах |
|
|
|
|
оформленияподпискит.. |
налвдисачиезформыйавторизациитане, |
|
|
|
|
Всеиспользуемыевсистемешаблхранятсяв тдельныхпапках |
|
|
каталога/bitrix/templates/например, /bitrix/templates/de( |
mo/или |
|
/bitrix/templates/template1/),либоначинаясверсии14.0.0, |
|
|
/local/templates/Такжесуществуетспециальотораяпап.default,к. не |
|
|
являетсяполноценшаблосайта,содержитншаблоныым |
|
|
компонентовифайлы,общиедляостальныхшаблоновсай |
та. |
|
Шаблдизсайобычнотасостнаизтрехосновныхитчастей: |
|
|
|
Верхнейчастидизайна(header); |
|
|
Рабочейобластистраницы(Work area); |
|
|
Нижнейчастидизайна(footer). |
|
Прсоздцесайташаблонаниявключаетдваосновныхэтапа: |
|
|
1 |
созданиепрототипаш |
аблонадизайна; |
2 |
созданиеполнофункциональногошаблона. |
|
21
Прототиппредсобойтаверстляетhtmlшаблондизанныйн |
|
|
сайта.Приверсткешаблоневыделяютсяфункциональныеобласти |
. |
|
Примертакоговы |
деленияпредставленнарисунке7 |
. |
|
Рисунок7 |
– Прототип дизсайтана |
|
|
• |
заголовокстраницы; |
|
|
|
• |
меню; |
|
|
|
• |
цепочканавигации; |
|
|
|
• |
формаавторизации; |
|
|
|
• |
формапоиска; |
|
|
|
• |
включобластифайлы;емые |
|
|
|
• |
рекламныеобласти; |
|
|
|
• |
ит.д. |
|
|
|
Наэтапесозданияполнофункциональногошаблонадизайна |
|
|
||
выполняетсязаменаH |
TMLэлементовдизсоответствующиеайна |
|
|
|
функциональныеэлементы:программнкодвызовкомпонентов.Вый |
|
|
|
|
результатечегоужеполучаетсяPHP |
|
-шаблондизсайтана |
(Рисунок8) |
. |
|
|
22 |
|
|
Рисунок8 |
– PHP-шаблондизсайтана |
Оснмо,которыевныементынужноучитыват |
ьприсоздании |
шаблона: |
|
Приподготовкеграфиследуетзайначзаранееского разметитьлиниюразделадизпрологйна(headerиэпилог.php) (footer.php).
Следувыдосновныеэлементылитьдизайна,для последующеймодификатаблст:шрифтылейцы, вии етазаливки т.п.
Разрабдизменюразличныхтываяйнуровней, желательновыделятьповторяющиесяэлементы - дляупрощения создшаблонаменюниядальнейшуправленияэтимименю. го
Дляоблегчениясопразличныховожденияязыковых версийсайтаповозможн остиледуетспользоватьвместографических элементекс. товые
ПринарезкеграфдиизайнаподгческHTMLоготвке шаблона,необходимозаранеепредусмместрасположениятреть
23
оснковныхмпонсиступравлениясайтнтовмы.Выделиомбластиь меню,рекла мныеобласти, размещениястидополнительныхформ.
Рекомендуетсяпроизводитьподготовкушаблона учетомпоследующейтабличносборки.Одновременнодопускается испол. оевьзование
Принарезкеграфдивыделяютсязайначеского однотонныеобласти.При сборкешаблонаэтиобластимогутбыть предсячейкамитасовбсплошнойеныицзаливкойцвета.
Размещатьграфическиеизображ,относящиесяния шаблону,следуетвпапке/bitrix/templимяшаблона>/imagests/<.
|
Редактиршаблдизсаоввйнизунатание |
альном |
|
режимебудетпроисходкорректно,еслватрибутахтьHTML |
|
-теговне |
|
содержитсяphp |
-код,атакже,если,напримерстрокиячейкитаблицыне |
|
|
прерываютсяphp |
-кодомприформированиитаблицы.Есликоде |
|
|
шаблонадизсайесттнаособенностиькие,торе |
|
дактироватьего |
|
следутольврежимекодат. |
|
|
|
|
Каскадныет,используемыелившаблоне, |
|
|
рекомендуетсяразнатаблелявети,хранящиесяьлейцывдвух |
|
||
разныхфайлнаходятся.Обфайлавдиректории |
|
|
|
/bitrix/templateидентификаторшаблона>/Файл. style/< |
|
s.содержитcss |
|
стилидляпредставленияинформациосодержастраницына ногоия |
|
||
сайте.Файлtemplateсодержстилидляотображенияstylesтекстов.css |
|
||
самомшаблонедизайна.Принеобходимостиможноподключв |
ть |
|
|
<head>любоеколичествостилевыхфайл,допо |
|
лнительнокstyles.css |
|
templateподключачерезstylesshowhead()Делается.css,этомым . |
|
||
обычлипереднымикзакрытиемтэга</head>,адополнительные |
|
||
стилевыефайлыположителюбуюпапку.Эффекттотдежесамый, |
|
|
|
какеслибывысобраливсевашдопо |
|
|
лнительныестилидописаливх |
двафшаблонайлас сойтандартныминаименованиями. |
|
||
24
3 Методические указания для организации самостоятельной работы
3.1. Общиеположения |
|
|
|
Целямисамостояработыявляютсясистематизацияельной, |
|
|
|
расширениезакртеорплетние |
ическихзнаний |
вобласти |
|
формированияпроизводствагипертекинтернетстаовленияого |
|
- |
|
контента. |
|
|
|
Самостработастудпоятисциплинентальная« |
|
Разработка |
|
интернет-приложений»включаетследу |
ющвидыдеятельности: |
|
|
1) |
самостоятельнизучениетемвопрос( ое |
в)теоретическойчасти |
|
курса; |
|
|
|
2) |
проработкалекционногоматериала; |
|
|
3) |
подготклабработамраторнымвка; |
|
|
4) |
офотчетоврмлениеполабораторнымработам; |
|
|
5) |
подготовкаэкзамену. |
|
|
Входесамостояработыстудеориентируясь, ельнойа изложенныерекоме,пландацииирует своерипереченьмя необходработвзавиотиндивидуальныхмыхсимопстиихофизических особенностей.Фо рматсамостояработыстудентовможетельной отличатьсявз ависимостиотфобучениярмыобъемааудиторной работы.
3.2. Самостоятельноеизучениетем |
теоретическойчастикурса |
|
Частьучебногоматеривынесеныдляаламостоятельногоизучения |
|
|
студентом. |
|
|
Проработкатакихматериаловвключаетдеятельность,связанную |
|
|
изучениемисточников,которосновныеаженыыхмоменты, |
|
|
необходимыедлявсецелогопон |
иманияизучапр.едметамого |
|
Вопроесенные,вынаамостоятельноеизучение: |
|
|
1. ОсновыInternet |
-технологий: Возможнпостроенстия |
|
динамическихинтернет |
-прилож.Определениений |
|
интернет-технолог.Классинтернетфикация |
-технологий. |
|
Клисерверныеентскиеинт |
ернеттехнологии. |
|
|
25 |
|
Гипепрепроцестекстовые.Способывзаимодействияоры базойданных.Вопрбезиспользованиясыпасности интернет-приложений.
2. ГипертекстовыйпрепроцессорPHP |
: Возможностиphp. |
Использованиепрепроцессораweb |
-сервером.Особенности |
синтаксисаВзаимодействиеphpбаз. .нныхми |
|
Возмформированияжностиграфическихизображений. |
|
3.Системыупрсайтамивления: Базнанияовыеобэлементах
управлиинтсистерфния.Изучепримыйсаниеципов |
|
приемовработывизуальномредакторе |
. |
4.Информационныеб локи: Примерыструктурированной информации.Настройкиинфоблоков.
5. |
Шаблоныweb |
-сайтаиработаними |
: |
Управление |
|||
|
средстваминавигапосайту:менюцииепочкойнавигации. |
|
|
|
|||
6. |
ТехнК«ологиямпозитныйсайт»расширениетиповых |
|
|
|
|||
|
возможностейсистемыС«1 |
|
-Битрикс» : Отехнологии |
|
|||
|
«Композитныйсайт»Подготовка. компонентовработе. |
|
|
|
|||
|
Настокрплатформыойкиужения«1С |
-Битрикс». |
|
|
|||
7. |
ТипичныеошибкиработессистемойС«1 |
|
|
-Битрикс» |
: |
||
|
Описаниярешениятиповыхошиб,котвстречаютсякрые |
|
|
|
|||
|
пработеисплатформой«1С |
|
-Битрикс» . |
|
|
|
|
3.3. Прораболекционногоматериалака |
|
|
|
|
|
||
Длякачеусвотвенногоучматниябногоцелесообразнориала |
|
|
|
||||
осуществлятьпроработлекционматериала,котораяунаправленаго |
|
|
|
|
|
||
какнасистемеющегатизма,таериаланапкцодготовкусяю |
|
|
|
|
|
||
освоениюпра |
ктическихаспе |
ктов,связанныхсодержаниемдисциплины. |
|
|
|
||
Прораболекционногоматвериалалючдеятельность, ет |
|
|
|
|
|
||
связаннуюсизучениемрекомендуемыхпреподавателемисточников, |
|
|
|
||||
которосновныеаженыыхмоменты,затрагиваемыеходелекций. |
|
|
|
|
|
||
Кртважное, гомеместоотве |
|
|
|
денорабссобственноручноте |
|
|
|
составленнымконспе |
ктомлекц.Прконспектированиий вовремя |
|
|
|
|||
лекциипомните,чтонесл |
|
|
|
едуетзаписывсе,чтоговоритать |
|
и/или |
|
демонстрирует лектор:старайтесьв |
|
ыявитьглавнзаписатьоэтоелько. |
|
|
|
||
Цельконспекта |
|
– формированиецелостногологическивыстроенного |
|
|
|
||
взгляданакругвопросов,затраг |
|
|
иваемыхходеизучения |
|
|
|
|
|
|
|
|
26 |
|
|
|
соотве,анемытствующмеханичфи ескаяй |
ксацияте |
кстовойи |
||
графическойинформации. |
|
|
|
|
Вовнеаудиторноевремяпроработкалекционногоматериаламожет |
|
|
||
бытьвыстроена |
двухосновныхформатах: |
|
|
|
а)отработкапрослушанлекциипрочтение( ко ойспекта |
|
|
||
рекомендованныхпреподавателемисточниковсопоставлениемзаписей) |
|
|
||
иво сполнпробелов, онислимелинапример( , слиьтудентне |
|
|
||
понялчего |
-то,неуспелзаписать); |
|
|
|
б) прочтпередкаждойпосниелепрекциейдующей, абыыдущей |
|
|
||
нетратилосьмноговременинавосстаконизучтекстаовленияе |
|
|
||
дисциппрлины |
одолжающейсяилисвязаннойтеме. |
|
|
|
Входепроработкилекциматебращнноговниманиеиалайте |
|
|
||
контрольнвопрос, ые |
кото,какпр,имеютсяавилоыеконцекаждой |
|
|
|
темыучебника( пос)Отвечая.онабиягоних,можносделатьвывод |
|
|
||
остепенипониманматер.Еслиответынкакиеяла |
|
|
-товопросы |
|
вызвализатруднения,тоследуетпредприняещеоднупопытьку |
|
|
||
изученияо |
тдельныхвопросов. |
|
|
|
3.4.Подготклабораторнымработамвкаиоформлениеотчетовк лабораторнымработам
Приподготклабозараторнымвкенеобходимоятиямзаранее |
|
|
||
изучитьметодические |
рекомендациипоегопроведению, |
|
братить |
|
вниманиенацель,формати |
содержание занятия.Есликакие |
-томоменты |
||
вызвалидополнительныевопросы,целесообразнообратитьсяк |
|
|
|
|
содержаниюле |
кционногоматериала,рек прендациямподавателя |
|
|
|
изучениютеор |
етичекурсасрекомендуемымкойти( источника)или |
|
|
|
заличнойко |
нсультацией.Входеподготовк |
иклабораторнымработам |
||
можетпотреб |
оватьсяобращениекразличнымисточникам.Проявляйте |
|
|
|
инициативусамостоятельностьданномвоп.Пэтомрслосеидует |
|
|
|
|
пользоватьсятолькоавторитетнымиизданиями,какпечатными,так |
|
|
|
|
электронными. |
|
|
|
|
Темысамостоятельных |
работ совпадтемамиют |
лабораторных |
||
работ.Содержаниерабпкаждойтемывключтризадпервые(аетния |
|
|
||
двазаданиявыполняютсядо |
лабораторнойработы |
,третье |
– после): |
|
1Изучение. теории,необходимойдля |
|
выполнениялабораторной |
||
работы. |
|
|
|
|
|
|
27 |
|
|
2Сборинформ. |
ации |
поконкретной |
теме,необходимойдля |
|||||
выполнениялабораторнойработы |
|
|
.Осуществляетсянаосновеизучения |
|
|
|||
литературныхисточниковкниг,(статейжурналах,сборниках), |
|
|
|
|
|
|
||
публиквИнтернете,закоций,нодательныхрмативно |
|
|
|
|
|
-правовыхктов, |
||
знанийопытако |
ллегизнакомых.Источникиинформациивыб раются |
|
|
|
||||
студентомсамостоятельно. |
|
|
|
|
|
|
||
3Оформление. результатов |
|
|
лабораторнойработы |
|
.Составляется |
|||
отчвпечатномвиде. |
|
|
|
|
|
|
|
|
Самостоятельнаяработа« |
|
Работасвключаемымирекламными |
|
|
||||
областями.Применениешаблонад зайна |
|
|
|
» |
|
|
||
1Изучение. |
возможностейвключобластей,порядкеемыхработы |
|
|
|
||||
ними. |
|
|
|
|
|
|
|
|
2Сборинформации. |
|
возможностяхприменениявключаемых |
|
|
||||
областейдлярешенпостроениязадач нтернет |
|
|
|
-приложений. |
||||
3Описание. |
решениясиспользоввключобластниемыхй |
|
|
, |
||||
разработанного входелабораторнойработы |
|
,офотчетармлениев |
||||||
соответствиипорядкомвыполнения |
|
|
лабораторнойработы« |
|
Работас |
|||
включаемымирекламныобластями.Примшаблонаденениезайна |
|
|
|
|
|
». |
||
Самостоятельнаяработа« |
|
Созданиевеб |
-прилс омощьюжений |
|||||
«1С -Битрикс:Управ |
лениесайтом |
» |
|
|
|
|||
1Изучение. |
принциповсозданиявеб |
|
|
-приложенийв |
«1С -Битрикс: |
|||
Упрса»йтомвление |
. |
|
|
|
|
|
|
|
2Сборинфо. применениимацииинфоблоков,принциповработыс |
|
|
|
|
|
|||
инфоблок,порядкесоздразделовминя |
|
|
|
«1С -Битрикс:Управление |
||||
сайтом» |
. |
|
|
|
|
|
|
|
3Описание. |
созданного интернет-приложенияв |
ходелабораторной |
||||||
работы, |
офотчетармлениевсоответствиипорядкомвыполнения |
|
|
|
|
|||
лабораторнойработы |
|
«Созданиевеб |
-прилс омощьюженийС«1 |
|
- |
|||
Битрикс:Упра»йтомвление |
|
|
. |
|
|
|
|
|
Самостоятельнаяработа« |
|
ПереводсайтанаС«1 |
|
|
-Битрикс»на |
|||
технологиюкомпозитногосайта |
|
|
» |
|
|
|
||
1Изучение. |
технологиикомпозсайтатного |
|
. |
|
|
|||
2Сборинформации. |
технологиикомпозсайта. тного |
|
|
|||||
|
|
|
|
|
28 |
|
|
|
3Описание. |
процвнтехнологиидренияссакомпозсайтав тного |
|
|
|
||
интернет-приложение,офотчетармлениевсоответствиипорядком |
|
|
|
|||
выполнения лабораторнойработы« |
ПереводсайтанаС«1 |
|
|
-Битрикс»на |
||
технкомпозитногологиюсайта |
|
». |
|
|
|
|
Самостработа«ятельная |
Настройкиинформационных |
|
||||
блоков» |
|
|
|
|
|
|
1Изучение. |
возможностейпроцессасозданиябольшогоколичества |
|
|
|
||
элементовинформационныхблоков |
«1С -Битрикс:Упрса»йтомвление |
. |
||||
2Сборинформации. |
о возможностяхнастройкивизуального |
|
||||
представленияинформационныхблоков |
|
|
«1С -Битрикс:Управление |
|||
сайтом» |
. |
|
|
|
|
|
3Описание. |
порядка |
настройкиинформационныхблоков, |
|
|||
изученнвходелабработыраторнойго |
|
, |
оформлениеотчетав |
|||
соответствиипорядкомвыполнения |
лабораторнойработы« |
Настройки |
||||
информационныхблоков |
». |
|
|
|
||
Самостоятельнаяработа« |
Созданиекомпонента.Настройка |
|
||||
модуляуниверсальногосписка |
» |
|
|
|
||
1Изучение. |
процессасозданиякомпомонентащьюдуля |
|
|
|
||
универсальногосписка |
. |
|
|
|
|
|
2Сборинформации. |
порядкесозданиякомпонент |
|
||||
использстормовадулейннихем |
|
. |
|
|
|
|
3Описание. |
решенияспомоуниверсальногощьюдулясписка, |
|
|
|
||
разработанного |
на лабораторнойработе |
,офотчетармлениев |
|
|||
соответствиипорядкомвыпо |
|
лнения лабораторнойработы« |
Создание |
|||
компоне.Настройкамодулянтаиверсальногосписка |
|
|
». |
|
||
Самостработа« ятельная |
Версткапод«1С |
|
-Битрикс:Управление |
|||
сайтом»исоздшаблонание |
|
– особенности,проблемы |
» |
|
||
1Изучение. особв поднностейрстки |
|
«1С -Битрикс:Упр |
авление |
|||
сайтом»и |
частовозникающихприэтомпроблем |
|
|
. |
|
|
2Сборинформации. |
о шаблонахдизайна,системепорядке |
|
|
|||
храненияшаблонов |
«1С -Битрикс:Упра»йтомвление |
|
. |
|
||
3Описание. |
хода лабораторнойработы |
|
,офотчетармлениев |
|||
соответствиипорядкомвыполнения |
лабораторнойработы« |
Версткапод |
||||
|
|
|
29 |
|
|
|
«1С -Битрикс:Упра»йтомвлениесоздшаблонание |
– |
особенности, |
||
проблемы». |
|
|
|
|
3.5. |
Подготовка |
зачету |
|
|
Подготовка |
зачету осущевоврсессиитмявляетсяключ |
|
аетв |
|
себяи |
зучтеоретическогониематериала |
.Экзаменационныйбилет |
||
содтеоретическиржит |
е вопросыипрактическуюзад,н правленнуючу |
|
||
наопределение умений примезнанакониять |
нкретномпримере |
. |
||
30