Полюбите код! И он полюбит Вас!

Это интересно:

Рейтинги страниц.

Как сделать сайт с чего начать инструкция шаг за шагом делаем сайт

Как сделать сайт!? С чего вообще начинают создание сайта!?

Когда я начинал делать сайт, то ни разу не видел сайт, на котором бы объяснялось, что нужно делать шаг за шагом, чтобы у вас был готовый сайт!

Некоторые подумают, что вот, я начну создавать сайт, прямо с установки движка и буду там разбираться! Уверяю вас, Скорее всего, у вас ничего не получится!

Вам нужно получить хоть какие-то минимальные знания HTML + CSS. Начинать с азов!  Но как получить знания!? Ведь это такая скука изучать создание сайтов по книжке! Нужно делать то, что будет на этой странице! Здесь самая свежая информация!

И может быть, через некоторое время, вы сможете сделать полноценный сайт! Если к этому времени вы это не забросите! Полюбите код! Тогда вам не будет равных в создании сайтов!

И далее мы делали темы шаг за шагом, но тем стало так много, что для более камфорного понимания всего контента, который представлен на данной странице выведем маленькую карту для навигации по странице.

Хостинг + домен.

HTML

Сайт в блокноте

Таблицы

Заголовки

Шрифты

CSS

Цвет, заднмй фон - Background, генератор цвета.

Абзац

Комментирование на сайте

Делаем своё комментирование на сайте

Все о картах sitemap

Всё о Div.

Разное

JavaScript

VK

Сайт, шаг, за шагом + видео

Кодировка

htaccess

Рег.ру

Isp-manager

Домен, хостинг и др.

Давно пользуюсь и вам рекомендую - домен + хостин RuWeb.net

1.

Где купить домен,

1.А.

Бесплатный домен,

1.Б.

Продлить домен

2.

После того, как выбран домен, нужен хостинг.

2.А.

Продление хостинга.

3.

Днс сервера, подключить, настроить

Бесплатный хостинг.

Почему не нужно использовать бесплатный хостиг



Немного о HTML и CSS

Tags - теги.

Статичная страница, что это, пример, разрешение.

Что такое - CSS?

Html страница

Редактирование сайтов онлайн

Первый шаг создание сайта     Код

Вход и выход из админ панели

Простой плеер



Сайт в блокноте

1.

После этого начнём с первой страницы! Ведь путь в 1000 шагов начинается с первого шага!

Страница в блокноте html , сделать , код , скопировать,

а)

Пример страницы html в простом текстовом блокноте!

2.

Кодировка страницы

а)

Пример страницы в блокноте, в которой нарушена кодировка.

б)

Пример первой страницы в Notepad++.

3.

Таблица в блокноте, сделать, создать, html, для сайта

Пример.

4.

Как установить ширину таблицы в блокноте!?

Пример.

5.

Таблица по центру.

Пример.

6.

Ширина столбца, html, изменить,

Пример.

7.

Каркас страницы, сделать, html

Пример каркаса страницы.

Таблицы

1.

Таблица в блокноте, сделать, создать, html, для сайта

Пример.

2.

Ширина таблицы, html, задать, изменить.

Пример ширины таблицы

Ширина таблицы через css.

Пример.

Пример CSS.

Ширина столбца, html, изменить,

Пример.

Ширина столбца через css

3.

Таблица по центру.

Пример.

4.

Каркас страницы, сделать, html

Пример каркаса страницы.

5.

Граница у таблицы.

Цветная граница таблицы

Толщина границы таблицы

Заголовки.

Заголовок html.

Пример

Высота заголовка.

1.

Высота заголовка регулируется на самой странице и в самом теге заголовка.

Пример!

2.

Высота заголовка через css.

Пример 1- Высота заголовка через css.

Пример 2 - Высота заголовка через файл css.



Шрифты

Awesome шрифт подключение

Awesome ошибка

CSS

1.

CSS.

Для следующего нашего шага создания сайта я не буду делать отдельную страницу! Я просто напишу здесь пару абзацев.

После того, как мы сделали каркас страницы, самое правильное коснуться css.

Почему именно в этом пункте!? Почему не стоит делать и сайт без css!

И самое главное!  Не бойтесь нового! Это просто интересно!

1.1.

Что такое css.

1.2.

Как сделать css.

Пример файла css.

1.3.

Как прикрепить css.

Как растянуть блок по содержимому!? Код

Как растянуть блок по содержимому!? Код

Круг css Код

Бордюр css

Эффект поворот фото css

Цвет, заднмй фон - Background, генератор цвета.

1.

Поскольку нам пришлось для демонстрации работы прикреплённого файла(пункт 7.3.),css использовать задний фон, то не будем нарушать нумерацию! И следующим пунктом будет:

1.1.

Цветной заднмй фон - Background color, style, css ,

а.Пример страницы с background-color.

б.Пример страницы с background-color через файл css.

в.Скопировать архив с пунктом 1.1.б..

2.

Цвета html подобрать

Скопировать генератор цвета html



Абзацы

Абзац в html.

Пример абзаца.

Как сделать каждый абзац своим цветом html.

Скопировать код.

Цветной абзац через css.

Пример.

Пример файла css

Php + абзац = автоматический абзац

Отступ абзаца



Комментирование на сайте.

1.Комментирование на сайте источник:http://ecomment.su/.

2.Комментирование на сайте:источник https://www.commentics.org/

Вывод последних комментариев отдельным

3.Комментарии от вконтакте источник https://vk.com/dev/products , Тест



Самая простая система комментирования

Самая простая система комментирования

Всё о карте сайта.

Генератор сайта  sitemap.xml.

Заказать генератор сайта  sitemap.xml.

Ошибки на сайте.



Всё о Div.

Div по центру

Div справа



Разное

Cкрипт подписки, скачать, установить, инструкция, пошагово.

Файл htaccess.

ssl сертификат

isp manager ftp

Редирект с http на https

Корневая папка сайта

Кнопка поделиться, код, зачем нужна, как установить, примеры.

Примеры кнопок поделиться!

Цвета html, цветов, коды, таблица, палитра

как редактировать исходный код страницы<

Подтверждение прав на почтовый емайл

узнать на каком сервере Ucoz находится сайт

Счетчик для сайта

Яндекс метрика счетчик

Убираем #65279

как скопировать сайт

Твиттер не видит картинку

кракозябры на сайте Код

Партнерка для вебмастера

Как назвать папку на сайте.



JavaScript

Посчитать количество знаков в форме.

Cкопировать ссылку JS, Скопировать код, Пример

Что такое JavaScript. Код

Инклуд в явасскрипт

VK

Виджет комментариев вк

Оповещение из виджета вконтакте Код



Все шаги по созданию сайта

Архив с шаблонами

Используемые программы

1.Видео - HTML + PHP + .htaccess, Описание, Скопировать

2.Видео - Одна страница за всех, Описание, Архив с уроком

3.Видео - Вход и выход из админки , Описание , Архив с уроком

4.Видео - Вывод информации на главную в цикле , Описание , Архив с уроком

5. Функция file put contents.Видео - работа функции, Запись в файл

6. Функция - includeВидео, Описание

Кодировка

Кракозябры на сайте

Кодировка страницы

В txt файле кракозябры



Рег ру

Как купить домен хостинг на рег ру

Создание постового ящика на Рег.ру .

Страница не обновляется!



Isp-manager

Isp-manager

ssl сертификат бесплатно

P.S.

17 февраля 2019 - это старый дизайн - мы постепенно перходим на новый дизайн



Просмотров 3588

Друзья!

Для того, чтобы вы получили бесплатную информацию, мы потратили и время и деньги!

Мы существуем от кликов по рекламе!

Если вы не нашли подходящего блока объявлений, то вы еще можете помочь проекту!

Не стесняйтесь!

Даже самая маленькая сумма будет употреблена на продвижение и улучшение проекта!

Заранее благодарим Вас!

Все дела сделаны!

Теперь можно и поиграть!

Понравилась игра!? Растянуть на весь экран

Улучши поведенческий фактор на своём сайте.

Забери код здесь

Пишем полную инструкцию о пользовании ruweb.net + DirectAdmin

RuWeb.net - гибкий хостинг
Индекс цитирования