Ім'я файлу: Одарущенко 5 Звіт.docx
Розширення: docx
Розмір: 10кб.
Дата: 26.01.2021
скачати
Пов'язані файли:
МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ.docx
Розширення: docx
Розмір: 10кб.
Дата: 26.01.2021
скачати
Пов'язані файли:
МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ.docx
: навчитися створювати сайти за допомогою спеціальних сервісів для створення сайтів та працювати з ними.
Обладнання: ОС Windows, Браузер, Notepad++. Хід роботи
Створення сайту
Крок 1. Реєстрація та вибір шаблону
Для того, щоб користуватися конструктором Wix.com потрібно пройти нескладну процедуру реєстрації, де вказати лише е-майл і пароль. Після цього користувач може відразу створювати сайт, вибравши відповідну тематику:
Сервіс Wix.com надає широкий вибір тем для оформлення: від фотографії, дизайну, арту до бізнесу, послуг і ресторанів. Кожна тема містить професійні
шаблони, що розподілені по категоріях. Наприклад, в темі "Музика і розваги"
Арк
No докум
Підпис
Дата
ДТЗЕ. ІНФ05 000 00 ЛР
Розроб.
Перевір.
Н.Контр
Затв.
Федянович В.О..
Федянович В.О.
Саприкіна І.Г.
Використання спеціальних сервісів для створення сайтів
Літера Аркуш Аркушів
1
гр. ________
розміщено шаблони сайтів для акторів, театру, кіно, танців, заходів, музикантів тощо. Часто шаблони між собою перетинаються в різних категоріях.
На цій же сторінці є можливості для впорядкування дизайнів окремо Flash і Html5, а також можливість переглянути новітні або найпопулярніші роботи. Біля кожного макета є кнопка "Перегляд" за допомогою якої можна побачити як виглядатиме майбутній Інтернет проект після завершення роботи.
У разі, якщо користувач хоче застосувати власний дизайн присутній варіант "Порожні", де можна вибрати структуру розташування елементів і меню на майбутньому сайті, решта елементів додається вручну.
КРОК 2.
Редагування та налаштування шаблону
Після вибору базового макету для сайту, потрібно натиснути кнопку "Редагувати", щоб перейти до внесення власних змін у готовий дизайн. Конструктор переходить в режим редагування, де для користувача надано багато опцій і налаштувань.
Готовий шаблон можна змінити в один із способів:
Клікнути по елементу, що потребує змін.
Скористатися лівим бічним меню, що складається з чотирьох пунктів. Кожен пункт містить підменю, між якими можна перемикатися та редагувати.
Ліве бічне меню складається з чотирьох пунктів:
Змін Арк No докум Підпис Дата ДТЗЕ. ІНФ05 000 00 ЛР
Арк
2
Сторінки – опції призначені для роботи з сторінками сайту. Їх можна переміщати, редагувати, додавати і видаляти. Підтримується ієрархія сторінок у вигляді випадного меню. Також можна вказувати МЕТА дані для кожної зі сторінок сайту.
Дизайн – опції дозволяють змінювати фон сайту, колірну гамму, а також шрифти.
Додати - розділ з віджетами, які можна розмістити на веб-сторінці. Зокрема, це текст, фото, галерея, медіа, форми і лінії, кнопки і меню, соціальні мережі, Інтернет магазин і додатки.
Налаштування – тут можна задати адресу сайту, додати фавіконки, встановити SEO-параметри для пошуковиків, налаштувати статистику.
Нижче наведено приклад, як в обраному шаблоні змінювати опції. Поступово відкривається відразу три різних вікна з параметрами - спочатку загальні, потім деталізовані.
Для уставляння віджетів не потрібні знання програмування, установка плагінів тощо. У відповідному пункті меню, слід вибрати відповідний віджет і простим перетягуванням розмістити елемент на сторінці. В залежності від налаштувань, віджет може відображатися на одній або на всіх сторінках сайтах.
Змін Арк No докум Підпис Дата ДТЗЕ. ІНФ05 000 00 ЛР
Арк
3
Функції, яких немає в конструкторі, можна додати за допомогою HTML коду. Але навіть без цього є достатньо наявних елементів для стандартного повноцінного сайту. Всі елементи сторінки надаються до налаштувань за потребами користувача.
Крок 3.
Фініш. Власний домен
Праворуч зверху в редакторі Wix.com є кнопки для збереження змін і перегляду створених сторінок. Пункт "Публікація" дозволяє розмістити сайт на сервері і зробити його доступним для всіх користувачів Інтернету. Оскільки сервіс Wix.com є безкоштовним, тому, введено обмеження на доменну адресу, яка буде мати вигляд:
http://ваш_логин.wix.com/назва_сайту
Завдання 2
Змін Арк No докум Підпис Дата ДТЗЕ. ІНФ05 000 00 ЛР
Арк
4
Створити Html-сторінку:
2.1. Запустили програму Notepad++
2.2. Створили html-файл з назвою index.html 2.3. Створили структуру html- документа:
План колонізації Марсу
Бачення
Наша мета - відправити першу вантажну місію на Марс у 2022 році. Ця місія повинна перевірити
наявність води, визначити основні джерела небезпеки та доставити вантажі, необхідні для
розгортання первинної інфраструктури для генерації енергії, видобутку корисних копалин та
підтримки життя.
План
- 2018: Побудувати допоміжну базу для запусків в Бока Чіка
- 2019: Дебют ракети Falcon Big
- 2020-2021: Тестові запуски BFR і вивід її на орбіту
- 2022: Запуск двох місій до Марсу з вантажем, але без команди
Фото
Змін Арк No докум Підпис Дата ДТЗЕ. ІНФ05 000 00 ЛР
Арк
5
2.4. Зробимо фон веб-сторінки світло-сірим. В тег body зробимо CSS запис коду:
2.5. За допомогою CSS контейнер(заголовок) h1 зробимо по центру:
2.6. . За допомогою CSS контейнер(заголовок) h2 зробимо по центру:
2.7. За допомогою CSS контейнер(абзац) p установимо шрифт и розмір шрифта :
2.8. За допомогою CSS контейнер (абзац) p в якому розташовані фотографії зробимо по центру и установимо розмір фотографії та відступи мі ними :
2.9. Збережемо html документ и відкриймо его в браузері:
План колонізації Марсу
Бачення
План
Фото
margin-right:20px;">Змін Арк No докум Підпис Дата ДТЗЕ. ІНФ05 000 00 ЛР
Арк
6