7

КОМПОЗЕР СОЗДАНИЕ САЙТА

Композер создание сайта-Композер создание сайта

KompoZer combines web file management and easy-to-use WYSIWYG web page editing tools to help you create an attractive, professional-looking web site with no HTML or. В уроке рассмотрено создание веб-страницы в программе Kompozer. Верстка текстов, списков, таблиц, вставка изображений, вставка видео на веб-страницу. Создание сайта «Домашняя страница» (§ 14). Рассмотрим процедуру создания простого сайта (домашней страницы) в редакторе KompoZer (версия b3). Для начала опишем интерфейс программы и.

Композер создание сайта - Урок 1. Создание простой веб-страницы в KompoZer

Композер создание сайта-Выделите обе ячейки в третьей строке таблицы рисунок Рисунок 26 6. Выполните команду Таблица — Объединить выбранные ячейки рисунок Рисунок 27 7.

Композер создание сайта

Аналогичным образом объедините ячейки в последующих трех строках рисунок Рисунок 28 8. По центру объединенных ячеек вставьте изображения и подписи к ним рисунок Рисунок 29 7. Создание фотогалереи 1. Каждое маленькое изображение сделайте ссылкой на большое изображение, которое будет открываться в полный большой размер. Для этого выделите первое изображение в таблице, нажмите композер создание сайта. В появившемся окне нажмите кнопку открытой папки рисунок Рисунок 30 3. Нажмите узнать больше здесь Открыть.

Рисунок 31 4. Имя выбранного файла отобразится в адресе. Установите флажок Показывать рамку вокруг изображения, содержащего ссылку рисунок Рисунок композер создание сайта 5. Аналогичным образом создайте гиперссылки для всех изображений в таблице. Сохраните веб-страницу. Обновите в браузере. Кликните на любом изображении, оно отроется в большом формате.

Композер создание сайта-Создание сайта «Домашняя страница» в KompoZer. Создание таблиц и списков на web-странице.

Чтобы вернуться из окна большого изображения обратно на сайт, нажмите кнопку Назад в браузере. Чтобы подключить скрипты и стили из папки css, перейдите на вкладку Код внизу окна программы рисунок Должно получиться, как на рисунке Перейдите в режим кода страницы index. Для этого в панели режимов редактирования выберите режим Код рисунок Рисунок 35 8. Найдите в коде конструкцию с названием изображения рисунок Рисунок 36 9. Рисунок 37 Внесите аналогичные изменения в другие «пути» для всех изображений рисунок Рисунок 38 Сохраните файл, обновите страницу в браузере. Проверьте работоспособность скрипта, по этому адресу на изображении.

Большое изображение должно возникать плавно и композер создание сайта рисунок Рисунок 39 Выделите ключевые слова полужирным курсивом рисунок Рисунок 40 Далее создайте таблицу Темы лекций и практических занятий, которая жмите сюда окончательном варианте будет выглядеть, как на рисунке Рисунок 41 Обратите внимание, что в таблице есть ячейки, которые объединяют строки, например ячейка со словом Лекции и ячейка со словом Практические занятия. Рекомендации: - чтобы задать шрифт Tahoma всем ячейкам таблицы, надо выделить все ячейки и выполнить команду Формат — Шрифт — Tahoma; - чтобы выровнять текст во всех ячейках по центру, надо выделить все ячейки и нажать кнопку выравнивания по центру ; - композер создание сайта закрасить фон нескольких ячеек, надо выделить нужные ячейки, выполнить команду Таблица — Цвет фона ячейки или таблицы… В появившемся окне выбрать цвет, нажать ОК; - чтобы изменить цвет текста в нескольких ячейках, надо выделить нужные ячейки и выполнить команду Формат композер создание сайта Цвет текста… В появившемся окне выбрать нужный цвет, нажать ОК.

Создайте таблицу в полном соответствии с рисунком После задания настроек введите нужный текст. Помимо заголовка, добавим на страницу следующий текст: Дорогие друзья! Меня зовут Петя Иванов. Я рад приветствовать вас на своей домашней странице. Здесь я расскажу вам о себе, своей семье и друзьях. Для данного текста выберем шрифт Verdana, размер — Medium, стиль абзаца — Обычный текст, цвет текста композер создание сайта черный, выравнивание — по центру. Создадим на главной странице нашего сайта три гиперссылки. Для начала отступим одну пустую строку от текста и выберем выравнивание текста по центру либо через пункт меню Формат, либо с помощью кнопки По центру на Панели форматирования.

Будет создана первая гиперссылка. Аналогично создадим еще две гиперссылки: 1 Мои родители имя файла — parents. После выполнения этих действий вы должны увидеть приблизительно такой вариант главной страницы, как на рис. Просмотр https://psdev.ru/razrabotka-sayta-pod/sozdanie-sayta-na-react.php Чтобы просмотреть композер создание сайта внести изменения в HTML-код документа, необходимо в панели режимов редактирования выбрать режим Код. Выберите данный режим и посмотрите полученный результат. Теперь создадим вторую страницу сайта рис. Задавать глобальные настройки страницы, создавать заголовок и добавлять текст вы уже умеете.

Композер создание сайта

Попробуйте самостоятельно задать параметры страницы и создать заголовок «О себе». Затем наберите следующий текст: Меня зовут Иванов Петя. Я родился 21 мая года в городе Перми. Мои любимые предметы — математика и история. Кроме школы увлекаюсь шахматами и плаванием. Люблю читать, гулять с друзьями, смотреть телевизор и играть в компьютерные игры. У меня есть любимая собака Ральф, композер создание сайта 4 года. Параметры заголовка аналогичны параметрам заголовка страница главной странице сайта. Для текста используйте выравнивание по ширине.

Композер создание сайта

Остальные параметры аналогичны параметрам текста главной страницы. Теперь добавим к тексту изображение. Должен композер создание сайта такой результат, как на рис. Просмотр результата Чтобы посмотреть, как созданные страницы будут отображаться в окне браузера, нажмите кнопку Просмотр на Панели компоновки. Для главной страницы проверьте работоспособность гиперссылки «О себе». Вопросы и задания 1. Как изображение можно сделать гиперссылкой? Перечислите основные шаги. Что включают в себя глобальные настройки документа? Изучите самостоятельно и разработки сайта украина, как можно изменить параметры уже существующей гиперссылки например, ее адрес.

Композер создание сайта

Создайте две остальных страницы сайта «Домашняя страница Пети Иванова» по аналогии со страницей «О себе» : а Мои родители Мою маму композер создание сайта Елена Евгеньевна. Ей 35 лет. Она окончила медицинский институт и работает врачом-педиатром в детской районной поликлинике. Моя мама очень добрая и веселая. Моего папу зовут Алексей Юрьевич. Ему 38 лет.

Композер создание сайта-ИНФОРМАТИКА

У него два высших образования строительный и экономический факультеты и в настоящее время он занимается собственным бизнесом в области строительства. Папа у меня строгий, но справедливый. У нас с ними общие увлечения, поэтому мы много композер создание сайта проводим. Кирилл старше композер создание сайта с Сергеем на год и учится в восьмом классе. Мы вместе с https://psdev.ru/razrabotka-sayta-pod/sayt-dlya-sozdaniya-slov.php занимаемся плаванием. Сергей — мой одноклассник, и мы часто с ним вместе делаем уроки, играем в шахматы и гуляем во дворе.

Рисунок — friends. Проверьте в браузере работоспособность всего сайта узнать больше всех гиперссылок. Для создания расписания уроков будем использовать таблицу, а для списка учителей — маркированный список. Начнем создавать таблицу «Расписание композер создание сайта. В конечном варианте таблица должна будет выглядеть следующим образом: Обратите внимание, что в таблице есть ячейки, которые разбиты на две части. В одной ячейке разбиение идет по горизонтали ИЗО и Музыка — это означает, что занятия по этому предмету проходят раз в две недели поочередно.

В двух ячейках разбиение идет по вертикали французский и английский языкичто означает деление класса на две группы и их параллельные занятия у разных преподавателей.

Композер создание сайта

Кроме того, первая строка и первый столбец таблицы выделены другим цветом. Создание страницы https://psdev.ru/razrabotka-sayta-pod/redaktori-dlya-sozdaniya-saytov.php с определения глобальных настроек см. Для начала создадим таблицу с простой структурой без деления ячеек, как уже было описано выше. В результате получим таблицу с примерно одинаковой шириной и высотой всех ячеек, выровненную по левой границе композер создание сайта рис.

Композер создание сайта

Изменим композер создание сайта выравнивания нашей таблицы. Для этого выберем указанный выше пункт меню и с помощью вкладки Таблица изменим тип выравнивания таблицы на значение — по центру. Выделение ячеек таблицы Если необходимо изменить свойства не всей таблицы жмите, а ее отдельных ячеек строк или столбцовто сначала надо выделить нужные ячейки.

abacud

7 Comments

  1. Прошу прощения, что я Вас прерываю, есть предложение пойти по другому пути.

  2. Конечно. И я с этим столкнулся. Давайте обсудим этот вопрос. Здесь или в PM.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *