Розробка довідково-інформаційної бази Факультету комп’ютерних систем

Отчет по практике - Компьютеры, программирование

Другие отчеты по практике по предмету Компьютеры, программирование

ие и эргономические условия организации рабочих мест и режима учебных занятий с применением средств вычислительной техники в средней общеобразовательной школе", Київ, МОЗ України, 30.10.90 р. (методичні рекомендації).

3. Вимоги до приміщень та розташування робочих місць з ПК

3.1. Приміщення, призначені для роботи з ПК, повинні мати природне освітлення. Орієнтація вікон повинна бути на північ або північний схід, вікна повинні мати жалюзі, які можна регулювати, або штори.

3.2. Не дозволяється розміщувати кабінети обчислювальної техніки у підвальних приміщеннях будинків.

3.3. Кабінети, обладнані компютерною технікою, в навчальних закладах повинні розміщуватись в окремих приміщеннях з природним освітленням та організованим обміном повітря.

Площа на одного учня, який працює за ПК, повинна складати не менше 6,0 кв. м, обєм - не менше 20 куб. м. Площа учбових приміщень з ПК повинна розраховуватись на півкласу учнів, але не більш як 12 чоловік.

3.4. Стіни, стеля і підлога та обладнання кабінетів компютерної техніки повинні мати покриття із матеріалів з матовою фактурою з коефіцієнтом відбиття: стін - 40-50 %, стелі - 70-80 %, підлоги - 20-30 %, предметів обладнання - 40-60 % (робочого столу - 40-50 %, корпуса дисплею та клавіатури - 30-50 %, шаф та стелажів - 40-60 %).

3.5. Поверхня підлоги повинна мати антистатичне покриття та бути зручною для вологого прибирання.

3.6. Забороняється використовувати для оздоблення інтерєру приміщень компютерних класів полімерні матеріали (деревяно-стружкові плити, шпалери, що придатні для миття, плівкові та рулонні синтетичні матеріали, шаровий паперовий пластик та ін.), що виділяють у повітря шкідливі хімічні речовини, які перевищують гранично допустимі концентрації.

Вміст шкідливих хімічних речовин в повітрі дошкільних та учбових приміщень з компютерною технікою не повинен перевищувати середньодобові концентрації, що наводяться в "Переліку гранично допустимих концентрацій забруднюючих речовин в атмосферному повітрі населених пунктів", № 3086-84 від 27.08.84 р. та доповненнях до нього, які затверджені Міністерством охорони здоровя.

3.7. При будівлі нових і реконструкції діючих загальноосвітніх шкіл, середніх спеціальних і вищих учбових закладів висота приміщень (від підлоги до стелі), в яких передбачено використання персональних компютерів в навчальному процесі, повинні бути не менше 3,6 м, а площа на 1 робоче місце 16 кв. м (ДБН В.2.2-3-97).

 

  1. ЗМІСТ ТА РЕЗУЛЬТАТ ВИКОНАНИХ РОБІТ

 

3.1 Завдання

 

Створити довідково-інформаційну базу про Факультет Компютерних Систем до приймальної комісії у вигляді сайту для абітурієнтів. Вона повинна містити:

рекламний ролик факультету;

корисну інформацію для абітурієнта;

інформацію про деканат факультету;

історію виникнення факультету;

інформацію про кафедри факультету;

інформацію про гуртожиток.

 

  1. Виконання

 

Розробимо структуру сторінки за наступною схемою:

Данну модель реалізуємо за допомогою html тегу Div. Div блочний елемент мови html, як правило використовується для обробки блоку данних. Як правило блок керується таблицею каскадних стилів CSS. Яка може знаходитися безпосередньо у голові (Head) документу або у окремому файлі.

Селектори та їх призначення:

Main блок який міститиме у собі всі три основні, логічно розділені блоки: Header, Content, Footer.

Header блок який містить зіголовок добументу.

Logo перший логотип.

Header-Text текст заголовку.

Logo2 другий логотип.

Content блок для відображення основного змісту сторінки.

Menu список категорій інформації яку можна дізнатися.

My_iframe інформація з вибраної категорії.

Footer блок для банеру або реклами.

Для реалізації відображення інформації на вибір користувача, використаємо CSS та JavaScript. CSS для вибору режиму відображення блоків інформації у блоці My_iframe, які слідують один за одним послідовно та представляють відповідні категорії у блоці Menu. JavaScript - за для відображення лише потрібного блоку.

Реалізація у CSS:

.iframe_content_block

{

display:block;

text-decoration:none;

font-family:Arial;

font-style:italic;

font-weight:bold;

font-size:16px;

color:#1f2f7f;

position:relative;

width:100%;

}

 

.iframe_content_none

{

display:none;

text-decoration:none;

font-family:Arial;

font-style:italic;

font-weight:bold;

font-size:16px;

color:#1f2f7f;

position:relative;

width:100%;

}

 

Тут display:none та display:block дозволяє та забороняє відображення блоку з відповідними класами .iframe_content_none та .iframe_content_ block. Зміна класів блоків здійснюється за допомогою JavaScript.

Реалізація у JavaScript:

 

function menu(menu_id)

{

for(var i=Number(1);i<=6;i++)

document.getElementById("if_c_"+i).className=

"iframe_content_none";

switch (Number(menu_id))

{

case 1: document.getElementById("if_c_1").className=

"iframe_content_block"; break;

case 2: document.getElementById("if_c_2").className=

"iframe_content_block"; break;

case 3: document.getElementById("if_c_3").className=

"iframe_content_block"; break;

case 4: document.getElementById("if_c_4").className=

"iframe_content_block"; break;

case 5: document.getElementById("if_c_5").className=

"iframe_content_block"; break;

case 6: document.getElementById("if_c_6").className=

"iframe_content_block"; break;

}

}

 

Функція document.getElementById("імя_елементу") вертає єлемент у якого id="імя_елементу", використовуючи цю функцію ми змінюємо клас усіх наявних єлем?/p>