Основные возможности Kompozer
Информатика и ИКТ (2 курс)
Урок 48(105)
Раздел 7. Интернет.
Тема 7.2 Основы сайтостроения.
Тема урока: Практическая работа № 39 Разработка сайта «Моя семья»
Цели урока:
Образовательные:
ü освоение приемов работы с интерфейсом программ для разработки сайтов: KompoZer, MS Office SharePoint Designer, Adobe Dreamweaver, WebPagMaker
ü знакомство с интерфейсом программы KompoZer, работа со шрифтами, вставка гиперссылок
ü освоение приемов работы с поисковыми системами Интернета: поиск информации с помощью поискового каталога; поиск информации с помощью поискового указателя.
ü освоение приемов извлечения фрагментов из загруженных web-страниц, их вставка и сохранение в текстовых документах.
ü способствовать углублению представлений студентов об характерных особенностях глобальной сети
ü освоение приемов работы с браузером Internet Explorer; изучение среды браузера и настройка браузера; получение навыков извлечения web-страниц путем указания URL-адресов; навигация по гиперссылкам.
ü научить студентов применять полученные знания при работе в интернете.
ü знать правила работы с разными браузерами;
ü способствовать формированию умения использовать приемы настраивать браузер для эффективной работы в сети
Развивающие:
ü способствовать развитию логического мышления;
ü умения анализировать, сравнивать, систематизировать и обобщать;
|
|
|
ü интерес к учению, стремление к расширению кругозора
ü способствовать развитию кругозора студентов;
ü способствовать пониманию связей и взаимосвязей, лежащих в основе алгоритмических процессов;
ü совершенствовать умения систематизировать знания по данной теме.
Воспитательные:
ü способствовать формированию коммуникативных умений студентов;
ü способствовать развитию информационно-познавательной компетенции студентов.
ü способствовать развитию культуры программирования;
ü прививать интерес к предмету
Оборудование: Internet Explorer (возможно использование другой программы аналогичного назначения), поисковый сервер Rambler, Яндекс, браузер WWW, текстовый процессор Microsoft Word, компьютеры для студентов, §13, (учебник Информатика 11 кл. /И.Г.Семакин, Е.К.Хеннер,Т.Ю.Шеина 5-е издание, 2015г.),
Инструменты для разработки web-сайтов
Вернемся к разговору о web-сайтах и узнаем, с помощью каких средств можно самостоятельно создать сайт.
Web-сайт — это совокупность гипертекстовых документов,
которые рассматриваются как единое целое и определяются
одним URL-адресом.
Содержимое web-сайта может включать в себя все доступные в настоящее время типы информации, а также интерактивные средства для ведения диалога с пользователем (форумы, гостевые книги, формы обратной связи и т. д.). Помимо этого, каждый сайт может иметь индивидуальный дизайн (хотя следует заметить, что часть сайтов создается с применением готовых шаблонов).
|
|
|
Понятие языка разметки гипертекста
В предыдущем параграфе уже говорилось о том, что основой любого сайта является язык разметки гипертекста HTML (HyperText Markup Language). HTML включает в себя несколько десятков так называемых тегов (команд), каждый из которых определяет внешний вид отдельного элемента страницы: текста,
изображения, таблицы, списка и др. Например, следующая запись в HTML-документе:
<FONT color=red face="Arial">MoH домашняя страница</ГОЫТ>
означает, что указанный текст («Моя домашняя страница») должен отображаться в окне браузера шрифтом Arial, цвет шрифта — красный.
1. KompoZer (рис. 2.9) — ответвление от редактора Nvu. KompoZer является свободно распространяемой web-авторской системой, которая сочетает в себе менеджер для web-файлов и визуальный редактор. По сравнению с Nvu, KompoZer создает более короткий код разметки. KompoZer чрезвычайно прост в использовании,
что делает его привлекательным для пользователей, которые хотят создавать сайты без получения серьезных технических знаний. KompoZer может рассматриваться в качестве редактора для создания небольших web-проектов. Объем дистрибутива — 7 Мбайт.
|
|
|
Посредством визуального редактора Kompozer создание Web страниц превращается в легкое и увлекательное занятие. Больше не требуется изучать язык разметки HTML или разбираться в каскадных таблицах стилей. Все, что следует – запустить описываемую программу, с помощью специальных инструментов выбрать фоновый рисунок будущего сайта и наполнить его текстовой и графической информацией. Любой компьютерный пользователь способен разобраться в функционале данного визуального редактора и создать привлекательную Web страницу.
Причем выгрузить ее в Интернет получится не выходя из программы (для этого разработчики предусмотрели удобный FTP проводник, подключающийся непосредственно к хостингу после введения пароля и логина).
Основные возможности Kompozer
Главная возможность Композер – верстка страниц простым добавлением элементов с панели управления. Пользователь способен быстро создавать таблицы, управляющие формы и информационное наполнение. Параметры любых элементов (расположение и размер) изменяются простым перетаскиванием. Также интересная возможность этого визуального редактора заключается в ручном редактировании кода. Она предназначена для опытных пользователей, желающих подправить шаблон или задать собственные характеристики, недоступные через встроенную панель управления. HTML и CSS коды редактируются в удобном встроенном редакторе, поэтому экспортировать их в другие приложения нет необходимости. Выгрузить сайт на хостинг возможно через FTP.
|
|
|
Как пользоваться редактором
Для начала желательно Kompozer на русском скачать, чтобы не возникло проблем с пониманием интерфейса и функций. Затем в программе нужно ввести пароль и логин доступа к хостингу – чтобы подключиться к нему и открыть нужные страницы. Файлы и директории сервера отобразятся в правом столбце. Для выбора достаточно нажать по наименованию страницы и подождать, пока она откроется в визуальном редакторе. Дальше пользователь может управлять элементами с помощью панели управления, активируя тот или иной инструмент. С помощью инструментов легко добавлять новые заголовки, изменять информационное наполнение и редактировать код. После работы нужно сохранить изменения и отредактированная страница загрузиться на сервер.
| Версия: | 0.8b3 RU | |
| Лицензия: | Бесплатная | |
|
| ||
| Последнее обновление: | ||
| Разработчик: | Fabien Cazenave | |
| Язык: | Русский, Английский | |
| Операционная система: | Windows 10 / 8 / 7 / Vista / XP: (32 / 64-bit) | |
| Размер файла: | 6.6 Mb | |
| Категория: | редакторы | |
Практическая работа № 39
Задание (Уровень 2)
Создать web-сайт «Моя семья», состоящий из четырех страниц. Примерное содержание сайта дано ниже. Допускается использование собственного текста, но его объем должен быть не меньше объема текста образца. Цвет фона страницы, цвета текста и гиперссылок подобрать самостоятельно (цвета по умолчанию использовать не разрешается).
Страница 1 (имя файла — index.htm)
Заголовок окна: Моя семья.
Заголовок страницы: Моя семья (шрифт — Verdana, стиль шрифта — Заголовок 1, размер — medium, тип выравнивания — по центру).
Текст страницы:
Привет всем, кто посетил мой сайт. Меня зовут Алексеев Илья. Мне 11 лет. Я учусь в 5-м классе школы № 15 города Энска. Мои любимые предметы в школе — математика и информатика. В будущем я хочу стать специалистом в области компьютерной безопасности.
Помимо общеобразовательной школы, я посещаю компьютерную школу, а также занимаюсь баскетболом. У меня много друзей по всей стране и за ее пределами. С ними я общаюсь с помощью Skype, ICQ и различных социальных сетей.
А теперь я расскажу про свою семью.
Гиперссылки (на страницу 2, страницу 3 и страницу 4):
2. Мама;
3. Папа;
4. Сестра.
Примечание. Гиперссылки должны располагаться по центру столбиком (друг под другом). Между гиперссылками вставить по одной пустой строке. Шрифт для гиперссылок — Arial, размер — medium.
Страница 2 (имя файла — mother.htm)
Заголовок окна: Моя мама.
Заголовок страницы: Моя мама (шрифт — Verdana, стиль шрифта — Заголовок 1, размер — medium, тип выравнивания — по центру).
Содержание:
Мою маму зовут Ольга Сергеевна. Ей 33 года. Она окончила экономический факультет нашего университета и работает бухгалтером в большой туристической фирме. Иногда ей приходится работать даже в выходные дни.
В свободное время мама любит вышивать и вязать. В выходные дни мы иногда вместе с мамой катаемся на велосипедах, а зимой — на коньках. Любим ходить в лес, кататься на лыжах. А еще моя мама очень вкусно готовит, и к нам часто приходят гости.
Примечание. Все абзацы текста должны быть выровнены по ширине. Шрифт — Comic Sans MS, размер — medium.
Страница 3 (имя файла — father.htm)
Заголовок окна: Мой папа.
Заголовок страницы: Мой папа (шрифт — Verdana, стиль шрифта — Заголовок 1, размер — medium, тип выравнивания — по центру).
Содержание:
Моего папу зовут Егор Семенович. Ему 37 лет. У него два высших образования: юридическое и экономическое. Он работает юрисконсультом в банке. У папы очень много работы и мало свободного времени.
Когда у него бывают выходные, мы всей семьей ездим отдыхать на природу. А еще у папы есть увлечение — прыжки с парашютом. На его счету уже более 30 прыжков. В юности папа занимался легкой атлетикой, и у нас дома много медалей и кубков, которые он выиграл на соревнованиях.
Примечание. Первый абзац текста должен быть выровнен по левой границе, второй — по правой. Шрифт — Arial, размер — medium.
Страница 4 (имя файла — sister.htm)
Заголовок окна: Моя сестра.
Заголовок страницы: Моя сестра (шрифт — Verdana, стиль шрифта — Заголовок 1, размер — medium, тип выравнивания — по центру).
Содержание:
У меня есть младшая сестра Юля. Ей 6 лет. Пока она ходит в детский сад, но осенью следующего года уже пойдет в школу. Сестра очень любит животных и постоянно просит родителей завести дома котенка. Родители обещали подарить ей котенка к следующему дню рождения.
Примечание. Абзац текста должен быть выровнен по ширине. Шрифт — Comic Sans MS, размер — medium.
Постановка домашнего задания
Выучить систему основных понятий. Изучить интерфейс программ для разработки сайтов: Основные возможности Kompozer
Выполнить практическую работу.
Вопросы и задания
1. Что такое web-сайт?
2. Какой язык используется для разработки сайтов?
3. В чем преимущества визуальных HTML-редакторов?
4. В чем недостатки визуальных HTML-редакторов?
5. Какой из известных вам программных продуктов вы порекомендовали бы использовать для создания мощного web-проекта, над которым работает большое число людей?
6. В каких случаях удобнее использовать редакторы NVU или KompoZer?
Дата добавления: 2021-05-18; просмотров: 165; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!