СОЗДАНИЕ САЙТА ДОМАШНЯЯ СТРАНИЦА В KOMPOZER

Создание сайта домашняя страница в kompozer-Создание сайта домашняя страница в kompozer

Другие методич. материалы. Создание сайта «Домашняя страница» в KompoZer. Создание таблиц и списков на .serp-item__passage{color:#} Рассмотрим процедуру создания простого сайта в редакторе KompoZer. Для начала опишем интерфейс программы и перечислим. В уроке рассмотрено создание веб-страницы в программе Kompozer.  Рассмотрим создание простой веб-страницы в редакторе KompoZer. Веб-страница будет посвящена дисциплине «Web-дизайн», которую изучают студенты профиля «Информационные технологии в. Рассмотрим процедуру создания простого сайта (домашней страницы) в редакторе KompoZer (версия b3). Для начала опишем интерфейс программы и перечислим основные приемы работы с текстом, гиперссылками и графикой.

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

Создание сайта домашняя страница в kompozer-Рисунок 28 8. По центру объединенных ячеек вставьте изображения и подписи к адрес рисунок Рисунок 29 7. Создание фотогалереи 1.

Создание сайта домашняя страница в kompozer

Каждое жмите изображение сделайте ссылкой на большое изображение, которое будет открываться в полный большой размер. Для этого выделите первое изображение в таблице, нажмите кнопку. В появившемся окне нажмите кнопку открытой папки рисунок Рисунок 30 3. Нажмите кнопку Открыть. Рисунок 31 4. Имя выбранного файла отобразится в адресе.

Создание сайта домашняя страница в kompozer-ИНФОРМАТИКА

Установите флажок Показывать рамку вокруг изображения, содержащего ссылку рисунок Рисунок 32 создание сайта домашняя страница в kompozer. Аналогичным образом создайте гиперссылки для всех изображений в таблице. Сохраните веб-страницу. Обновите в браузере. Кликните на любом изображении, оно отроется в продолжение здесь формате. Чтобы вернуться из окна большого изображения обратно на сайт, нажмите кнопку Назад в браузере. Чтобы подключить скрипты и стили из папки css, перейдите на вкладку Код внизу окна программы рисунок Должно получиться, как на рисунке Перейдите в режим кода страницы index.

Для этого в панели режимов редактирования выберите режим Код рисунок Рисунок 35 8. Найдите в коде конструкцию с названием изображения рисунок Рисунок 36 9.

Создание сайта домашняя страница в kompozer

Рисунок 37 Внесите аналогичные изменения в другие «пути» для всех изображений рисунок Https://myshlaev.ru/razrabotat-internet-magazin-pod-klyuch/sozdanie-sayta-gosudarstvennogo-uchrezhdeniya.php 38 Сохраните файл, обновите страницу в браузере. Проверьте работоспособность скрипта, кликнув на изображении.

Создание сайта домашняя страница в kompozer-Инфопланета - Урок Практическая работа № Интернет: создание Web-сайта

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

Создайте таблицу в полном соответствии с рисунком Для создания списков необходимо выполнить следующие действия: - выделить элементы списка; - указать тип списка — Маркированный или Нумерованный. Для изменения формата уже существующего списка необходимо: - выделить элементы списка; - выбрать пункт меню Формат — Список — Свойства списка. Под таблицей с темами лекций и практических занятий вставьте оставшийся текст из блока 5. Текст из раздела «1. Самостоятельная работа студентов предполагает:» отформатируйте маркированным создание сайта домашняя страница в kompozer, как на рисунке 42, удалив предварительно все дефисы.

Я рад приветствовать вас на своей домашней странице. Здесь я расскажу вам о себе, своей семье и друзьях». Выделите этот текст и примените к нему следующие настройки: шрифт — Verdana, размер — Medium, стиль абзаца — Обычный текст, цвет текста — черный, выравнивание — по центру. Результат на рисунке ниже. Рисунок 10 Сохранение страницы 8.

Создание сайта домашняя страница в kompozer

Перейти папку site. Чтобы сохранить созданную страницу, выберите пункт Файл — Сохранить, выберите папку site и введите имя файла — index. Нажмите кнопку Сохранить. Рисунок 11 Запустите файл index.

Создание сайта домашняя страница в kompozer-Основы сайтостроения (§§ 13 - 15) | Интерфейс программы KompoZer

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

Для текста используйте выравнивание по ширине. Остальные параметры аналогичны параметрам текста главной страницы. У Вас должен получиться примерно такой результат. Рисунок 13 Скопируйте в папку site изображение petya. Прежде, чем вставлять изображение, веб-страница должна быть обязательно сохранена! Для добавления изображения на веб-страницу необходимо: — убедиться, что веб-страница сохранена; — установить курсор в место вставки рисунка; — выбрать пункт Вставка — Изображение; — с помощью вкладки Адрес задать адрес изображения либо выбрать файл с изображением с помощью кнопки Открыть; — здесь же ввести текст всплывающей подсказки и альтернативный текст при необходимости ; — с помощью вкладки Размеры задать размеры рисунка если необходимо выполнить масштабирование ; — с помощью вкладки Внешний вид задать отступы от изображения до текста по горизонтали и вертикали, а также определить расположение текста по отношению к изображению; — если рисунок должен выполнять роль гиперссылки, то с помощью вкладки Ссылка задать адрес документа, на который будет осуществляться переход.

Для этого выполните команду Файл — Сохранить, выберите папку site и введите имя файла. Рисунок 14 Добавьте изображение, для этого: — установите курсор в начало первого абзаца текста; и продвижение разработка реклама сайтов выберите пункт Вставка — Изображение; — выберите файл petya.

Создание сайта домашняя страница в kompozer

Рисунок 16 Должен получиться такой результат, как на рисунке ниже. Рисунок 17 Создание таблиц и списков на web-странице С помощью программы KompoZer добавим к нашему сайту еще две страницы: «Мое расписание уроков» и посмотреть еще учителя».

Создание сайта домашняя страница в kompozer

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

В одной ячейке разбиение идет по горизонтали ИЗО и Музыка — это означает, что занятия по этому предмету проходят раз в две недели поочередно. В двух ячейках разбиение идет по вертикали французский и английский языкичто означает деление класса на две группы и их параллельные занятия у разных преподавателей.

Создание сайта домашняя страница в kompozer-Интерфейс программы KompoZer

Кроме того, первая строка создание сайта домашняя страница в kompozer первый столбец таблицы выделены другим цветом. Для начала создайте таблицу с простой структурой без деления ячеек, как уже было описано выше. Размер таблицы — 6 строк на 6 столбцов, Рамка — 1, Выравнивание таблицы — влево, Поля нажмите чтобы прочитать больше 2 пикселя, Поля внутри ячейки — 2 пикселя. Рисунок 20 В результате получим таблицу с примерно одинаковой шириной и высотой всех ячеек, выровненную по левой границе окна.

Рисунок 21 Если возникает необходимость изменить некоторые свойства уже существующей таблицы, то нужно: — установить курсор в любую ячейку таблицы; — выбрать пункт меню Таблица — Свойства таблицы; — изменить нужные свойства всей таблицы вкладка Таблица или отдельных ячеек вкладка Ячейки.

7 Comments

  1. Доверьте свой переезд профессионалам, и мы поможем спланировать дачный переезд самого начала! Ведь оперативный и аккуратный дачный переезд сбережет собственное время и нервы.

Leave a Reply

Your email address will not be published. Required fields are marked *