Частина тексту файла (без зображень, графіків і формул):
Міністерство освіти і науки України
Національний університет “Львівська політехніка”
Кафедра «Електронні обчислювальні машини»
Лабораторна робота №3
на тему: “Онлайн редактори і генератори”
з дисципліни:
“Глобальні інформаційні мережі”
Львів – 2014
Мета роботи:
Навчитися користуватися онлайн редакторами як графічними так і HTML. А також генерувати HTML та CSS елементи для сайту.
Адреса тестової сторінки:
http://scrambone.byethost15.com/
Скріншот тестової сторінки:
/
Рис. 1. Скріншот тестової сторінки
Етапи виконання роботи:
Спершу я знайшов сайт який містить цікаві дизайнерські рішення які я хочу запозичити.
/
Рис. 2. Сторінка сайту з цікавими дезайнерськими рішеннями
Ознайомився з графічними редакторами та розробив логотип/
Рис. 3. Робота з графічним редактором
Розробив ескіз сайту.
/
Рис. 4. Розроблений ескіз сайту
Згенерував HTML структуру майбутнього сайту.
/
Рис. 5. Генерація HTML структури
Згенерував CSS стилі елементів для сайту.
/
Рис. 5. Генерація стилів елементів
За допомогою HTML-редактора поставив створені графічні елементи у відповідні місця сторінки.
/
Рис. 7. Візуальний редактор http://dabblet.com/
/
Рис. 8. Вікно текстового редактора
Висновок:
Під час виконання даної лабораторної роботи я навчився користуватися онлайн генераторами і редакторами, сервісами для генерації стилів CSS.
Під час роботи з графічними редакторами я надав перевагу онлайн редактору Pixlr ,за його допомогою розробив основні елементи сайту. Причини вибору цього редактора:
Безкоштовний
Завжди доступний в мережі
Дуже наближений як графічно так і функціонально до Adobe Photoshop
Є надзвичайно простим у використанні
Не потребує додаткових ресурсів компютера для обробки даних
При створенні скріншотів я використовував стандартну утиліту «Ножниці», адже за її допомогою можна зробити знімок довільної області і швидко вставити його в документ.
Для створення HTML структури сайту був обраний сервіс csstemplater.com через його продуманий інтерфейс. Перед вибором ознайомився з сервісом csscreator.com, тому можу впевнено сказати що він зручніший.
В якості HTML редакторів були використані як візуальні так і текстові редактори. При виконанні цієї лабораторної роботу я віддав перевагу онлайн редактору - http://dabblet.com/