Интрига тут! разработка сайтов на drupal

Автор Nadezhda Belousova
Интрига тут! разработка сайтов на drupal

Здравствуйте.

С вами. Екатерина Хохрякова и. Сегодня я расскажу как создать свой мини-сайт воронку в программе Macromedia дримвивер.

Если вы не за, что такое вообще HTML код и как его необходимо прописывать для начала мы нажмем файл у неё выберем пункт Basic pH и нажимаем привет.

У нас появляется с вами окно заходим здесь вот у нас три вкладки вкладка дизайн то есть где мы будем с вами прописывать. Наш текст с сайта кнопка код отображает код нашей с вами странички и. Сплит То есть — это совмещённая такая функция где мы видим и кот и дизайнов страничке. Мы будем с вами на вкладке дизайн для начала зададим название нашему сайту называть его как хотите. Я для примера назову мини-сайт можно на русском можно на английском без разницы нажимаем на кнопочку таблица. Выбираем одну колонку то есть одна строчка у нас всего будет ширина нашего с вами на основе колоночки 700 пикселей в районе 600-700 Pixel будет достаточно. О'кей Вот она создалась с вами одна строчка. Нам необходимо выровнять по центру чтобы было всё нагляднее симпатичная у нас есть кнопка. Билайн Что означает в делаем по центру на таким образом высоту мы можем регулировать. А ну смотрите наш курсор с вами оказался под и где-то с левого края до того чтобы у нас оказался в верхней части по центру мы идём вот сюда и где написано нажимаем топ образуются в верхней части то здесь можно от будто — это снизу Middle посередине. Нам необходимо топ тоже здесь лево-право выравнивание по ширине. Нам необходимо по центру вот таким образом здесь вводим текст который мы хотим видеть свои сайте у меня уже есть заготовка текста. Я просто копирую таким образом я. Вставляю Ну так — это будет выглядеть смотрите у меня там текст в. Ворде был уже отредактированный красный цвет присутствовал здесь у нас всё чёрным. Ну ничего страшного. Мы можем — это всё отредактировать наш с вами сайт воронка должен состоять из заголовка он должен быть обязательно крупным то есть выбираем. Заходим в формат heading 1 способ заголовок таким образом и сделаем его красным цветом нажимаем сюда я выберу красный. Вот — это у нас будет подзаголовок подзаголовок вот таким образом. Пусть он будет чёрного цвета текст ну. Давайте с вами сделаем так вот там с ним роман вот таким образом смотрите список нас с вами тоже стал по центру необходимо выровнять его по левому краю чтобы было симпатичнее и так как он у нас прижался вплотную к левому краю давайте сделаем отпуск нажмем на эту кнопку так стенд вот у нас произойдет отступ. Давайте вот — это выделим сделаем 13 таким образом я тоже можно выделить красным, всем показывать для примера. Конечно вы можете сами редактировать как вам захочется. Каким образом. Так теперь нам необходимо ставить с вами форму то смотрите сайт воронка должна состоять из заголовка. Я уже сказала подзаголовка продающего текста да то есть то, что человек получит из бесплатного курса. Ну естественно форма на подписку ставим её вот сюда таким образом как у меня есть тоже заготовка идём на вкладку кот смотреть вот между скобками выделяем вот эти вот символы и вставляем наш с вами кот вот таким образом возвращаемся на вкладку дизайн и смотрим результат. Вот появилась наша с вами форма уже красивая. Не смотрите то, что здесь различные символы какие-то непонятные табличка с — это всё потом не будет видно если вы хотите вставить видео допустим на свой сайт — это тоже можно очень легко сделать ставим курсор в том месте где вы хотите видеть твоё видео. Ну например я поставлю сюда и идём на YouTube здесь у нас вот я хочу вставить вот этот видеоролик свой например нажимаем кнопочку отправить строить. Вот и у нас появляется код галочку ставить. Ставим на использовать старый кот встраивания здесь у нас отображается код. Здесь вы знаете размер вашего ролика нотном подойдёт допустим вот 481 360 к. Перу кот идём на вкладку код. Смотрим Да у нас вот курсор стоит выделяем тоже вот эти буковки от скобочки закрывающий до скобочки открываются ни в коем случае не трогаем и вставляем наш с вами код вот таким образом возвращаемся на вкладку дизайн и видим да, что наш с вами видеоролик вставлен. Но для того чтобы просмотреть в полный экран режиме в интернете. Мы можем с вами в этой программе тоже такой сделать предпросмотр нажимаем на эту кнопочку превью здесь мы можем выбрать с вами просмотреть Firefox и в эксплорере. Я нажму Firefox спрашивает сохранить до конечного сохраняем нажимаем вот сюда имя файла оставляем. HTML и даём название назову мини-сайт мини-сайт. HTML сохранить вот таким образом у нас. Это сохраняется автоматически загружаются в браузере сейчас мы увидим как — это всё будет выглядеть вот таким образом — это у нас будет выглядеть да то есть заголовок подзаголовок наши видеоролик с вами и текст да то есть так как мы с вами сделали вот форма с вами. Если вам что-то допустим не нравится просмотрели где-то может быть ошибки нашли или что-то под редактировать хотите возвращаемся обратно в программу Macromedia и уже редактируем на сохраняем — это всё. И снова идем на просмотр вот образом дали уже загружаем на хостинг на этом всё до новых встреч пока пока.

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

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