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

Рассмотрим процедуру создания простого сайта (домашней страницы) в редакторе KompoZer (версия О.8Ь3). Для начала опишем интерфейс программы и перечислим основные приемы работы с текстом, гиперссылками и графикой. – Менеджер сайта позволяет загрузить созданную страницу на сервер. Рисунок 5. Интерфейс программы KompoZer. Рассмотрим работу с текстом, гиперссылками и изображениями на примере создания «Домашней страницы Пети Иванова». Наш сайт будет состоять из. На прошлых уроках мы узнали о том, что интернет, это не только система глобальных компьютерных сетей, а так же и глобальная информационная система, которая обеспечивает пользователям возможности доступа к информации и общения между собой. Важнейшей и.

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

Создание сайта домашняя страница-Добавьте в первую строку нашей главной страницы сайта заголовок: «Домашняя страница Пети Иванова». Выделите текст и отформатируйте его следующий образом: — выберите шрифт Arial Формат — Шрифт ; — стиль абзаца создание сайта домашняя страница Заголовок 1 Формат — Абзац ; — размер шрифта — medium Формат — Размер ; — цвет текста — коричневый Продолжение здесь — Цвет текста ; — стиль текста — полужирный Формат — Стиль текста ; — выравнивание — по центру Формат — Выравнивание. В новую строку скопируйте следующий текст не забудьте применить к создание сайта домашняя страница тексту функцию Формат - Убрать все стили текста из главного меню программы : «Дорогие друзья!

Меня зовут Петя Иванов. Я рад приветствовать вас на своей домашней странице. Здесь я расскажу вам о себе, своей семье и друзьях».

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

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

Рисунок 12 Теперь создайте вторую страницу сайта Файл — Создать. Задавать глобальные настройки страницы, создавать заголовок и добавлять текст вы уже умеете.

Создание сайта домашняя страница-Дополнительные материалы к уроку:

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

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

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

Для этого выполните команду Файл — Сохранить, выберите папку site и введите имя файла. Рисунок 14 Добавьте изображение, для этого: — установите курсор в начало первого абзаца текста; — выберите пункт Перейти — Изображение; — выберите файл petya. Рисунок 16 Должен получиться такой https://tmpromotop.ru/skolko-stoit-razrabotat-internet-magazin/sozdanie-sayta-bloga-na-wordpress.php, как на рисунке ниже. Рисунок 17 Создание таблиц и списков на web-странице С помощью программы KompoZer создание сайта домашняя страница к нашему сайту еще две страницы: «Мое расписание уроков» и «Мои учителя».

Для создания расписания уроков будем использовать таблицу, а для списка учителей — маркированный создание сайта домашняя страница.

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

Создание таблиц Создайте новую страницу с глобальными настройками, как и у предыдущих страниц. Сохраните ее под именем rasp. Вверху страницы создайте заголовок «Мое расписание уроков».

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

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

Для начала создайте таблицу с простой структурой без деления ячеек, как уже было описано выше. Например, у нас есть элемент списка с классом. Не рекомендуется решать задачи, которые явно относятся к уровню CSS создание сайта домашняя страница помощью JavaScript, пытаясь как-то выровнять объект или добавить ему стили при наведении и пр. Опять-таки, возвращаясь к теме Mobile First, нельзя не упомянуть о 2-х концепциях, которые коррелируют с данной техникой. Progressive Enhacement и Graceful Degradation, что нажмите чтобы перейти как прогрессивное улучшение и последовательное ухудшение. Данные принципы описывают 2 разных приведу ссылку к разработке: в первом случае мы разрабатываем наш сайт, пишем скрипты с учётом старых браузеров и систем или же определяем поведение при невозможности запуска скриптов, а затем постепенно улучшаем скрипт, вводя современные функции и методы, таким образом мы получаем сайт, который будет одинаково хорошо работать в старых создание сайта домашняя страница новых браузерах и средах то же касается и создание сайта домашняя страница.

При Graceful Degradation подход противоположный — мы разрабатываем для современных браузеров и, лишь, потом начинаем вносить доработки и изменения с учётом старых версий. Подход Mobile First чем-то схож с Progressive Enhacement. Проверка кода После написания html, css и js для нашей страницы необходимо проверить всё ли сделано верно. Нужно сказать, что GS предлагает не только макеты для создания дизайна, но и свою систему именования классов.

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

Используя предлагаемые классы при вёрстке и при подключении css файла системы в проект, блоки сайта будут выстроены по этой сетке, что сэкономит время на написании практически того же самого самостоятельно. Плагин для работы с данным средством можно установить, например, в Sublime Text, тогда у вас создание сайта домашняя страница возможность не писать громоздкие куски кода на html и css, а записывать больше информации в строчку, раскрывая затем в полноценную разметку. Например, строка. В плане CSS, например, становится легче работать с браузерными префиксами, так как одна строчка с CSS3 свойством может быть раскрыта в несколько с добавлением необходимых префиксов.

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

Опять-таки, с помощью jade писать html становится быстрее и удобнее, а так же появляется возможность создания переиспользуемых блоков кода и посмотреть больше, передавая которым на вход те или иные параметры мы будет получать нужную разработка веб проконсультируем разметку. Благодаря jade в проекте, касательно разметки и написания страниц, может поддерживаться модульность, а часто используемые названия и блоки кода создание сайта домашняя страница выноситься в качестве переменных названия, имена страниц и пр.

Командная строка Работа в командной строке так же может ускорить некоторые этапы работы над проектом, например, создание папок и файлов. Таким образом мы сэкономили время на создание папки, написание её названия, создание файлов и пр.

5 thoughts on “СОЗДАНИЕ САЙТА ДОМАШНЯЯ СТРАНИЦА”
  1. По моему мнению Вы не правы. Я уверен. Могу отстоять свою позицию. Пишите мне в PM.

  2. Теперь стало всё ясно, большое спасибо за помощь в этом вопросе.

  3. По моему мнению Вы ошибаетесь. Давайте обсудим.

Leave a Reply

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