Печать

Пожалуйста, войдите или зарегистрируйтесь.
1 час 1 день 1 неделя 1 месяц Навсегда

[vladusan]

Небольшое отступление.
Для тех, кто все-таки желал бы освоить именно блочную верстку сайта на HTML (не как мы, делающие на движке WordPress), есть замечательная книжка Игоря Квентора "Блочная верстка сайта":



Книжонка махонькая, написана с юмором, без посторонней рекламы. А главное - человеческим языком и рассчитана на "чайников". Распространяется абсолютно бесплатно. Весит полмегабайта. Написана в формате PDF.

Если кто-то поставит себе целью освоить сайтостроение именно самописное, на кодах, я еще рекомендовал бы 2 бесплатных видеокурса Жени Попова "HTML" и "CSS".

Все это легко найти на просторах тырнета.

Про себя скажу, что не будучи особо новичком в кодах (правда и далеко не эксперт), я вновь и вновь пересматриваю отдельные уроки Попова - моего гуру в IT-технологиях. 

[Идеи Малого Бизнеса]

[vladusan]

       Ну вот, окошко во времени у меня появилось. Можно пока продолжать.

       Что у нас появилось в результате всех проделанных до этого манипуляций? Появился чистый лист. Без заголовка (хедера и дескриптшена), без боковых колонок. Один чистый лист.
Вот его мы и превратим в одностраничник. Почему не в лендинг, спросите вы? А вот почему.

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

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

       Это знаете, как автомобильном деле: кто-то любит копаться в моторе, а кто-то, мало разбирающийся в железе, просто любит искусное вождение.

       Так и мы. Я чуть-чуть рассказал про "мотор", а теперь перейду к приемам вождения 

[vladusan]

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

[Идеи Малого Бизнеса]

[vladusan]

Так. Теперь решим - что будем продавать такого интересного в своем одностраничнике?
Я предлагаю...  Хм! Даже не знаю как и назвать этот предмет...
Сейчас подумаю вслух:
- "Одноколесный электрический скутер"
- "Одноколесный электровелосипед"
- "Складной скутер"
- "Электроцикл"

Вот это последнее название я и возьму. Ведь надо же на чем-то остановиться?

А вот и сам электроцикл:

[vladusan]

Для начала идем в мой любимый Алиэкспресс. Находим там это чудо и ставим себе в закладки.

[Идеи Малого Бизнеса]

[vladusan]

Теперь создаем заголовок.
Заходим в свой одностраничник, и далее в админку. Жмем в левой консоли на слово "Страницы".
перед нами появится редактор нашей страницы.

[vladusan]

Теперь переводим редактор в "Визуально". Жамкнем по этой кнопке.

[Идеи Малого Бизнеса]

[vladusan]

Теперь набиваем текст заголовка. Сначала просто набиваем текст.

[vladusan]

Теперь делаем его:
- по центру;
- крупно;
- красным цветом.

Для этого полностью выделяем текст заголовка и пользуемся кнопками редактора в его панели.

[Идеи Малого Бизнеса]

[vladusan]

Не забываем время от времени нажимать справа кнопку "Обновить"!

[vladusan]

Теперь посмотрим, что получилось. Переходим в парадный вход сайта. Как?
После того, как мы жамкнем на "Обновить", вверху появится такая надпись:



Жмем на слово "Посмотреть".
У нас появляется наша страница:




Обаньки!!! Это мой прокол. Вам показал как изменить коды четырех файлов, а сам этого не сделал! Сейчас тоже изменю эти 4 файла:
1. Стили
2. Подвал
3. Функции
4. Заголовок

Коды возьму прямо отсюда (смотрите в предыдущих топиках).

[Идеи Малого Бизнеса]

[vladusan]

Ну вот, теперь получилось то, что надо.



Кстати, сама страница у нас белая. Хорошо видны верхняя и нижняя границы.
Вот тут возникает нюанс. Если оставить страницу белой, то по крайней мере верхняя граница (бордюр) будет смотреться как грязь.

А знаете что?
Давайте я покажу оба варианта.
1. Как сделать страницу цветной.
2. Как, оставив страницу белой, избавиться от верхней границы, создающей грязь.

[vladusan]

Вариант 1-й.
Делаем страницу цветной, скажем бледно-голубоватой.
Для этого придется вернуться в админку.

[Идеи Малого Бизнеса]

[taf10]

Ура! Вы вернулись!) Продолжайте, пожалуйста)

[vladusan]

Заходим в редактор. Нам автоматически раскроется таблица стилей.
В таблице стилей находим вот это место:



Нам нужно в указанной строчке убрать косые черточки (слэши) спереди и сзади. А заодно убрать звездочки.

А вот это место, где решетка и три буквы "eee" надо заменить вот на это #F7FCFD.
Должно в итоге выглядеть вот так:



Теперь заходим с парадного:



И смотрим что получилось:



Мы получили голубоватый фон страницы. В этом случае верхняя бордюра оправдана.

[Идеи Малого Бизнеса]