Как создать простой html сайт, скачать простые шаблоны HTML сайтов, пример. Компания A5.ru предлагает очень большой выбор HTML шаблонов для Вашего. Данный шаблон — уже готовый сайт, который вы сможете изменить под. Бесплатные HTML и CSS шаблоны сайтов различных категорий: бизнес, блоги, компьютерные, корпоративные, персональные, портфолио, простые, . Шаблон сайта — это HTML-код оформленной веб-страницы, который может быть использован для самостоятельной работы над сайтом. В архивном файле Вы найдете таблицу со стилями, изображения и две готовые HTML-страницы блога. Блог — Дата Инлайф — создание адаптивных сайтов, раскрутка сайтов Перед нарезкой сайта обязательно обсудить с дизайнером готовый psd- макет!!! Основные ключевые моменты. Выслушать рекомендации дизайнера и приступать в работе! Настройка Dreamweaver- а. Каждый раз при нарезке нового сайта на www. В верхнем меню выбираем Site => Manage sites => New => Site. В появившемся окне вводим доменное имя будущего сайта => Мы работаем с использованием серверной технологии PHP My. SQL, что и необходимо выбрать в следующем пункте => Редактировать файлы мы будем непосредственно на сервере, поэтому в следующем окне выбираем пункт 3 “Edit directly on remote testing server using local network”. Чуть ниже выбираем папку где будут храниться html- файлы. Адрес следующий: ” P: \www\proba. Имя сайта > \cur\html\”. Далее вводим URL- адрес в интернете, по которому сайт будет доступен в время его разработки. Адрес следующий: “http: //www.< Имя сайта >. Если нажать кнопочку “Test Url” должно быть написано”The url Prefix test was successful”. Далее жмём “OK” , “Done” => сайт настроен! Кстати, сайт доступен с любого компьютера! Подготовка графики для дизайна сайта. Получив от дизайнера макет в psd- формате, приступаем к подготовке графики. При этом надо помнить что “вес” страницы сайта в основном задаёт именно графика! Графические фалы должны быть оптимизированы до минимального обьёма при практически незаметном для глаз снижении качества картинки. Собственно нарезка шаблона. Как известно, дизайн всех страниц содержится в одном шаблоне (если имеется несколько вариантов дизайна – то в нескольких, но об этом чуть позже). Открываем в Dreamweaver- е этот шаблон (лежит на “P: \www\proba. Имя сайта > \cur\etc\templates\ main. Если его там нет, то копируем из папки. P: \www\proba. ru\< Имя сайта > \cur\setup\templates\ Открываем таблицу стилей P: \www\proba. Имя сайта > \cur\html\design. Если нужный файл отсутствует – создаем сами. В шаблоне сайта main. Весь каталог бесплатных HTML шаблонов и CSS шаблонов сайтов на сайте html-templates.info. Используйте готовые шаблоны, чтобы создавать лендинги с высокой конверсией в течение часа без HTML и дизайнера! Можно конечно и большой сайт на чистом html сделать, если не. На главной пишется название сайта, на страницах — заголовок. Небольшие рекомендации по дизайну: необходимо включить в дизайн в main. Вместо этого можно переопределить нужный стиль скопировав его оттуда в design. Контентные блоки (Content blocks)Всё содержимое main. Например, для интернет- магазина компьютерных комплектующих это может быть блок “специальное предложение”, причем на страничке с мониторами будет спецпредложение по мониторам фирмы “Benq”, а на странице жестких дисков – акция по винчестерам “Seagate”.(!) Для работы с контент- блоками должен быть создан пункт admin в admin mode нашего сайта. Если такового нет, то создаем в следующем порядке: Залогиниваемся в Мозилле на нашем сайте (обычно подходит стандартный логин/пароль admin/admin- password)Добавляем статическую страницу admin. В разделе access страницы “admin” необходимо назначить права доступа на эту страницу и все вложенные (страница должна быть доступна администратору и недоступна для простых юзеров). Для этого в поле доступ ставим “запретить”, в поле “ Действия ” отмечаем галочкой “все”, и в поле “ Субъекты ” выбираем “все субьекты”; после чего нажимаем “Добавить правило”К ресурсу admin добавляем последовательно разделы Content Blocks,Picture manager и Service (при этом выбираем соответствующий Тип ресурса внизу). Для удобства можно сверстать содержимое будущего контент блока непосредственно в main. Заходим в раздел admin=> Content Blocks Справа в поле “Имя (атрибут name)” вводим имя блока (произвольное, лучше легко запоминающееся, отражающее содержание блока); в поле “ Содержимоеблока ” соответственно переносим html- код блока из main. Добавить блок”. Заходим в раздел admin => service => редактор именованных множеств ресурсов каталога сайта. Там как раз мы сможем очень быстро и легко выбрать те страницы, на которых будет отображаться наш контент- блок. Делаем так: в таблице “Named sets” жмём “Create new” и вводим имя (можно как у контент- блока, чтобы не перепутать, ведь их моежт быть несколько) Далее проставляем галочки напротив нужных нам страниц и жмём “Submit Query”В main. В данном случае контент- блок необходимо вставлять таблицей целиком, в шаблоне это должно выглядеть так< td valign=”top”>. Открываем engine. Ищем там строку “; inherit. Меняем значение на “on”, сохраняем и закрываем файл. Создаем в папке \cur\html\ файл intro. В дримвивере генерим html- код в соответствии с прилагаемым psd- макетом. Заставка готова! Дополнительные шаблоны Как мы знаем, в шаблоне main. Однако часто бывает что страницы сайта отличаются настолько сильно, что одним шаблоном тут не обойтись, или даже имеется несколько различных вариантов дизайна страниц, в этом случае необходимо сделать несколько шаблонов. Пример 1. Заходим в “edit” admin mode в мозиллу на страницу “игровые автоматы”. В атрибутах ресурса в пункте “Файл” из длинной строки запоминаем последние цифры (это id ресурса – запоминаем его например . Дизайн страницы “игровые автоматы” и вложенных в неё отличается от всех остальных страниц сайта, имеющих одинаковый дизайн. Снимаем комментарий в engine.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
November 2016
Categories |