Урок 8 (ч. 3). Вставка картинки в статью на Joomla(способ 3)

Автор Alla Bessonova
Урок 8 (ч. 3). Вставка картинки в статью на Joomla(способ 3)

добавим также в нижнюю статью тоже картинку во вступительной части, но для этого опять так ему будем уже поступать как было здесь на уроке.

Это уже не сохраняем открываем папку. Так у нас статья называлась. Наследие так.

Давайте ещё раз посмотрю тогда.

Наследие скифов и. Алан Ну будем добавляться данную картинку изображение уменьшаем видео тоже огромное картинка наверняка занимает большое место 300 пикселей. Ирина 200 пикселей по высоте нажимаю. О'кей сохранить для веб сохранить сохраняем свернем Photoshop далее мы вот эти картинки мы будем составлять уже на этот раз следующим способом мы все эти картинки выделяем исключением конечно этой картинке. Нам нужно только миниатюрка отсюда копируем данные картинки будем эти фотографии ставить. Где расположена наша папка с нашим сайтом поэтому. Заходим в мой компьютер можем зайти также на локальный диск C в сервисе так далее по маршруту зайти на локальный диск Z com localhost www.rabota.ua попросить я и внутри этой папке есть imagens вот данная папка все наши картинки обычно идут как раз туда. О чём я говорил ранее вам вот наш папка Home которую мы создали и поскольку сюда я сейчас не хочу вставить данные файла хочу создать свою папку ещё раз мы создадим папку папка будет называться двойка. Неважно как у его назовёте я. Вставляю сюда меня типа нашу я вырезаю отсюда и ставлю. Ну, а теперь мы можем составить. Все душу статью в данной фотографии переходим на эту статью. Так — это у нас. Наследие скифов вставляем изображение для вступительного текста материала Home миниатюрка выбрали она вот для полного текста материала я не буду туда в самое начало ставить буду ставить чуть-чуть ниже поэтому сюда. Я ничего не вижу никаких фотографий ну. Давайте сохраним себя посмотри пока вот добавила картинка поступить сейчас нашей статье. Ну и остаётся. Добавить сюда остальные картинки. Ну давайте над цивилизация скифов и аланы изображение. Со второй попытки вставить размещаем центру теперь. А где тавры, но чуть-чуть можно ниже. А есть там картинка с товарами называется вот тавры установить идём дальше. Дальше сарматы тоже здесь сделаем пространство для вставки картинки изображения открываем Chrome ну здесь добавила. Давайте Вот церковь ставить и неапольский. Неаполь скифский здесь есть тоже картинка соответствующая этой статье изображение называется. Неаполь поданная картинка ставить. Теперь всё — это мы сохраним посмотрим, что мы получим переходим на подробнее письмо наши фотографии конечно вылезают из статье конечно так мы не должны — это оставить здесь мы — это всё подкорректировать должны поэтому можете — это делать вручную как я показал он на прошлом уроке а. Можете зайти в код исправиться здесь размер данных карте. Ну я буду делать — это на глаз площади не будем брать 600 пикселей 600 пикселей и центрировать каждую картинку. А как пускаем всё поправили. Разместили по центру теперь сохраняем статью проверяем F5 вот мы видим, что наши картинки ложатся очень хорошо все по центру все имеют одинаковую ширину вот мы добавили все картинки. Ну и. Давайте перейдем на главную страницу и вот смотрите на главной странице мы видим, что наши кнопка подробнее находится рядом с картинкой, а вот наверху эти кнопки у нас находится выше чтобы было единообразие на нашем сайте конечно было бы хорошо если эта кнопка находилась снизу. Давайте Это тоже поправимое для этого можем наверху добавить или немного текста или же нам надо будет нажать здесь один или два enter.az посмотрим так нет недостаточно нажимаем ещё один. Интер сохраняем на главную обновляемся. Теперь всё получилось если нажимаю кнопку подробнее то мы с вами видим, что здесь образовался разрыв образовался разрыв поэтому желательные — это в статье делать не так как мы сделали с помощью. Инстаграм А с помощью копирования ещё какого-то текста наверх пусть будет даже — это одно предложение. Мы отсюда вырежем государстве здесь под сократим сохраняй. Проверяем так ну здесь конечно хорошо я на главную. Анну и здесь всё замечательно.

0 комментариев
0

Читайте также