Частина тексту файла (без зображень, графіків і формул):
Міністерство освіти і науки України
Національний університет “Львівська політехніка”
Кафедра «Електронні обчислювальні машини»
Лабораторна робота №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/
Ви не можете залишити коментар. Для цього, будь ласка, увійдіть
або зареєструйтесь.
Ділись своїми роботами та отримуй миттєві бонуси!
Маєш корисні навчальні матеріали, які припадають пилом на твоєму комп'ютері? Розрахункові, лабораторні, практичні чи контрольні роботи — завантажуй їх прямо зараз і одразу отримуй бали на свій рахунок! Заархівуй всі файли в один .zip (до 100 МБ) або завантажуй кожен файл окремо. Внесок у спільноту – це легкий спосіб допомогти іншим та отримати додаткові можливості на сайті. Твої старі роботи можуть приносити тобі нові нагороди!