Програма по учебния предмет и модул Програмиране на Web дизайн е предназначена за обучение по професия код 523050

София‚ 2012 година

Програмата е разработена в съответствие с Държавното образователно изискване за придобиване на квалификация по професията Техник на компютърни системи.

Съдържанието на учебната програма дава възможност на учениците да получат основни знания и умения за проектиране и създаване на Web страници посредством използване на езика HTML и каскадните стилови формати (CSS) и изучаването на програмния продукт Dream Weaver.

Модулът/учебният предмет дава знания и умения за настройки на фона и текста на страницата, на фоновия звук, форматиране на текст, вмъкване на графични обекти, на мултимедийни файлове, създаване на различни видове хипервръзки, таблици, форми и страници с прозорци (frames).

Учебното съдържание в програмата е структурирано в три раздела:

- Разделът World Wide Web и HTML включва знания за същността и предназначението на World Wide Web, за различните видове протоколи и структурата на HTML документа. Учениците получават знания за езика HTML, неговите оператори (тагове), атрибути на таговете и опции на атрибутите. Те се научават да създават Web страници с езика HTML, като форматират текст, създават подредени и неподредени списъци, вмъкват графични обекти, таблици и хипервръзки. Разделът създава умения за правилното структуриране и естетическо оформяне на Web страницата.

- Разделът CSS (Cascade Style Sheets) дава знания и умения за използване на каскадните стилови формати за създаване на Web страници, при които лесно може да се променя и настройва техния дизайн. Той дава знания за по-опростено актуализиране и поддържане на сайтовете, както и по-голяма съвместимост с широк кръг платформи и браузъри. Разделът включва знания за видовете стилови формати, за структурата на правилата на CSS, за стойностите на свойствата – цветове, размери, абсолютно и относително адресиране на местоположения. Той изгражда умения за създаване на различни стилове за шрифт, за управление на текстово съдържание, за създаване на блокове със съдържание и за тяхно позициониране. Чрез CSS учениците ще могат да форматират фона на страницата, да създават списъци и таблици. Разделът дава знания и умения за създаване на динамични ефекти.

- Разделът Dream Weaver дава знания и умения за използване на конкретна приложна програма за създаване на Web страници. Той включва знания за основните менюта и ленти с инструменти на програмата, общи настройки на Web страницата, форматиране на текст, поставяне на изображения, въвеждане на хипервръзки, създаване на таблици, форми, разделяне на сайта на прозорци (frames). Дава знания и умения за възможностите за публикуване на Web сайт в интернет.

Обучението по Програмиране на Web дизайн за професията Техник на компютърни системи има затвърдяващ и надграждащ характер и се извършва във взаимовръзка с учебните предмети Информатика и Информационни технологии от задължителната общообразователна подготовка. Придобитите знания са базови и имат връзка с всички модули/учебни предмети от отрасловата и специфичната професионална подготовка.

Формирането на професионалните компетенции по модула/учебния предмет е на основата на усвояването на знания и умения, свързани с езика HTML, CSS и програмата Dream Weaver за създаване на Web-страници.

Обучението по учебния предмет и модул Програмиране на Web дизайн развива умения у учениците да използват съвременните ИКТ – като се учат да работят в интернет, събират, оценяват, синтезират и представят информация от различни Web сайтове, както и да прилагат усвоените знания за създаване на графични мултимедийни обекти и Web страници по задание. Създава навици у учениците за самостоятелна работа и работа в екип. Изгражда качества като прецизност, комбинативност, оригиналност, съобразителност, умения за вземане на решения, критично мислене и решаване на проблеми, способства за по-пълноценното разгръщане на познавателния потенциал на учениците и за по-ефективно постигане на целите на обучението.
ІІ. ЦЕЛИ НА ОБУЧЕНИЕТО ПО УЧЕБНИЯ ПРЕДМЕТ/МОДУЛА
Обучението по учебния предмет/модула има за цел чрез усвояване на учебното съдържание учениците да придобият професионални компетентности по създаване на Web страници и мултимедийни обекти.

За постигане на основната цел на обучението е необходимо изпълнението на следните подцели:

Придобиване на знания за:

• 
  същността и предназначението на World Wide Web;
  
• 
  различните видове протоколи TCP/IP, HTTP, FTP;
  
• 
  структурата на HTML документа и принципите при проектиране на Web страница;
  
• 
  основните HTML тагове, атрибути на тагове, опции на атрибутите;
  
• 
  оформянето на Web страницата (фон на страницата и цвят на текста);
  
• 
  форматирането на текст в HTML документа;
  
• 
  създаването на подредени и неподредени списъци;
  
• 
  поставянто на графични изображения в Web страница;
  
• 
  създаването на различни видове хипервръзки в Web страница.
  

Придобиване на знания и умения за:

• 
  създаването и форматирането на таблици в Web страница;
  
• 
  създаването на различни видове форми в Web страница;
  
• 
  различните видове каскадни набори от стилове (CSS);
  
• 
  структурата на правилата на CSS;
  
• 
  стойностите на свойствата за цвят, размери, абсолютно и относително адресиране на местоположения;
  
• 
  управлението на текстовото съдържание на Web страницата;
  
• 
  създаването и позиционирането на блокове със съдържание;
  
• 
  разположението на таблици;
  
• 
  форматирането на списъци и фон;
  
• 
  създаването на динамични ефекти;
  
• 
  работата с програмата Dream Weaver (менюта и ленти с инструменти на програмата);
  
• 
  общите настройки на Web страницата с помощта на Dream Weaver;
  
• 
  форматирането на текст със средствата на Dream Weaver ;
  
• 
  вмъкването и редактиранто на графични обекти в Web страницата;
  
• 
  създаването на различни видове хипервръзки в Web страницата с програмата Dream Weaver;
  
• 
  създаването и форматирането на таблици в Web страница с Dream Weaver;
  
• 
  създаването на различни видове форми в Web страница с програмата Dream Weaver;
  
• 
  създаването на слоеве в Web страница с програмата Dream Weaver;
  
• 
  използването на мултимедия в Web страница;
  
• 
  разделянето на Web страницата на прозорци (frames) с Dream Weaver;
  
• 
  изпълнението на самостоятелна творческа дейност за естетическо оформяне на Web страницата;
  
• 
  публикуването на Web-сайт в интернет.
  

Общият брой часове за изучаване на учебния предмет и модул Програмиране на Web дизайн и разпределението им по учебни години и срокове са записани в учебния план на професия Техник на компютърни системи, специалности Компютърна техника и технологии и Компютърни мрежи:

• 
  За учебния предмет Програмиране на Web дизайн:
  

• 
  За учебния модул Програмиране на Web дизайн:
  

ХІI клас: теория 62 часа – общо 62 часа.

Конкретното място на модула в рамките на учебната година се определя с графика за обучение по специалността, който се утвърждава от директора на училището в началото на учебната година.

ІV. УЧЕБНО СЪДЪРЖАНИЕ

Учебното съдържание е структурирано в раздели и теми. За всеки раздел е записан броят на часовете и темите. За постигане целите на обучение учителите могат да определят броя на часовете за отделните теми в рамките на дадения раздел, както и да разпределят тези часове за нови знания, упражнения и оценяване.

В края на обучението учениците трябва

• 
  World Wide Web;
  
• 
  различните видове мрежови протоколи – TCP/IP, HTTP, FTP;
  
• 
  структурата на Web сайт;
  
• 
  принципите в проектирането на Web страница;
  
• 
  основните тагове, атрибути на тагове, опции на атрибути;
  
• 
  възможностите на HTML езика за форматиране на текст в Web страницата;
  
• 
  възможностите на HTML езика за създаване на подредени и неподредени списъци;
  
• 
  възможностите на HTML езика за поставяне на графични обекти в Web страница;
  
• 
  възможностите на HTML езика за създаване на различни видове хипервръзки;
  
• 
  възможностите на HTML езика за създаване на таблици в Web страница;
  
• 
  възможностите на HTML езика за създаване на различни видове форми в Web страница;
  
• 
  CSS (Каскадни набори от стилове);
  
• 
  предимствата при използването на CSS;
  
• 
  видовете CSS;
  
• 
  структурата на правилата;
  
• 
  видовете селектори;
  
• 
  стойностите на свойството цвят;
  
• 
  свойствата и стойности за фон;
  
• 
  свойствата и стойности за рамките;
  
• 
  стиловете за шрифт;
  
• 
  управлението на текстово съдържание;
  
• 
  блоковете със съдържание;
  
• 
  разположението на таблици;
  
• 
  форматирането на списъци;
  
• 
  динамичните ефекти;
  
• 
  програмата Dream Weaver, менюта и ленти с инструменти;
  
• 
  общите настройки на Web страница;
  
• 
  основните принципи на графичния дизайн;
  
• 
  цветовите модели, използвани в компютърния дизайн;.
  
• 
  възможностите за форматиране на текст с Dream Weaver;
  
• 
  възможностите за поставяне на графични обекти в Web страница с Dream Weaver;
  
• 
  възможностите за създаване на различни видове хипервръзки с Dream Weaver;
  
• 
  възможностите за създаване на таблици в Web страницата с Dream Weaver;
  
• 
  възможностите за създаване на форми в Web страницата с Dream Weaver;
  
• 
  възможностите за създаване на слоеве в Web страницата с Dream Weaver;
  
• 
  методите за вкарване на анимация в Web страницата ;
  
• 
  възможностите за създаване на фреймове в Web страницата с Dream Weaver;
  
• 
  възможностите за професионална реализация и кариерно развитие чрез включване в продължаващо професионално обучение.
  

• 
  работят с World Wide Web;
  
• 
  работят с HTML езика ;
  
• 
  създават Web страници с HTML;
  
• 
  форматират текст с HTML;
  
• 
  създават подредени и неподредени списъци с HTML;
  
• 
  поставят графични обекти в Web страницата с HTML;
  
• 
  създават хипервръзки в Web страницата с HTML;
  
• 
  създават таблици в Web страницата с HTML;
  
• 
  създават форми в Web страницата с HTML;
  
• 
  използват CSS при проектирането на дизайна на Web страницата;
  
• 
  прилагат каскадните набори от стилове за фон на страницата;
  
• 
  прилагат каскадните набори от стилове за шрифт на текстовото съдържание;
  
• 
  прилагат каскадните набори от стилове за създаване на блокове със съдържание;
  

• 
  прилагат каскадните набори от стилове за форматиране на таблици;
  
• 
  прилагат каскадните набори от стилове за форматиране на списъци;
  
• 
  прилагат каскадните набори от стилове за създаване на динамични ефекти;
  
• 
  работят с програмата Dream Weaver;
  
• 
  създават Web страници с Dream Weaver;
  
• 
  форматират текст с Dream Weaver;
  
• 
  създават подредени и неподредени списъци с Dream Weaver;
  
• 
  поставят графични обекти в Web страницата с Dream Weaver;
  
• 
  създават хипервръзки в Web страницата с Dream Weaver ;
  
• 
  създават таблици в Web страницата с Dream Weaver;
  
• 
  създават форми в Web страницата с Dream Weaver;
  
• 
  създават фреймове в Web страницата с Dream Weaver;
  
• 
  публикуват Web сайтове в интернет.
  

Оценяването на придобитите от учениците знания и умения се извършва чрез провеждането на теоретични и практически тестове. Всеки тест има определена тежест в крайната оценка.

1. 
   Всяко оценяване независимо от неговия вид трябва да оставя писмен белег.
   
2. 
   Всяко средство за оценяване има минимален брой точки, които определят праг на преминаване. При модулното обучение той е 50% от максималния брой точки за съответното оценяване.
   
3. 
   Тестовете се считат за издържани при положение, че ученикът е получил минимум 50% от максималния брой точки за теста, посочен в конкретната инструкция на теста.
   
4. 
   Модулът се счита за покрит, когато ученикът е издържал успешно всички тестове.
   
5. 
   Оценката за даден тест се получава по формулата:
   

където коефициентът К зависи от максималния брой точки за всеки тест.

В таблицата е дадено съответствието между коефициента К и максималния брой точки за оценяването – от 10 т. до 100 т.

Макс. брой точки за съответния тест	10	20	30	40	50	60	70	80	90	100
Коефициент К	0.6	0.3	0.2	0.15	0.12	0.10	0.085	0.075	0.066	0.06

Получената оценка за даден тест се изчислява с точност до стотните, закръглява се до цяло число по правилата на математиката и се вписва в дневника.

6. 
   Крайната оценка за модула се изчислява като сума от оценките на всички тестове (изчислени с точност до стотните), всяка една умножена по тежестта на съответния тест. Резултатът се закръглява до цяло число по правилата на математиката и се вписва в дневника.
   

Нека един модул има 3 теста със съответните тежести:

1. 
   HTML в лесни стъпки. ИК "СофтПрес", 2005.
   
2. 
   Госни, Джон. HTML Професионални проекти. ИК "Duo Design", 2005.
   
3. 
   Нийдерст, Дженифър. WEB дизайн Накратко – Настолен бърз справочник. „Зест Прес”, 2002
   
4. 
   Тийг, Джейсън Кранфърд. DHTML и CSS за World Wide Web. ИК "СофтПрес", 2011
   
5. 
   Хеник, Бен. HTML&CSS: Добрите страни. ИК Зест Прес, 2010
   
6. 
   Пейдж, Кристин Ануин. DREAMWEAVER 8 – Официален учебен курс. Софтпрес, С., 2006
   
7. 
   Електронни информационни източници:
   

1. 
   http://www.infotel.bg/rubrics/html_bg.htm - Кратък справочник за HTML стандарт
   

3. 
   http://faq.host.bg/article.php?id=HL895802 - Уеб дизайн
   
4. 
   http://www.uni-sofia.bg/resources/ucc/ucc-site/html-course/index.html - Проектиране и разработка на интернет страница
   
5. 
   http://www.dreamweaver8.hit.bg/ - уроци за DREAMWEAVER 8
   
6. 
   http://www.cbtcafe.com/dreamweaver/index.htm
   

1. инж. Людмила Иванова – СПГЕ “Джон Атанасов”