Открытие! разработка дизайна сайта joomla

Автор Andrei Golubev
Открытие! разработка дизайна сайта joomla

Здравствуйте друзья в эфире.

Татьяна чиронова и сейчас я покажу вам как сделать вот такой вот простой одностраничный сайт с заголовком графическим элементам то есть с надписями и двумя формами по-английски делать сайт мы будем в программе дримвивер. Так начинаем делать сайт на начало. Создайте папочку которые необходимы географические элементы и так вот наш.

Папочка открываем программу дримвивер выбираем создать HTML перед нами открывается 3 окошечко они открываются в том случае если нажато кнопочка разделение сейчас мы с вами создадим свойство страницы то есть сделаем — это вы со страницы и вот здесь вот если вы хотите поставить какую-то фоновое изображение — это нажимаете обзор и.

Выбирайте которые вы создали специально для того чтобы делать сайт и там уже должно быть фоновое изображение этого делать не будем и сделаем цвет выбрали фон нажимаем ок и. Даша Мы с вами делаем табличку табличка — это и есть белый листочек на котором расположена надписи картинки формы подписки чтобы табличку мы нажимаем изображение таблицы и задаем значение. Столбцы оставим так как у нас в середине ширина таблицы возьмём где-то 800 или 900 пикселей в остальных окошечко. Хуна стоят нули нажимаем OK и табличка. Теперь мы должны её выровнять для этого идём вот сюда убираем, а центру либо ещё можно её выровнять другим способом нажал кнопочку лежит выбрать выравнивание и выбрать значение вам нужно для этого табличка должна быть выделена ещё когда полю табличка выделяется. Теперь мы зададим цвет фон у нас должен быть беленький или как его сами захотите выбираем фон белый табличка наши создана. Теперь мы напишем подзаголовок ставим курсор в таблицу выравниванием по центру и пишем текст нам надо опустить немножечко ниже и теперь будем работать с текстом то есть выделим его и разум текст мы можем выбрать стиль и размер. Вот здесь. А можем задать формат то есть сделать надпись заголовком ввк-1 видим как наши надпись изменилось, но она у нас чёрного цвета сейчас прекрасен её в красный этого выделяем заголовок выбираем цвет красный цвет надпись мы сразу дали дальше пишем подзаголовок имеет. Рустам стихнет. Иначе она нас на пишется такими же как и сам заголовок заголовок написали, а дальше мы будем вставить картинку в форму подписки стрелочку и рядом с заголовком и того чтобы поставить значок рядом с подзаголовком вставим туда курс находим иконку изображения нажимаем на неё и ещё на компьютере бабочку в которую мы сохранили все графические элементы которые нам понадобится для сайта и выбираем. Вот этот значок имя OK опять и опять нажимаем OK графический элемент появился чем удобна программа дримвивер, что не надо здесь прописывать адрес сайта адрес папки и название забрать который вмещает, а также дримвивер регулируется размер изображения ставим сюда мышку тянем и картинку увеличить делать с маленькими картинками я это. Не рекомендую так как они становятся расплывчатыми дальше мы с вами поставим коробочку форма подписки. Для этого нам тоже нужно сделать табличку сделанную ширину 627 магия и у нас осталось табличка в этот столбец поставить свою картинку на картинку ищем палочку нашли нужный нам корзиночку если компании выжималки картиночка. Нашествие ангелов переживать для можно разделить таблетку на табличку и теперь с этой стороны чтобы поставить верхнюю стрелочку и форма подписки мы сейчас делаем ещё две таблички чтобы мы спокойно могли двигать форма подписки и стрелочку в личку нажимаем убираем два столбца и — это табличка у нас для стрелочки первом следующую. Точно такую же табличку тоже с двумя столбцами здесь разделили нажимаем OK и начала стрелочку ставим курсор в 11 классов первый таблички нажимаем изображение убираем стрелочку нажимай ники лёгкий стрелочка получилось слишком большая теперь поставим форму подписки для этого ставим курсор в 1 столбца в следующий таблички и ищем этот курсор кошечки кодов вот этот курсор который она стоит здесь теперь копируем код формы подписки удивляемся документе. Екатерин от подписки. Как вы понимаете надо взять на сервисе смартреспондер и в поле кодов. Там где нас курсор вправо кнопочками оставляем. подписки у нас разместилось в нашем сайте введите стрелочка. Значит мы ставим курсор в середину таблички. Там где нас стрелочка. Иран она была посерединке подровнять раздвинет основную таблицу и отменим код чтобы у нас не было слишком близко коробочки. Для этого нам нужны были таблички чтобы было удобнее выравнивать теперь маме просмотр в браузере выбираем браузер в котором мы хотим посмотреть наш сайт желаем дримвивер спрашивать сохранить ли нам изменение нажимаем и выбираем папочку в которой у нас сохранение все графические элементы для нашего сайта открываем её и меняем название и. Безымянный 1. А мы должны вы назвать Index HTML Index HTML — это главный файл нашего сайта сохранением ждём пока открывается браузер браузер открылся и мы видим наш сайт состоит ровненько красиво дальше напишем содержание курса для того чтобы написать текст создаем табличку для содержания курса. Алсу 90 ширина таблички можно сделать капсула желание и и теперь ставим сюда значки который нас будут с каждой строчки составить нажимаем для этого изображения героинь значок нажимаю. О'кей потом направо кнопочки между кафелем этот значок.

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

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