Методична розробка на тему: «Приклад створення сайта в редакторі Publisher» icon

Методична розробка на тему: «Приклад створення сайта в редакторі Publisher»



НазваниеМетодична розробка на тему: «Приклад створення сайта в редакторі Publisher»
Дата конвертации18.12.2012
Размер61.18 Kb.
ТипДокументы
скачать >>>

Міністерство освіти і науки, молоді та спорту України

Головне управління освіти і науки Івано-Франківської ОДА

Івано-Франківське вище професійне училище

сервісного обслуговування техніки


Методична розробка

на тему:


«Приклад створення сайта

в редакторі Publisher»


Професія: 4112 Оператор комп’ютерного набору

4112 Оператор комп’ютерної верстки


Розробила

майстер в/н

В. Я. Опар


2012

В цій темі буде покроковий опис створення сайту, який присвячено видатному українському діячеві, письменнику Барвінку Володимиру Івановичу. Цей приклад можна використати для побудови власного сайта.

Сайт створюється в редакторі Publisher 2003, який входить до набору програм Microsoft Office 2003.

Запуск програми здійснюється таким чином:^ Пуск - Программы (Все программы) - Microsoft Office - Microsoft Office Publisher 2003

Якщо з'явиться наступне вікно, значить програма Publisher 2003 завантажена вдало:



1. Після запуску редактора Publisher в правій частині вікна необхідно вибрати Веб-узлы и электронная почта:


мал.1

2. Далі необхідно вибрати дизайн майбутнього сайту:


Примітка: щоб вибрати дизайн, який вам найбільше сподобався, достатньо клацнути на його мініатюрі.


мал.2

3. Після вибору дизайна сайта відкриється вікно, в якому необхідно вказати, які саме сторінки будуть на сайті.

Примітка: перш ніж вказувати сторінки, потрібно точно визначитись які розділи будуть на сайті.

На пропонованому сайті про Барвінка Володимира Івановича будуть такі розіділи: ^ Головна сторінка, Біографія, Діяльність, Походження та сім\'я, Веб-ресурси.
У відповідності з цими розділами, зазначимо такі сторінки:

Домашняя страница (створюється автоматично) – Головна сторінка.
^ Размещение сведений о профиле организации (О нас) – Біографія.
Размещение описания услуг (Услуги) – Діяльність.
Размещение сведений о сотрудниках (Сотрудники) – Походження та сім\'я.
Размещение ссылок на другие веб-страницы (Дополнительные ссылки) – Веб-ресурси.



мал.3


4. Наступний крок - заповнення особистих даних автора сайту.

Примітка: цей крок можна упустити.
У списку ^ Выберите набор личных данных: оберіть варіант "Основное место работы". Заповніть всі поля своїми особистими даними:
Имя: Коваленко Валентина Юріївна (тут має бути ваше прізвище, ім\'я та по-батькові).
Должность: Майбутній вчитель української літератури (це поле у всіх однакове).
Название организации: УДПУ (це поле у всіх однакове).
Адреса: Адреса: Садова, 2 (це поле у всіх однакове).
Телефон, факс, эл.почта: e-mail: vpusot@rambler.ru (тут має бути адреса вашої поштової скриньки).
Дополнительные сведения или девиз: Проект «Сайти українських письменників» (це поле у всіх однакове).



мал.4


5. Після заповнення всіх полів, необхідно натиснути Ок. На екрані з'явиться головна сторінка сайта:


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


мал.5

6. Редагування сторінок сайту можна розпочати з виправлення бічного меню сторінки:


Примітка: червона стрілка вказує на меню, яке вже відредаговано відповідно до розділів сайта (подивіться на це ж саме меню в мал.5).


мал.6

Та нижнього меню, яке знаходиться в нижній частині сторінки:

мал.7

Редагування нижнього меню відбувається в декілька етапів:

1) Клацнути на панель навігації, щоб виділити її:
Примітка: наявність круглих маркерів навколо панелі навігації свідчить про те, що вона виділена.


мал.8

2) Клацнути на інструмент зміни параметрів панелі навігації - :

мал.9

3) В лівій частині вікна програми вибрати посилання «Управление ссылками»:

мал.10

4) Відкриється вікно, в якому необхідно вибрати назву першої сторінки «Домашняя страница» та натиснути кнопку Изменить ссылку...:


мал.11

5) В наступному вікні знову вибрати «Домашняя страница» та в поле Текст: (що знаходиться у верхній частині) ввести «Головна сторінка». Після цього натиснути кнопку Изменить... в нижній частині вікна:


мал.12

6) В наступному вікні ввести назву першої сторінки сайта – «Головна сторінка» і натиснути кнопку Ок:


мал.13

7) Завершити редагування першої сторінки, натиснувши кнопку Ок:



мал.14

8) Так само можна відредагувати другу сторінку. Виберіть назву другої сторінки «О нас» і натисніть кнопку Изменить ссылку...:

мал.15

9) В полі Текст: змініть назву другої сторінки на «Біографія» і натисніть кнопку Изменить...:



мал.16

10) Введіть назву другої сторінки «Біографія» і натисніть кнопку Ок:


мал.17

Назва другої сторінки буде змінена.

Так само змініть назви інших сторінок, відповідно:
^ Список услуг – Діяльність.
Список сотрудников – Походження та сім’я.
Дополнительные ссылки – Веб-ресурси.


11) Після того, як всі посилання буде змінено, завершіть редагування панелі навігації, натиснувши кнопку Ок:


мал.18

Таким чином, нижнє меню буде змінено.

^ Наповнення сторінок змістом

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

Щоб редагувати блок з малюнком, достатньо клацнути на ньому правою кнопкою миші та вибрати команду ^ Изменить рисунок, а далі вибрати варіант завантаження малюнку в залежності від його місцезнаходження. Наприклад, якщо малюнок знаходиться на диску, то вибрати команду Из файла..., якщо малюнок потрібно вибрати із стандартної колекції програми Publisher, то вибрати команду Картинки....

Примітка: звісно, що для завантаження малюнку із зображенням письменника, необхідно вибирати варіант ^ Из файла..., так як в стандартній колекції програми Publisher такого малюнку немає.



  1. Редагування головної сторінки: введення коротких відомостей про письменника та вставка його фото.




  1. Редагування другої сторінки: «Біографія»:
    Примітка: щоб перейти до другої сторінки потрібно клацнути на зображенні білого прямокутника з цифрою 2 в нижній частині вікна програми.




^ 3. Редагування третьої сторінки «Діяльність»:
Примітка: щоб перейти до третьої сторінки потрібно клацнути на зображенні білого прямокутника з цифрою 3 в нижній частині вікна програми.




^ 4. Редагування четвертої сторінки «Походження та сім’я»:




^ 5. Редагування п’ятої сторінки «Веб-ресурси»:
Примітка: посилання на відповідні веб-ресурси можна зробити за допомогою команди Вставка – Гиперссылка.



Збереження сайта


Перед тим як зберігати сайт, необхідно створити на диску папку з іменем Сайт, щоб зберегти туди всі файли сайта.

1. Перейти до програми і в меню Файл вибрати Сохранить как.
2. У вікні, що відкриється, необхідно вибрати папку Сайт, щоб зберегти туди всі файли сайта.
3. В списку Тип файла: вибрати тип файлу Веб-страница (*.htm;*.html) та вказати імя файлу «index.htm»
Примітка: htm - це розширення файла, який містить веб-сторінку.




4. Натиснути кнопку Сохранить. Після цього відбудеться публікація htm-сторінок (збереження).

Тепер створений сайт можна переглянути в папці Сайт, відкривши файл index.htm.



Похожие:

Методична розробка на тему: «Приклад створення сайта в редакторі Publisher» iconМетодична розробка уроку на тему
Навчальна: ввести нову лексику;закріпити вживання знайомої та нової лексики з теми
Методична розробка на тему: «Приклад створення сайта в редакторі Publisher» iconМетодична розробка на тему: „Молодіжні організації в Україні“
Навчальна: активізувати лексичний запас учнів, удосконалювати навички читання, говоріння, аудіювання, письма
Методична розробка на тему: «Приклад створення сайта в редакторі Publisher» iconМетодична розробка уроку на тему
...
Методична розробка на тему: «Приклад створення сайта в редакторі Publisher» iconМетодична розробка уроку на тему програми тема уроку
Бінарного типу з предмету : «Обладнання та технологія зварювального виробництва» та
Методична розробка на тему: «Приклад створення сайта в редакторі Publisher» iconМетодична розробка на тему: Інтерактивні технології у навчанні німецької мови
Метою навчання іноземних мов є формування в учнів комунікативної компетенції, що означає опанування мовою як засобом між культурного...
Методична розробка на тему: «Приклад створення сайта в редакторі Publisher» iconМетодична розробка уроку для 5-9 класів на тему: «Здорові діти – здорова нація»
України, її майбутнє; розвивати бажання вести активний спосіб життя, берегти і змінювати здоров’я; виховувати хороші звички, які...
Методична розробка на тему: «Приклад створення сайта в редакторі Publisher» iconУрок екології на тему «Екоквартира»
Орієнтуватися у великому розмаїтті нових сучасних матеріалів та приладів пересічному громадянину не просто. Привчати дітей відповідально...
Методична розробка на тему: «Приклад створення сайта в редакторі Publisher» iconПредложение по продвижению сайта Поисковое продвижение
Поисковое продвижение сайта в Google com ua это вывод сайта на первую страницу естественной поисковой выдачи, так называемый топ10,...
Методична розробка на тему: «Приклад створення сайта в редакторі Publisher» iconWord? Як змінити властивості напису в текстовому редакторі Word
Як виконати переміщення та масштабування графічних об’єктів у текстовому редакторі Word?
Методична розробка на тему: «Приклад створення сайта в редакторі Publisher» iconРазработчикам сайта: высылаю макет первой страницы будущего сайта «Референдумы Украины»
«Референдумы Украины», которая активируется при выборе опции главного меню «Голосование». За образец взят дизайн сайта «Референдумы...
Разместите кнопку на своём сайте:
Документы


База данных защищена авторским правом ©gua.convdocs.org 2000-2015
При копировании материала обязательно указание активной ссылки открытой для индексации.
обратиться к администрации
Документы

Разработка сайта — Веб студия Адаманов