Разработка интернет-приложений.-3
.pdfИспользошаблонпозпрваниеоляодитьовгибкуюнастройку дизайнасайтов,разделовистр.Наприйтаниц,возможноер использованиеспеципр зддизайтеогочукениеазанного периодавремени,автоматическоеуправлевнешвидомсайтани зависимосотгруппыпосет.д.тителей
Усайтаможетбытьмног ошаблондизайна,, ,оборотвдин шаблонможетбытьиспользованнанесколькихсайтах.
типыменюихрасположение; |
|
наличиерекламныхобластей( |
областейдляразмещения |
наличиевключаемыхобластейшаблонеистраницах |
|
налвдисачиезформыйавторизациитане, |
|
Шаблонсайтаопределяет: |
|
оформлсайтадизайн(,версткуниестр, аницбор |
|
основныхкаскадныхстилей); |
|
баннеров); |
|
сайта; |
|
оформленияподпискит.. |
|
Всеиспользуемыевсистемешаблхранятсяв тдельныхпапках каталога/bitrix/templates/ (например, /bitrix/templates/demo/или /bitrix/templates/template1/),либоначинаясверсии14.0.0, /local/templates/Такжесуществуетспециальотораяпап.default,к. не
являетсяполноценшаблосайта,содержитншаблоныым компонентовифайлы, общиедляостальныхшаблоновсайта.
Шаблдизсайобычнотасостнаизтрехосновныхитчастей: Верхнейчастидизайна(header); Рабочейобластистраницы(Work area); Нижнейчастидизайна(footer).
Прсоздцесайташаблонаниявключаетдваосновны |
хэтапа: |
1созданиепрототипашаблонадизайна;
2созданиеполнофункциональногошаблона.
21
Прототиппредсобойтаверстляетhtmlшаблондизанныйн |
|
|
|
сайта.Приверсткешаблоневыделяютсяфункциональныеобласти |
|
. |
|
Примертакоговы |
деленияпредставленнари |
сунке7 |
. |
|
Рисунок7 |
– Прототип дизсайтана |
• |
заголовокстраницы; |
|
• |
меню; |
|
• |
цепочканавигации; |
|
• |
формаавторизации; |
|
• |
формапоиска; |
|
• |
включобластифайлы;емые |
|
• |
рекламныеобласти; |
|
• |
ит.д. |
|
Наэтапесозданияполнофункциональногошабл |
|
онадизайна |
|
выполняетсязаменаHTMLэлементовдизсоответствующиеайна |
|
|
|
функциональныеэлементы:программнкодвызовкомпонентов.Вый |
|
|
|
результатечегоужеполучаетсяPHP |
-шаблондизсайтана |
(Рисунок8) |
. |
|
22 |
|
|
Рисунок8 – PHP-шаблондизсайтана
Основные моменты,которыенужноучитыватьприсоздании
шаблона:
Приподготовкеграфиследуетзайначзаранееского разметитьлиниюразделадизпрологйна(headerиэпилог.php) (footer.php).
Следувыдосновныеэлементылитьдизайна,для последующеймодифи кациитаблст:шрифлейцы,цвезаливкиты т.п.
Разрабдизменюразличныхтываяйнуровней, |
|
желательновыделятьповторяющиесяэлементы |
- дляупрощения |
создшаблонаменюниядальнейшуправленияэтимименю. го |
|
Дляоблегчениясопразличныховождения |
языковых |
версийсайтаповозможнследуетиспвместостильзоватьграфических |
|
элементекс. товые |
|
ПринарезкеграфдиизайнаподгческHTMLоготвке |
|
шаблона,необходимозаранеепредусмместрасположениятреть |
|
|
23 |
оснковныхмпонсиступравлениясайтнтовмы |
ом.Выделиобластиь |
|
меню,рекламныеобласти, размещениястидополнительныхформ. |
|
|
|
Рекомендуетсяпроизводитьподготовкушаблона |
|
учетомпоследующейтабличносборки.Одновременнодопускается |
|
|
испол. оевьзование |
|
|
|
Принарезкеграфдивыдзайначеского |
еляются |
однотонныеобласти.Присборкешаблонаэтиобластимогутбыть |
|
|
предсячейкамитасовбсплошнойеныицзаливкойцвета. |
|
|
|
Размещатьграфическиеизображ,относящиесяния |
|
шаблону,следуетвпапке/bitrix/templимяшаблона>/imagests/<. |
|
|
|
Редактированиешаблонадизсаввизуальномйтана |
|
режимебудетпроисходкорректно,еслватрибутахтьHTML |
-теговне |
|
содержитсяphp |
-код,атакже,если,напримерстрокиячейкитаблицыне |
|
прерываютсяphp |
-кодомприформированиитаблицы.Есликоде |
|
шаблонадизсайна |
таестьтакиеособенности,торедактироватьего |
|
следутольврежимекодат. |
|
|
Каскадныет,используемыелившаблоне, рекомендуетсяразнатаблелявети,хранящиесяьлейцывдвух разныхфайлнаходятся.Обфайлавдиректории
/bitrix/templates/<иде нтификшаблона>/Файл. торstylesсодержит.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