Как создать шаблон сайта

Загрузить PDF
Загрузить PDF

Это краткое руководство для тех, кто знает HTML и CSS, но не имеет знаний о том, как создать свой макет.

Шаги

Загрузить PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/71\/Design-a-Website-Template-Step-1-Version-2.jpg\/v4-460px-Design-a-Website-Template-Step-1-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/71\/Design-a-Website-Template-Step-1-Version-2.jpg\/v4-728px-Design-a-Website-Template-Step-1-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Есть миллионы различных видов сайтов, из которых вы можете выбрать что-то на свой вкус.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/cc\/Design-a-Website-Template-Step-2-Version-2.jpg\/v4-460px-Design-a-Website-Template-Step-2-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/cc\/Design-a-Website-Template-Step-2-Version-2.jpg\/v4-728px-Design-a-Website-Template-Step-2-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Попробуйте использовать цвета яркие цвета, такие как синий, фиолетовый или оранжевый. Вы также можете настроить цвет под тему вашего сайта.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9f\/Design-a-Website-Template-Step-3-Version-2.jpg\/v4-460px-Design-a-Website-Template-Step-3-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9f\/Design-a-Website-Template-Step-3-Version-2.jpg\/v4-728px-Design-a-Website-Template-Step-3-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Не забудьте включить ссылки на полезные страницы, такие как главная и комментарии.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/28\/Design-a-Website-Template-Step-4-Version-2.jpg\/v4-460px-Design-a-Website-Template-Step-4-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/28\/Design-a-Website-Template-Step-4-Version-2.jpg\/v4-728px-Design-a-Website-Template-Step-4-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Здесь так же, как и с темами, есть масса вариантов расположения элементов на странице.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/7a\/Design-a-Website-Template-Step-5-Version-2.jpg\/v4-460px-Design-a-Website-Template-Step-5-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7a\/Design-a-Website-Template-Step-5-Version-2.jpg\/v4-728px-Design-a-Website-Template-Step-5-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Вы также можете создать ее с помощью сервиса «Google Сайты». Обязательно выбирайте креативное имя!
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/72\/Design-a-Website-Template-Step-6-Version-2.jpg\/v4-460px-Design-a-Website-Template-Step-6-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/72\/Design-a-Website-Template-Step-6-Version-2.jpg\/v4-728px-Design-a-Website-Template-Step-6-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/ec\/Design-a-Website-Template-Step-7-Version-2.jpg\/v4-460px-Design-a-Website-Template-Step-7-Version-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/ec\/Design-a-Website-Template-Step-7-Version-2.jpg\/v4-728px-Design-a-Website-Template-Step-7-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    В этой статье представлена лишь базовая информация по макетам.
    Реклама

Советы

  • Не используйте таблицы для макетов. Это устаревшая технология!
Реклама

Предупреждения

  • Остерегайтесь презентационной разметки! Это плохо.
Реклама

Что вам понадобится

  • Знание HTML и CSS
  • Хорошая графическая программа (не MS Paint)
  • Веб-хостинг для размещения вашего сайта

Дополнительные статьи

Как
создать простую веб страницу в Блокноте
Как
создать простую веб страницу с помощью HTML
Как
задать цвет фона в HTML
Как
создать ссылку для оплаты через PayPal
Как
добавить фоновое изображение в HTML
Как
комментировать в HTML
Как
выделить текст жирным с помощью HTML
Как
задать ширину и высоту картинки с помощью HTML
Как
бесплатно разместить свой сайт в Интернете
Как
подчеркнуть текст в HTML
Как
начать wiki–сайт
Как
использовать теги цвета шрифта в HTML
Как
сделать сайт в Word
Как
создать ссылку на электронную почту в HTML
Реклама

Об этой статье

На других языках
Эту страницу просматривали 4238 раз.

Была ли эта статья полезной?

Реклама