Загрузка сайта makevladakevlad
Создание сайтов

15

окт
2019

1169

Создание сайта бесплатно

Создать сайт самому не так просто. Чтобы сделать сайт, необходимо уметь программировать(писать код) и знать технологии, которые необходимые для сайта

  • CSS
  • HTML
  • Javascript
  • PHP
  • MySQL

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

CSS

CSS переводится как каскадные таблицы стилей. Когда я начинал, мне этот термин ни о чем не говорил, можно даже сказать сбивал с толку. CSS необходим ,чтобы сайт был красивый и приятный для чтения. Через CSS Вы сможете задать

  • Изменить или задать цвет блоку,
  • Для текста - изменить размер, цвет и добавить тень буквам или словам
  • Подключить любой шрифт
  • Добавить изображения
  • Задать бэграунд(фоновый цвет или фоновое изображение)

На современных сайтах используется не только простой CSS, но CSS3. CSS3 позволить Вам сделать следующие

  • Сделать или закруглить рамку
  • Сделать анимацию тексту или изображениям
  • Сделать адаптивный сайт через media запросы. Адаптивный сайт будет корректно отображаться на всех устройствах

Это лишь частичный список возможностей CSS и CSS3. При помощи Вы сможете сделать красивый сайт, выделить текст, сделать анимацию и много другое, чтобы привлечь пользователя.

CSS записывается в файл с расширением *.css. Этот файл является обычным текстовым документом и его можно открыть и отредактировать через обычный блокнот на Windows.

Для быстрой загрузки сайт, рекомендую оптимизировать загрузку CSS следующим образом:

  • использовать один CSS файл;
  • подключить его внизу, перед закрытием тега htmlt;
  • Сжать CSS через специальный сервис по сжатию кода

HTML

HTML переводится язык гипертекстовой разметки. HTML позволит Вам создать каркас страницы, так сказать фундамент. Чтобы посмотреть HTML любого сайта необходимо

  • Либо нажать на любой странице сайта правую кнопку мыши и из списка выбрать Просмотр кода страницы
  • Либо нажать на любой странице сайта нажать кнопки CTRL+U

В HTML, как раз, подключаются файлы CSS.

В html используются парные теги – открытие и закрытие. Например,

. Парный теги не создаются при добавление тегов
и . Через HTML можно создать

  • Таблицу - тэг table;
  • Блок - тэг div;
  • Заголовок - тэг h1. Также используются теги h2-h6;
  • Абзац - тэг p;
  • Цитату - тэг span;
  •  маркированный (нумированный и т.п.) список - тэг ul;
  • подключить картинку - тэг img;
  • добавить ссылку - тэг a;
  • И многие другие тэги.
counter