我爱你

银色湖在Zvenigovsky区,Mari El,俄罗斯。 它位于Suslongersky林业的领土上。 湖泊位于Yushut河流域.
А так же:

HTML Cheats list

All HTML tags

Web Color Code

CSS Cursor

HTML Special Characters

Punctuation
    space
– dash
— long dash
¦ ¦ vertical dash
" " double quotation mark
‘ left single quotation mark
’ right single quotation mark
‚ lower single quotation mark
“ left double quote
” right double quote
„ lower double quote
« « left double angle bracket
» » right double angle bracket
° ° degree
´ ´ accentuation
± ± plus-minus
≈ about
≠ not equal
√ Square root
∞ infinity
¼ ¼ one quarter
½ ½ a half
¾ ¾ three quarters
× × multiplication sign
÷ ÷ division sign
Ø Ø diameter
⊗ lamp
&lt; < less
&gt; > more
&hellip; ellipsis
&amp; & ampersand
&#64; @ AC
&#93; ] right square bracket
&#91; [ left square bracket
&#125; } right curly brace
&#123; { left curly brace
&micro; µ micro
&para; abzats
&sect; § paragraph
&permil; pro mil
&ang; angle
&perp; perpendicular
&#8251; footnote
&int; integral
Currency Signs
&pound; £ GBP
&cent; ¢ cent
&yen; ¥ yen
&#36; $ dollar
&#8372; hryvna
&#22291; yuan
&#8376; tenge
&euro; euro
Arrows
&larr; left arrow
&rarr; right arrow
&uarr; up arrow/td>
&darr; arrow to down
&harr; left-right arrow
&crarr; back arrow
&lArr; double left arrow
&rArr; double right arrow
&uArr; double up arrow
&dArr; double down arrow
&hArr; double left-right arrow
&#10144; arrow
&#10148; arrow
&#10149; arrow
&#10150; arrow
&#10163; boom with plumage
&#8634; round arrow
&#8635; round arrow
&#8679; arrow
&#8617; arrow
&#10155; arrow
Signs of the Portfolio
&#9731; snowman
&#8224; cross
&#10006; cross
&#10008; cross
&#10010; cross
&#9766; cross
&#9875; anchor
&#9990; phone
&#9742; phone
&#9749; hot drinks
&#10001; pen
&#10002; pen
&#9884; heraldic lily
&#10084; a heart
&#9728; the sun
&#9729; cloud
&#9730; umbrella
&#10004; check mark
&#9745; check mark
&#9746; cross
&#9773; hammer and sickle
&#9873; flag
&#9872; flag
&#10047; flower
&#10048; flower
&#10046; flower
&#10049; flower
&#10050; flower
&#9993; the envelope
&#10086; cherry
&#8967; wavy line
&#9883; atom
&#9000; keyboard
&#9850; recycling
&#10065; square with shadow
&#10066; square with shadow
&#9672; diamond in the rim
&#9680; circle with shadow
&#9681; circle with shadow
&copy; © copyright
&reg; ® registered trademark
&trade; trademark badge
&fnof; ƒ function sign
&#9997; arm
&#9998; pencil down
&#10000; pencil up
&#9674; rhombus
&#10102; one
&#10103; two
&#10104; three
&#10105; four
&#10106; five
&#10107; six
&#10108; seven
&#10109; eight
&#10130; nine
&#10131; ten
Asterisks and snowflakes
&#9885; star
&#9733; star
&#9734; star
&#10026; star
&#10027; star
&#10031; star
&#9055; star
&#10052; snowflake
&#10053; snowflake
&#10054; snowflake
&#10057; snowflake
&#10059; snowflake
&#10034; snowflake
&#8258; three snowflakes
Zodiac signs
&#9800; Aries
&#9801; Taurus
&#9802; Twins
&#9803; Cancer
&#9804; Lion
&#9805; Virgo
&#9806; Libra
&#9807; Scorpio
&#9808; Sagittarius
&#9809; Capricorn
&#9810; Aquarius
&#9811; Fish
Playing cards
&#9828;
&#9831;
&#9825;
&#9826;
&spades;
&clubs;
&hearts;
&diams;
Greek alphabet
&Alpha; Α Alpha
&Beta; Β Beta
&Gamma; Γ Gamma
&Delta; Δ Delta
&Epsilon; Ε Epsilon
&Zeta; Ζ Dzeta
&Eta; Η This
&Theta; Θ Theta
&Iota; Ι Iota
&Kappa; Κ Kappa
&Lambda; Λ Lambda
&Mu; Μ Mu
&Nu; Ν Niu
&Xi; Ξ Xi
&Omicron; Ο Omicron
&Pi; Π Pi
&Rho; Ρ Ro
&Sigma; Σ Sigma
&Tau; Τ Tau
&Upsilon; Υ Upsilon
&Phi; Φ Fi
&Chi; Χ Hi
&Psi; Ψ Psi
&Omega; Ω Omega
&alpha; α alpha
&beta; β beta
&gamma; γ gamma
&delta; δ delta
&epsilon; ε epsilon
&zeta; ζ dzeta
&eta; η this
&theta; θ theta
&iota; ι iota
&kappa; κ kappa
&lambda; λ lambda
&mu; μ mu
&nu; ν nu
&xi; ξ ksi
&omicron; ο omicron
&pi; π pi
&rho; ρ ro
&sigmaf; ς sigma
&tau; τ tau
&upsilon; υ ipsilon
&phi; φ fi
&chi; χ hi
&psi; ψ psi
&omega; ω omega

All HTML tags

Web Color Code

CSS Cursor


А так же:

Home

HTML Basics

  • HTML basics

А так же:

Шпаргалки web

HTML все теги

Cпецсимволы HTML
CSS Курсор
CSS все свойства
CSS псевдоэлементы
Цвета HTML
Горячие клавиши
микроразметка microformats.org (микроформат)
микроразметка schema.org (микродата)

Внимание! Страница находится на стадии редактирования, поэтому актуальные значения свойства display: будут отображены в течении двух следующих дней.

ДЕЙСТВУЮЩИЕ ТЕГИ HTML. УСТАРЕВШИЕ ТЕГИ ИСКЛЮЧЕНЫ

Всем тегам HTML в браузерах, по умолчанию, присвоено свойство display:, результатом чего существует разделение элементов на блочные и встроенные или строчные.

Каркас HTML документа по версии HTML5

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<title>Документ без названия</title>
</head>
<body>
Контент
</body>
</html>

Служебные теги

Синтаксис Описание display:
<!DOCTYPE> Определяет тип документа none
<head></head> Контейнер в начале страницы для служебных тегов и подгружаемых функций none
<title></title> Заголовок документа отображаемый во вкладке браузера none
<meta> Метаданные страницы none
<link> Подключает внешние сервисы и таблицы стилей none
<script></script> Подключает скрипты к станице none
<style></style> Подключает глобальные стили к странице none
<base> Базовый URL-адрес – домен none
<noscript></noscrip> Блок не поддерживающий скрипты block

Структурные блоки

<body></body> Тело html документа block
<main><main> Контейнер для всего содержимого страницы block
<nav></nav> Контейнер для навигационного меню block
<header><header> Шапка сайта block
<article></article> Блок основного контента, обычно статья block
<section></section> Часть контента с заголовком block
<aside></aside> Часть контента, имеющая косвенное отношение к основному block
<footer></footer> Подвал страницы block
<div> Применяется для создания блочных контейнеров block
<span></span> Применяется для создания встроенных контейнеров block
<figure></figure> Независимый контейнер. Преимущественно для изображений block
<figcaption></figcaption> Заголовок для figure block
<details></details> Контейнер с дополнительной информацией, который можно свернуть или развернуть block
<summary></summary> Заголовок для details, по которому можно щёлкать, чтоб свернуть или развернуть блок block

Текст

<h1></h1>…<h6></h6> Заголовки шесть уровней block
<p></p> Абзац block
<br> Перенос строки block
<wbr> Возможное место разрыва строки none
<hr> Прямая линия none
<blockquote></blockquote> Цитата block
<q></q> Краткая цитата inline
<cite></cite> Источник цитирования inline
<code></code> Фрагмент кода inline
<pre></pre> Неформатированнй код block
<kbd></kbd> Текст моноширным шрифтом inline
<samp></samp> Результат выполнения скрипта inline
<var></var> Выделяет переменные из программ inline
<del></del> Зачёркнутый текст помечается как удалённый inline
<s></s> Зачёркнутый текст block
<ins><ins> Подчёркивает изменения в тексте inline
<u></u> Подчёркнутый текст inline
<dfn></dfn> Выделяет термин курсивом inline
<em></em> Выделяет курсивом важные фрагменты текста inline
<i></i> Выделяет текст курсивом inline
<strong></strong> Выделяет важный текст полужирным inline
<b></b> Выделяет текст полужирным inline
<mark></mark> Выделяет фрагмент текста жёлтым фоном inline
<small></small> Уменьшает размер шрифта inline
<sub></sub> Подстрочное написание H2O inline
<sup></sup> Надстрочное написание R2 inline
<time><time> Дата, время выпуска статьи inline
<abbr></abbr> Аббревиатура inline
<address></address> Адрес автора статьи inline
<bdi></bdi> Изолирует текст читаемый справа на лево. Применяется в текстах написанных на двух языках inline
<bdo></bdo> Задаёт направление написания текста inline
<ruby></ruby> Контейнер для Восточно-Азиатских символов inline
<rp></rp> Используется для вывода текста в браузерах, которые не поддерживают тег . В остальных браузерах текст, заключенный в контейнер , не отображается none
<rt></rt> Расшифровка символов block

Таблицы

<table></table> Таблица HTML table
<tr></tr> Строка таблицы table-row
<th></th> Ячейки заголовков столбцов таблицы table-cell
<td></td> Ячейки таблицы table-cell
<thead></thead> Группа верхних строк таблицы. Применяется для общего оформления table-header-group
<tfoot></tfoot> Группа нижних строк таблицы. Применяется для общего оформления table-footer-group
<tbody></tbody> Группа строк в середине таблицы. Применяется для общего оформления table-row-group
<col> Выделяет столбец таблицы table-column
<colgroup></colgroup> Группирует несколько столбцов таблицы для общего оформления table-column-group
<caption></caption> Описание таблицы table-caption

Списки

<ol></ol> Упорядоченный нумерованный список block
<ul></ul> Маркированный список block
<li></li> Элемент списка list-item
<dl></dl> Список с описаниями block
<dt></dt> Строка списка с описаниями block
<dd></dd> Описание строки, списка с описаниями block

Изображения

<img> Изображение html inline
<>map</map> Активные области на карте inline
<area></area> Активная область с гиперссылкой на карте inline
<canvas></canvas> Холст контейнер для динамического отображения изображений созданных с помощью JavaScript inline-block

Формы HTML

<form></form> Формы HTML block
<input></input> Многофункциональные поля формы inline-block
<textarea></textarea> Многострочное поле формы inline-block
<label></label> Обычно текст формы inline
<datalist></datalist> Создаёт список вариантов, из которых можно сделать выбор. none
<option></option> Опция в раскрывающемся списке block
<optgroup></optgroup> Контейнер с заголовком для группы <option> block
<select></select> Контейнер для создания раскрывающегося списка inline-block
<fieldset></fieldset> Группирует связанные элементы формы block
<legend></legend> Заголовок элементов формы, связанных <fieldset> block
<button></button> Интерактивная кнопка inline-block
<keygen></keygen> Генератор ключей inline-block
<progress></progress> Отображает процесс выполнения в числовых значениях inline-block
<meter></meter> Используется для отображения числовых значений таких показателей как количество посетителей, величина давления и т.п. inline-block
<output></output> Поле для вывода результатов вычислений inline

Встраиваемые элементы

<audio></audio> Аудио файл inline-block
<video></video> Видео файл inline-block
<source></source> указывает местоположение и тип альтернативных файлов для <video> и <audio> none
<track></track> Субтитры none
<embed></embed> Встроенный внешний элемент inline-block
<object></object> Контейнер для встраиваемого внешнего элемента inline-block
<param> Параметры встраиваемого внешнего элемента none
<iframe></iframe> Встроенный фрейм block

Ссылка

<a></a> Гипер ссылка inline
А так же:

17 Responses to Шпаргалки web

  1. Vasilisk说:

    Спасибо за урок

  2. stariс说:

    Наверное, всё же, что-то делается не так, раз не получается. Попробуйте начать вот отсюда https://starper55plys.ru/html/yazyik-html/. Только не торопитесь. Повнимательнее.
    Кстати, а откуда возник вопрос о спецсимолах? Спецсимвол – это так далеко от начала.
    Может вы угловую скобку назвали спецсимволом, но тогда как Вы оказались в “Шпаргалках”?
    Шпаргалки будут нужны потом, а пока начните с самого начала. Там нужно только внимательно прочитать, и всё поймёте.

  3. Марина说:

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

  4. stariс说:

    Добрый вечер. XP так XP.

    Нажимаем “Пуск”, наводим курсор на “Панель управления”, открывается меню панели, находим “Установка и удаление программ”, Щелкаем по этой строке, открывается окно со всеми установленными на Вашем компьютере программами, находим Notepad++, щёлкаем по нему, появится выделенная область, в углу которой будет кнопка “Заменить/Удалить”, щёлкаем по ней, откроется “Мастер удаления”, щёлкаем “Далее”, откроется окно с адресом программы, щёлкаем “Удалить”, откроется окно с процессом удаления. Как только процесс завершится, снова откроется “Мастер удаления”, нажимаем “Готово”. Вот и всё. Закрываем окно.

    После удаления почистите кеш браузера. Если не знаете как, то напишите, какой у Вас браузер.

  5. Марина说:

    добрый день, у меня на компе версия ХР. и есть ещё один ноутбук, на котором – 7. но он мне не очень удобен. то, что я поскачивала notepad, то на ХР. подскажите, как его правильно убрать, чтоб ничего от этих программ не осталось. а то если неправильно убирать – комп засоряется и плохо работает. и укажите, пожалуйста, какую версию notepad мне скачать.

  6. stariс说:

    Знакомая история. Поначалу тоже, и ставил, и удалял.

    Может всё сначала? Давайте удалим оба, так как они уже перехлестнулись, и поставим по новой, тот который мой.

    Чтоб точнее подсказать, как это сделать, мне бы знать, какая у Вас версия Windows? Семёрка, или восьмёрка, домашняя базовая, или ХР?

    Потом начнём немного по другому. Мне нужно было сразу, для начала объяснить Вам, простым языком, что такое язык html, что такое теги, и как они пишутся.

  7. Марина说:

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

  8. stariс说:

    Добрый вечер. Если я правильно понял, у Вас не получается вывести на экран словосочетание “Большой заголовок”?

  9. Марина说:

    доброго вечера Вам.
    придётся Вам меня потерпеть, пока не научусь по Вашим же урокам.
    дошла до момента, когда в поле редактора появились цвета: голубой, красный , фиолетовый. теперь пытаюсь между друмя “боди” что-то написать. не получается, как на Вашем примере в статье про Notepad – сразу знак “больше” или “меньше” и h и слеш. во-первых: пишет чёрным, а не фиолетовым, а во-вторых: пишу то, что нужно, > для появления знака спецсимвола, но остаётся та надпись, а не знак. вот как. на днях я говорила, что в браузере показывало закорлючки какие-то, я не знала, как написать спецсимволы и просто скопировала строку у Вашего примера и вставила в редактор. но и тогда не всё получилось
    Вы, пожалуйста, подскажите мне “покнопочно”, что нажимать-набирать. может я потом буду лучше понимать, но пока это – “лес дремучий”.
    спасибо.

  10. stariс说:

    Доброе утро. Ого. Значит дело пошло, раз до спец. символов добрались.

    Суть вот в чём. Когда в редакторе ставишь знак больше или меньше, то браузер воспринимает их как тег (когда открываете), а если тега нет, а угловая скобка есть – то вообще ничего не открывает.

    Поэтому, если на экран нужно вывести угловую скобку, то в редакторе пишется спец. символ.

    Писать его поначалу муторно, потом привыкаешь. Я поначалу просто копировал их и вставлял. Для этого ведь и страницу сделал с ними, чтоб скопировать в любой момент.

    Теперь насобачился. Кстати, если при написания комментария, захочется поставить знак больше или меньше, то нужно тоже ставить спец. символ, иначе, всё что после него, в комментарии не выведется.

    А хороши спец. символы тем, что при помощи их можно выводить знаки которых нет на клавиатуре – градус С°, стрелочки ←→, и т. п.

    Главное, при копировании, не терять точку с запятой в конце. Я с этим мучился.

  11. Марина说:

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

  12. starik说:

    Привет. Могу подсказать в этом направлении, что index в css – это элемент позиционирования. Есть три индекса: по оси х это x-index, далее y-index, и z-index. Элемент которому задан index с числовым значением располагается выше элемента без такового. Или если у обеих есть числовой index, то тот у которого число больше, располагается над другим. Как бы наплывает на него. Может закрыть полностью. Это зависит от свойств top и left Посмотрите у меня CSS Урок 5″Страница из блоков”. Там на рис.4 показано позиционирование по z-index.

  13. Юрий说:

    Вечер добрый! К Вам, как к высшей инстанции, за советом! Изучал в одной из тем, как оформлены виджет в сайдбаре.( ну очень хочется придать вид) Столкнулся, c двумя селекторами widget title. Один как и полагается в CSS, a второй, где прописан радиус. В веб-инспекторе index : 42. В файле index.PHP ничего подобного нет. Что это такое, и где еще могут прописываться стили. У меня уже появилось ощущение – с трудом, но что то начинаю понимать. И тут, такая для меня тайна!!! Спасибо!

  14. starik说:

    Не зря значит старался. Я ведь не собирался этот сайт делать, как-то само получилось. Спасибо за отзыв.

  15. Светлана说:

    Супер! Все прекрасно,обалденно просто и понятно!!!СПАСИБО! ВЫ – МОЛОДЕЦ!

  16. starik说:

    На здоровье! Это всё из инета, я только в кучу собираю.

  17. Игорь说:

    Действительно, шпаргалка. Здорово! Спасибо!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

HTML шаблоны на русском

20 Лучших HTML шаблонов на русском. Разработка под SEO и чистый, лёгкий код.

Компания TemplateMonster представляет подборку лучших HTML шаблонов на русском.

ФинПРО – Финансовый HTML шаблон

ФинПРО - Финансовый HTML шаблон

Детали | Демо



Диагональ – Многостраничный HTML шаблон для рекламного агентства

Диагональ - Многостраничный HTML шаблон для рекламного агентства

Детали | Демо



Mongo – Многоцелевой готовый шаблон бизнес-вебсайта

Mongo – Многоцелевой готовый шаблон бизнес-вебсайта

Детали | Демо



Ru Website Template MetaSoft – готовый HTML шаблон для компании по разработке ПО

Ru Website Template MetaSoft - готовый HTML шаблон для компании по разработке ПО

Детали | Демо



PROTaxing – Многостраничный HTML шаблон аудиторской компании

PROTaxing – Многостраничный HTML шаблон аудиторской компании

Детали | Демо



Мануал-люкс – Готовый Класcический Novi Шаблон Медицинского Вебсайта

Мануал-люкс - Готовый Класcический Novi Шаблон Медицинского Вебсайта

Детали | Демо



ПРОБизнес – Корпоративный Многостраничный HTML Шаблон

ПРОБизнес – Корпоративный Многостраничный HTML Шаблон

Детали | Демо



Ru Website Template Интеллект — креативный HTML шаблон детского центра развития

Ru Website Template Интеллект — креативный HTML шаблон детского центра развития

Детали | Демо



Declar – Правовой Многостраничный HTML Шаблон

Declar – Правовой Многостраничный HTML Шаблон

Детали | Демо



Новое Поколение – Церковный Многостраничный Готовый HTML Шаблон

Новое Поколение – Церковный Многостраничный Готовый HTML Шаблон

Детали | Демо



Развитие – Готовый Инвестиционный HTML Шаблон

Развитие – Готовый Инвестиционный HTML Шаблон

Детали | Демо



Ru Website Template Jacqueline – Real Estate Multipage

Ru Website Template Jacqueline - Real Estate Multipage

Детали | Демо



Инпром – Промышленный Многостраничный HTML Шаблон

Инпром – Промышленный Многостраничный HTML Шаблон

Детали | Демо



Foodure – Готовый Шаблон Веб-Сайта Ресторана

Foodure – Готовый Шаблон Веб-Сайта Ресторана

Детали | Демо



Infant – Готовый Шаблон для Веб-сайта Детского Сада

Infant – Готовый Шаблон для Веб-сайта Детского Сада

Детали | Демо



Concraft – Строительный HTML Шаблон

Concraft – Строительный HTML Шаблон

Детали | Демо



Техностандарт – готовая русифицированная тема сайта промышленной компании

Техностандарт - готовая русифицированная тема сайта промышленной компании

Детали | Демо



Готовая многостраничная HTML Ru тема сайта университета

Готовая многостраничная HTML Ru тема сайта университета

Детали | Демо



Агросервис – готовий многостраничный HTML Ru шаблон сайта органической еды

Агросервис - готовий многостраничный HTML Ru шаблон сайта органической еды

Детали | Демо



Дентис – готовый многостраничный HTML Ru шаблон стоматологического сайта

Дентис - готовый многостраничный HTML Ru шаблон стоматологического сайта

Детали | Демо

А так же:

72 Responses to HTML шаблоны на русском

  1. Андрей说:

    Здравствуйте.
    Столкнулся с такой проблемой. Нужно выгрузить все темы постов с сайта.
    С помощью Export не получается, он все страницы постов выводит в виде кода вперемешку с текстом.
    Не знаете, существует ли подобный плагин или что-то похожее, что может упростить задачу?

  2. Igor4说:

    Уже несколько дней воюю с плагином. НЕ отображаются звезды(((
    При этом сайт статейный и его посещают очень много людей. В чем может быть причина? Может код нужно подправить?

  3. stariс说:

    Добрый вечер Александр. Нет, про такой плагин не слышал. Но ведь тени можно сделать самому. Какие угодно. Вот тут у меня про то как делается тень https://starper55plys.ru/css/kak-sdelat-ten/, и вот тут картинки с тенями https://starper55plys.ru/css/zakruglyonnyei-ugly/, но это только основы. Со всеми значениями можно широко экспериментировать.

    И это без нагрузки на сайт. Ну и подскажу конечно если что.

  4. Александр说:

    Здравствуйте Сергей.
    Подскажите, пожалуйста, плагин, если такой есть, для создания красивой тени от листа с картинкой, которую размещаю на сайте.

  5. Евгений说:

    Ребята, подскажите пожалуйста как можно реализовать такую форму: пользователь пишет номер своей скидочной карты, а в ответ ему на сайте показывается его накопленная скидка или на почту ему высылается эта информация… Может плагин такой есть, в который я заранее буду выгружать эти данные?

  6. stariс说:

    Плагин и инструкцию отправил на указанный в комментарии адрес.

  7. Максим说:

    Хорошая статья некоторые вопросы отпали в процессе прочтения. Нужен плагин Плагин оптимизации изображений.

  8. stariс说:

    Если вам нужен просто отдельный раздел, войти в который можно кликнув на какую либо кнопку, то это можно сделать из консоли WordPress. Именно так у меня сделан раздел Содержание. Если так то уточните, и я опишу подробности.

    Если же нужно войти в отдельный раздел по регистрации, то для этого нужно создать отдельную страницу, и уже на неё повесить форму регистрации.

    Плагина для таких манипуляций я не знаю, да по моему его и нет, во всяком случае бесплатного. Но не факт. Попробуйте погуглить по запросу “Вход по регистрации”, возможно что-то и найдётся.

    Для входа по регистрации на сайт плагины есть, но как их прикрутить к отдельному разделу, я не знаю. Ни разу не задавался такой целью.

    Бесплатных тем, в которых поддерживается такая опция, точно нет.

  9. Рамиль说:

    Добрый день, большое спасибо автору за такую работу!!!!

    Можно вопрос? нужно организовать закрытый раздео на сайте с кнопкой ВХОД. Какой плагин может это обеспечить? Или это не в плагине дело, а тему надо искать?

  10. Нина说:

    Сколько всего интересного и нужного нашла до себя. Спасибо большое за информацию

  11. stariс说:

    Эт лучше в их комментах спросить.

  12. Сергей说:

    Привет всем. Отличная статья!! Подскажи пожалуйста, что за виджет или плагин установлен на этом сайте , внизу, под статьей , хочу себе такой же ) заранее спасибо за ответ.

  13. Людмила说:

    Интересная подборка, о некоторых не знала, некоторые уже использую, буду новые тестить, благодарю за труд!

  14. stariс说:

    Многие из этих плагинов уже реализованы в последней версии WordPress. Так что прежде чем что-то применить, посмотрите документацию движка, или рекомендованные плагины, в админке. Обязательно поинтересуйтесь на форуме WordPress.org, актуален ли ещё выбранный вами плагин. А лучше обойтись вообще минимальным набором плагинов.

  15. Дмитрий说:

    Душевная подборка плагинов!

  16. stariс说:

    Попозже, ладно. Я сейчас вообще в джунглях Мари-Эл. И обратно пока не тянет. Ноут включаю только почту и комменты проверить

  17. Юлия说:

    А вы поставьте кнопки готовые.

  18. stariс说:

    А Вы вставьте ссылку, пока кнопок нет. Давно хочу сделать, да всё руки не доходят. Их ведь ещё нужно к адаптивному дизайну прикрутить. Морока.

  19. Юлия说:

    Добрый день

    Маленькое пожелание к вашему блогу – прикрутить кнопки соц сетей.
    Хочу лайкнуть вашу статью, и сохранить у себя на странице в соцсети, чтобы не потерять – а кнопок у вас нет)

  20. stariс说:

    А какая у Вас версия WP?

  21. Кристина说:

    Здравствуйте! Некоторые плагины, которые мне нужны, не работают, так как у меня установлена более старая версия ворд пресса, чем нужно. Я хочу обновиться, но боюсь, что старые данные будут потеряны. Как быть в такой ситуации?

  22. stariс说:

    Мне уже точно придётся Вас догонять. Отстал как аутсайдер. Даже примерно подсказать не могу. Я ведь в работу с головой ухожу. Сейчас весь в стройке.

  23. Юрий说:

    Не могу сообразить как внести одновременно несколько параметров по разным полям ?

  24. Юрий说:

    Уще раз ,но уже вечер добрый! Как будто,что то на гуглил.

    Будет возможность просмотрите. Желательно проконсультироваться. Ибо до конца еще не “пристроил”. Хочу понять как не все поля выводить в фильтр. Да и другие вопросы. Фу.\,хоть что то нашел. Голова за день постоянного “колупания” гудит.

  25. stariс说:

    Увы, на этот раз ничем помочь не смогу. Но будет время обязательно поинтересуюсь.

  26. Юрий说:

    Доброго дня! К Вам за консультацией. Знаю, что сейчас загружены.А вдруг где то встречали. Ищу решения формы поиска по нескольким критериям для таблицы плагина tablepress. Очень часто на поиск элементарного вопроса теряется столько времени. А проконсультироваться не где 🙁

  27. stariс说:

    Так это же для информации. Выбирайте что кому нужно. У меня на сайте, тоже всего восемь плагинов установлены. Есть и такие же как у Вас.

  28. Olunka说:

    Многовато плагинов получилось, мой must have выглядит так:

    All In One SEO Pack
    Antispam Bee
    RusToLat
    WP-Syntax
    WP Super Cache
    WordPress Related Posts
    Google XML Sitemaps

  29. stariс说:

    Знакомо. Пережил. Попробовал довольствоваться малым. Бросил бизнес и стал мастером. И зажил нормальной жизнью. Строим дом на зарплату всей семьёй. Всё прекрасно образуется само по себе.

  30. stariс说:

    Поздравляю. Я в своё время тоже искал такую штуку, но смог сделать только плагин виджет. Обязательно добавлю этот плагин в каталог.

  31. stariс说:

    Точно! Главное php. Так держать! У меня пока времени нет, но какие наши годы.

  32. Юрий说:

    Wordpres интересная штука!!!!! Если бы еще хорошо ориентироваться в плагинах и освоить основы php . Можно такие сайты создавать !

  33. Юрий说:

    Обвал предпренимательства (или бизнеса). 2й год большой………

  34. Юрий说:

    День добрый! Недавно, в разделе ссылок, задавал вопрос, как разместить различную информацию на странице, без перезагрузки страницы. Считал, что это решается ссылками. Нашел. Вкладки. Плагин postTabs. Выставляются кнопочки, и при нажатии, открывается информация. Может Вашим поситителям и сгодится. А то я почти сутки искал решение. Теперь надо еще суметь отформатировать вид кнопочек.

  35. stariс说:

    Если не секрет, что за пропасть?

  36. Юрий说:

    Удачи в стройке! А я никак с “пропасти” не выберусь.

  37. stariс说:

    Отлично. Уверен что сгодится. А у меня совсем время нет на сайт. Началось продолжение стройки, а силы уже не те. Спасибо, что не забываешь. А я ещё один сайт начал http://sekretymastera.ru/. По стройке и отделке. Из-за него когда-то и за сайтостроение взялся.

  38. Юрий说:

    День добрый, Ровесник 🙂 ! Очередной раз спасибо за “энцеклопедию”!
    Не давно нашел плагин ( отгуглил – и как люди находят плагины и подробно определяются с использование!) “page list” – великолепный для вывода блочного анонса дочерних страниц шорткодом.
    [pagelist_ext show_content = “0” image_width=”200″ image_height=”200″ show_meta_key=”prise” meta_template=”Цена: %meta%”] и

    .page-list-ext .page-list-ext-item {
    width: 200px;
    height: 275px;
    display: inline-block;
    vertical-align: top;
    color: #C94545;
    text-align:center;
    background: #fff;
    position: relative;
    padding: 10px 0 0 15px;
    margin: 20px 12px 20px 0;
    border: 1px solid #E2E7E9;
    box-shadow: 0 0 3px 1px #E2E7E9;
    }
    А вдруг кому-то сгодится.

  39. slik说:

    Очень помог плагин Akismet ! Замотали мой сайт спамеры, а после установки данного плагина проблему решило реально. Добавилась капча которую спамеры не любят)))))

  40. Sergey - rm说:

    Суперский подбор плагинов , спасибо автору !

  41. starik说:

    Нет извините. С целевыми страницами пока дела не имел. Нужно будет поискать в гугле.

  42. Наталия说:

    Заинтересовали меня страницы LandingPage. Не подскажете какой плагин реализует их в WordPress?

  43. starik说:

    Скорее всего то, о чём Вы спрашиваете – не плагин, а сервис ПС. Поищите там. Поисковая выдача формируется только поисковой системой, и едва ли какой то плагин сможет на неё повлиять. Я во всяком случае о таком не слышал. Если найдёте, пожалуйста отпишите и мне.

  44. Елена说:

    Отличная статья! Столько интересных плагинов.
    Подскажите, пожалуйста, у меня кулинарный сайт и я ищу плагин, чтобы в поисковиках мои статьи появлялись с галереей фотографий. Знаю, что такой есть, ведь у многих сайтов в поисковиках фотографии есть. Не подскажите, как он называется?

  45. starik说:

    Да нужно прописывать вручную. Но плюс в том что эту запись и украсить можно как угодно. Цвет, размер, вид шрифта, маркер картинка, рамка, закруглённые углы, тень, фон, мигание, блёстки, всё с помощью html.

  46. Юрий说:

    Спасибо. Но при появлении новой рубрики , ее нужно прописывать. Так как появляется в виджете “рубрики ” нет пути ?

  47. starik说:

    Ссылка правильно, только вместо “Рубрики” нужно название страницы, т.е. название рубрики. А “Рубрики” – это будет просто заголовок, заключённый в тег h2 и украшенный форматирующими тегами.

  48. starik说:

    А в галерее никак. То есть я точно пока не знаю. Попробуй здесь спросить в “Проблемы и решения”

  49. Юрий说:

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

  50. starik说:

    Увы. Ни разу ничего не скачивал на телефон.

  51. starik说:

    Привет. Заходите в html режим редактора, находите код картинки, в нём вначале идёт код ссылки, его убираете. В конце кода не забудьте удалить закрывающий тег а. затем оставшийся код изображения выделяете и в панели редактора выбираете подчеркнутое link. откроется “Вставить ссылку” в верхнее поле вписываете URL нужной страницы, куда поведёт ссылка. И “Добавить”. Всё Ваша картинка стала ссылкой. Обновляете и проверяете.

  52. Юрий说:

    День добрый ! Подскажите пожалуйста , как в галереи wordpress к изображению прикрепить ссылку на нужную страницу!!!!!!!!

  53. VenicevaSS说:

    Вообщем какие сайты посещаете, для скачивания приложений на телефон, смартфон.

  54. starik说:

    Пользуйтесь на здоровье

  55. botanical slimming说:

    Asking questions are truly nice thing if you are not understanding anything completely, however this post gives pleasant understanding even.

  56. starik说:

    Чем могу. Отрадно узнавать, что не один я такой.

  57. Юрий说:

    Спасибо за ответ. По cform, почти разобрался. Но основной вопрос был в другом.cform вместе quick shop интернет магазин, надо было убрать лишние поля в конт.форме заказа. Я считал ,что это cform , а оказалось нет. quick shop файл checkout/ Почти сутки разбирался. Пишу ,а вдруг у кого-то возникнет подобный вопрос.Но вот как вставить в форму заказа “прикрепить файл”,пока не знаю. Спасибо Вам! До связи.

  58. starik说:

    Написанное отшлифовать бы.

  59. starik说:

    Если в гугле ничего не нашлось, то лучше спросить здесь http://ru.forums.wordpress.org/forum/plugins-and-hacks. А как дела с cform?

  60. Юрий说:

    День добрый, подскажите, где узнать, как отредактировать плагин Quick Shop, что бы запись о товаре на странице заказ отображалась горизонтально ,а не вертикально. Заранее спасибо !

  61. starik说:

    Я только осваиваю PHP, и написать модуль пока не могу. Другого плагина тоже не встречал.Попробуйте заглянуть сюда http://forum.php.su/, в раздел “Напишите за меня пожалуйста”.

  62. Ольга说:

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

  63. starik说:

    Подборка информативная и перенаправляет в WordPress.org. О “Скачать” я ещё не думал.

  64. Юрий说:

    А где кнопка скачать этот сборник плагинов?

  65. starik说:

    Спосибо. Дай Бог вашим пожеланиям исполниться. А сайт про стройку я хочу сделать без движка, чтоб не зависить от CMS, и весь процесс создания выложить в Старпере. Вообще этот сайт – история моего обучения. Так что я тоже ещё в зелёных тонах.

  66. Ольга说:

    Спасибо Вам, Сергей, за такие оперативные ответы, и стремление помочь… только в очередной раз натыкаюсь на несовершенство темы, которую я выбрала для своего блога…Не получилось у меня ничего… И понимаю, что из-за подобных, часто встречающихся проблем с этой темой нужно самой создать свой шаблон, вот только это вообще для меня темный лес, если не сказать больше – и так едва держусь на поверхности “бизнеса в интернете” :-)) Пусть уже пока будет, как есть, думаю, это не смертельно;-)) Удачи Вам с Вашим сайтом, ну, тем, который про Ваше любимое дело в ноябре 2013 года появится!

  67. Ольга说:

    Здравствуйте! Статья Ваша действительно великолепна! Так четко, лаконично “разложили” такое множество плагинов!..Внесла Вас в закладки, чтобы не потерять столь полузный ресурс!))
    Вопрос у меня к Вам: подскажите, пожалуйста, почему на моем блоге не работает плагин Russify Comments Number? Как были “2 комментариев”, так и остались… Я его уже и деактивировала, и снова активировала…В чем проблема? Заранее спасибо за ответ!

  68. starik说:

    Всегда рад помочь

  69. Ольга说:

    Спасибо большое, извиняюсь за ошибки 🙂

  70. starik说:

    Скорее всего Вам нужен WP User Frontend

  71. starik说:

    Гуглить приходится много, вот я и собираю всё что интересно

  72. Игорь说:

    Я ещё такой подборки плагинов, такого внушительного списка НИГДЕ не встречал. Замечательно!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

О сайте

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

Семья у нас строительная, мы с женой пол жизни на стройке, и дети, два сына (двух дочерей я не считаю) похоже, тоже пойдут по нашим стопам. Так что строим мы дом без привлечения сторонней раб. силы, и на полную используя накопленный опыт.

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

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

90% сайтов вообще являются слегка видоизменёнными копиями с какого-то одного более-менее толкового ресурса. Вот я и решил создать сайт, с подробным показом всех нюансов, которые необходимы при выполнении строительно отделочных работ.

Решить то решил, но ведь надо же было узнать, как этот самый сайт делается. Спросить было не у кого, ни одного знакомого веб-мастера, и я снова полез в интернет. Благо в нём рекомендаций по созданию своего сайта, более чем достаточно.

Но вот незадача. Все они (или может быть я просто не нашёл нужного ресурса, их ведь несколько миллионов) написаны для начинающих веб-мастеров, но уже более-менее уверенных пользователей ПК.

Я же не только веб-мастер был никакой, но и пользователь “деревянный”. Мог конечно зайти в интернет и найти там интересующую меня тему. Мог даже на Forex работать (если это можно назвать работой), но вот что такое загрузить и установить программу, распаковать архив, создать и залить, да и всё остальное, было для меня тёмным лесом.

И пришлось мне по крупицам находить информацию опять же в интернете, больше-то всё равно взять негде. Пойти на курсы, времени не было – стройка. Спросить, как я уже говорил не у кого, вот и спрашивал на форумах, задавал тупейшие вопросы.

Бывало, что и ответы получал обстоятельные, находились люди искренне желающие помочь, но одно непонятное слово, или незнакомое действие, которое для продвинутого  пользователя всё равно, что вдох и выдох, сводили на нет все мои усилия.

Например придет обстоятельный ответ на мой глупый вопрос, и к нему приписка “если что не понятно стучите в скайп”, то есть человек искренне хочет помочь, а что такое скайп, и как в него стучать? Я могу постучать в дверь или в окно, но как постучать в скайп убей не знаю.

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

А сколько подколов пришлось прочитать, и явных издёвок (есть на это дело мастера), уж и не вспомнить. Но чаще всего отправляли погуглить, или в какую либо энциклопедию (Codex),  в которой новичку типа меня, очень трудно отыскать ответ на  “глупый” вопрос.

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

Ещё одной проблемой было поиск информации на сайте. Вроде-бы нарвёшься на статью, всё понятно и доступно, а как перейти на следующую страницу, не ясно. Вокруг куча различных меню, и как из них выбрать то, что тебе нужно, чтоб просто перейти на следующую страницу – не понятно.

Бывает, в статьях все подробно расписано, но в тексте полно внутренних ссылок. Начинаешь по ним переходить и залезаешь в такие дебри, что уж и не помнишь с чего начал.

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

Вот я и решил, учесть все эти факторы, и сделать сайт для таких сограждан, каким сам был 4 месяца назад. Пока впечатления все очень свежие. Через некоторое время, наверное, уже и не смогу всё так подробно расписать, ведь многие вещи очень быстро становятся обыденными, и на них просто перестаёшь обращать внимание.

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

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

Не могу судить конечно как получилось, это делать предстоит Вам, но я старался, как можно более упрощёно подать материал, а уж разобраться с более сложными конструкциями, зная основы, Вы в дальнейшем сможете и без меня.

А я буду делать сайт о нюансах строительно отделочных работ. Вот это уже, как говорится, до корней волос моё. Если кому интересно – заходите. Называться он будет “Секреты и Нюансы”, и думаю к ноябрю 2013 его можно будет увидеть в интернете.

P.S. Июль 2014. Уже можно посмотреть: Секреты и Нюансы

 

Анекдот страницы:

Маленький мальчик подходит к дедушке и спрашивает:
– Дедушка, а что это у тебя такое? – Показывая пальцем на живот деда.
– А-аа, внучек, это у меня Мамаев Курган над погибшем героем

Работяга в музее
— Вот гады! Тут народу жрать нечего, а они картины маслом рисуют.

Маленький мальчик подходит к отцу
– Пап, а откуда дети берутся?
– 1000 раз уже обсуждалось, воспользуйся поиском!
Примерно такие ответы Вы будете в первое время получать на форумах (С.К.) 

А так же:

56 Responses to О сайте

  1. Марат说:

    Здравствуйте Сергей!
    Мне кажется не хватает в начале – это надо представиться, чтобы пользователь не рыскал по всей странице как вас зовут! … и сколько вам лет, если вы конечно не стесняетесь своим возрастом. Я, например, некоторое время сомневался публиковать или нет свой возраст…
    Ваша история – в большей её части как моя история… до 2007 года я тоже занимался строкой… все мои родственники почти все строители… но я на стройке выдержал 10 лет…
    И вот с 2007 года иду по дороге html, css, php, js,
    Ваша история очень интересна! Прочитал с удовольствиям!
    И кстати – система комментирования у вас ведь есть – хотите поменять!?
    Ну в общем… удачи! И всего самого вам и вашими увлечениям!

  2. stariс说:

    Добрый вечер Василий. Спасибо за отзыв. То, что вы сделали сайт на html+css – супер. Хоть какой – главное сделали и работает. В дальнейшем, когда перейдёте на GMS, этот опыт очень-очень пригодится.

    А я конечно-же помогу чем смогу. Если чего сам не знаю, то хоть подскажу где искать. Ведь другой раз просто не знаешь куда ткнуться в поисках инфы. Даже на одном сайте не всегда увидишь всё интересное.

    Насчёт расположения комментов – возможно вы правы, попробую изменить, но боюсь что те, что уже опубликованы, так и останутся на своих местах. В двиджке сайта, как я заметил, всё как-то притирается, и кардинальные изменения происходят со скрипом. Но попробовать можно.

    Да, вообще-то – вы спрашивайте, а уж я отвечу, не зависимо от того, есть ответ в предыдущих комментах или нет. Потом ведь и я постоянно узнаю что-то новое и по некоторым позициям ответы могут быть другими – более продвинутыми.

  3. Василий说:

    Здравствуйте, Сергей!!
    Я восхищён Вашей работоспособностью! Кроме основной работы Вы занимаетесь строительством дома и строительством сайтов!!! Очень доходчиво разъясняете все вопросы которые Вам задают такие “чайники” как я. Мне 63 года, чуть только старше Вас, но так работать как Вы – слабо.
    Ваш сайт второй (по счёту, но не по значимости) из огромного количества сайтов на эту тему, по которому действительно можно учиться сайтостроению с нуля.
    На многие вопросы можно найти ответы читая комментарии, только вот вопросы и ответы расположены в обратной последовательности. После прочтения статьи надо пройти в низ страницы, затем двигаться вверх. Нельзя ли сделать наоборот? А вопросов у меня много и я буду их Вам задавать, когда сформулирую их поточнее. И обязательно буду везде и всем давать ссылку на Ваш сайт. Уж очень он мне понравился!
    На HTML + CSS я сумел-таки сделать (“создать” язык не поворачивается сказать) сайт. Всё работает, но пока только на компьютере и на денвере, без выхода в интернет.
    HTML я начал изучать по сайту тоже подробно и понятно всё объясняет, но с CSS у него что-то не так. В прочем сейчас может исправлено. Я там был пару лет назад. Сейчас заглянул, там ещё видео появилось. (Мне лучше читать чем смотреть)
    Спасибо, успехов и здоровья Вам!

  4. stariс说:

    Если хотите место под рекламу своей кухни на этом сайте, то можно обговорить стоимость.

  5. Станислав说:

    Приветствую, меня зовут Станислав! Я являюсь представителем компании cpaseti.com
    Мы заинтересованы в сотрудничестве с вашим проектом:starper55plys.ru
    Хотелось бы отметить не просто Партнерская Программа. Мы представляем следующие виды сервисов для наших постоянных партнеров:
    – Комплексный SEO аудит сайта
    – Анализ эффективности использования рекламных площадей на сайте
    – Продвижение ваших “видео-обзоров” на сайтах схожей тематики.
    – Предоставление всех необходимых материалов (статей, баннеров, обзоров).
    – “Палим” наши кейсы.
    – Для владельцев групп и пабликов, предоставляем рабочие креативы.
    Уже есть несколько идей по увеличению монетизации Вашего ресурса. Как смотрите на то что бы приступить к сотрудничеству?

  6. stariс说:

    Конечно Наташа. Любые вопросы по созданию сайта задавайте не стесняйтесь.

  7. Наталья说:

    Добрый день, Сергей !
    Я тоже где-то вашего возраста. Помаявшись долгое время по интернету, прихожу к выводу, что учиться писать сайт нужно все-таки с нуля :). Но еще нужно было, чтобы созрела мысль, для чего мне этот сайт нужен. Сейчас буду пробовать писать в соответствии с вашими рекомендациями. Вам же можно будет задавать уточняющие вопросы?

  8. Игорь说:

    Здравствуйте!
    Спасибо за труд!
    Буду рад присоединиться!

  9. stariс说:

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

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

    Для новичка – это полигон для тренировок, и для создания опять же общей внешней картинки сайта, которую потом придётся дорабатывать.
    Так что делать сайт на Денвере, никто не возьмётся, во избежании дальнейших недоразумений. А заказать сайт на Денвере, а потом дорабатывать на хостинге – получится очень дорого.

    Я вообще-то для очистки совести стукнул нескольким веб-мастерам, но все ответили примерно то, что я Вам написал.

    И ещё один нюанс: за умеренную плату, возьмётся работать только тот, кто по большому счёту никому не нужен, и кто готов на любую шабашку. Проверено на себе. Поверьте – лучше потихоньку набраться знаний, и всё же сделать всё самом. В дальнейшем этот опыт ох как пригодится.

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

  10. Анатолий说:

    Здравствуйте Cергей!
    В настоящее время занимаюсь созданием своего сайта ( на Denwer – WordPress ). Остались некоторые доработки, но пока не хватает знаний и времени, чтобы доделать самому. Поэтому, хотел бы отдать сайт на доработку за умеренную плату. Может, что-то можете посоветовать, как решить этот вопрос.
    За ранее благодарен.
    C Уважением, Орлов А.В. – 55 +.

  11. Dar Bloom说:

    Сергей, я не с критикой, а в помощь. Только начал читать ваш блог (между прочим, мне интересно!) и сразу нашел парочку ошибок, дальше возможно найдутся еще. Знаю, что без ошибок невозможно, а замечаю я их скорее по привычке, так как сам занимаюсь тем же чем и вы, собственно говоря, потому и пришел к вам в гости (и не пожалел). Вот что я уже нашел: слово деньги пишется вот так – money, а не – many и никак по-другому.
    Заголовок сразу на стартовой странице «Заработок на сайте, и без него». Без чего без него, без сайта или без заработка?
    Ну а общее впечатление – респект!

  12. Вексиль说:

    Здравствуйте. Я давно почитываю ваш блог. Имхо блог хороший. Часто его использую в качестве справочника. Потому, как не все упомнишь благо есть где подсмотреть. И вот еще. Я недавно сменил свой антивирь на касперский. Теперь в поиске рядом с каждым сайтом показывают зеленый значек касперского. На вашем блоге он не горит! Я себе это реализовал. Ответ в майле нашел. Можете прочесть сами. Вот тут вопрос был. Там на форум свой адрес добавляешь и он зеленеет

  13. Сергей说:

    Здравствуйте, Сергей.
    Прошу прощения, сын побаловался, и отправил Вам “пустой” комментарий.
    У меня к Вам вопрос. При написании какого-либо кода php в Notepad++,
    например: , при запуске в броузере (напр. в Firefox) открывается точно такая же запись (вместе с символами php). Скажите, почему? Денвер запущен.Путь к файлу – C:\WebServers\home\testPHP\www\index.php.
    Большое спасибо. Сергей.

  14. Здравствуйте, Сергей! Я восхищен Вашим усердием и благодарен за очень полезный сайт. Хотел попросить у Вас помощи вот в чем. Хотел бы на некоторых страницах сайта убрать дату, стоящую вверху страницы и форму для комментариев внизу страницы. Мне хотелось бы, чтобы эта страница открывалась сразу, а не так как сейчас. Сначала “кусочек”, затем “читать далее” и только потом основная страница. Я такой же пенсионер, как и Вы, только работающий. Хотелось бы у Вас поучиться. Очень надеюсь на Вашу помощь. Пытался найти ответы на других сайтах, но не удалось. Всего доброго. Алексей.

  15. Гузяль说:

    Здравствуйте! Может Вы мне можете помочь. У меня следующая проблема: У меня один библиотечный сайт и один авторский блог. Блог сделан на движке вордпресса. Я каждый раз посещаю оба своих сайта. Так вот, когда публикую новые статьи на библиотечном они появляются сразу, а на блоге только после очистки кэша (плагин Hyper Cache у меня подключён и там всё нормально). Такая же картина происходит и на рабочем компьютере и на домашнем. Выходит мои читатели, которые поставили меня в закладки (а их немало), даже не подозревают, что у меня там много новых статей. Я знаю для чего надо чистить кэш (стереть историю), но ведь новые статьи на сайте появляются мгновенно, а на блоге только после чистки. Не понимаю почему. Может вы сможете объяснить.

  16. Юрий说:

    Спасибо громадное ,цвет фона поменял.
    Цвет букв в надписях меняю ” -Раздел /* =Media queries селектор .main-navigation li”?.Громадное спасибо !!!!! Без Вашей помощи ответ бы не нашел!!!!!!

  17. starik说:

    И ещё Просьба комменты в другую статью, а то в этой уже под завязку. Я могу конечно перенести, но тогда вы их искать будете.

  18. starik说:

    Раздел /* =Media queries селектор .main-navigation li a меняете color меняется цвет букв. Групповой селектор .main-navigation .current-menu-item > a,
    .main-navigation .current-menu-ancestor > a,
    .main-navigation .current_page_item > a,
    .main-navigation .current_page_ancestor > a
    Изменяете color – меняется цвет букв после посещения
    Раздел /* Navigation Menu */, селектор .main-navigation a:hover Если добавить свойство background, то при наведении курсора будет меняться фон под текстом.
    Всё это я только что увидел в веб инспекторе.

  19. Юрий说:

    Спасибо !!!!!! Как Вам удалось во всем разобраться !!!!??? А цвет текста в меню. Если я меню сделаю черным , надо текст выводить белым. Где прописать?Еще раз большое спасибо !!!!!!

  20. starik说:

    Я же про это и написал

  21. Юрий说:

    Может где то здесь в стилях ?
    /* Navigation Menu */
    .main-navigation {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    text-align: center;
    }
    .main-navigation li {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 1.42857143;
    }
    .main-navigation a {
    color: #5e5e5e;
    }
    .main-navigation a:hover {
    color: #21759b;
    }
    .main-navigation ul.nav-menu,
    .main-navigation div.nav-menu > ul {
    display: none;
    }
    .main-navigation ul.nav-menu.toggled-on,
    .menu-toggle {
    display: inline-block;
    }

  22. starik说:

    Это в разделе /* Navigation Menu */

  23. starik说:

    Чтобы поменять фон полосы меню нужно в первый селектор .main-navigation Добавить свойство background:#……,Чтобы поменять размер текста нужно в селекторе .main-navigation li убрать 0.857142857rem; из свойства font-size и вставить желаемый размер в пикселях. Свойствами margin мощно сделать меню потоньше или пошире.

  24. Юрий说:

    margin-top: 24px;
    margin-top: 1.714285714rem;
    text-align: center;
    } Здесь не скопировалось. Слева от надписей ячейки для “галочки” показываются , а что будет если их снять

  25. Юрий说:

    Помощь нужна. Как то на другом шаблоне ,этим методом нашел элемент-картинку и поменял , даже название другое присвоил. А тут не могу определить куда залезть , чтобы поменять…..Я иногда часто эксперементирую , но копию сохраняю.Бывало ,что не зря

  26. Юрий说:

    div {
    display: block;
    }
    Inherited from nav#site-navigation.main-navigation
    internetpoligraf.hostenko.com/media=”all”
    .main-navigation {
    text-align: center;
    } . Такой код показывает справа

  27. Юрий说:

    Я пытался это проделать , но не смог найти . И искал access? Не обнаружил. Я при возникновении вопроса долго роюсь, а к Вам обращаюсь как к ” высшей инстанции”.Сейчас еще попробую.

  28. starik说:

    Пока вот тут почитайте. Может и помощь моя не потребуется. https://starper55plys.ru/schag-3/redaktiruem-schablon/

  29. Юрий说:

    Да там меню горизонтальное

  30. starik说:

    Webded1 Меню горизонтальное?

  31. Юрий说:

    Спасибо !!!!! И адрес скайпа

  32. starik说:

    Ладно не надо. Она есть у меня на втором сайте. Только попозже Ладно?

  33. Юрий说:

    Заранее спасибо !!!! Какой адрес? И скайп ,я прошлый раз не записал

  34. starik说:

    Скиньте файл с шаблоном на мейл или скайп. Посмотрю.

  35. Юрий说:

    Добрый вечер ! Я к Вам сново за помощью. Тема twenty twelve wordpress, если есть возможность, подскажите как возможно и где поменять фон меню и цвет шрифта меню в этой теме. Для twenty elewen нашел, а для зтой нигде не могу найти.Целый день “рылся” искал подсказки , где в кодах находится,но…..Если возможно подскажите!!!!!!!

  36. Ойген说:

    Привет
    да с сйтом хватает работы но дачный сезон идет к концу
    зимой буду форум пополнять чтоб летом было что читать
    возраст конечно дает о себе но потихоньку все делается

  37. starik说:

    Привет! Строим из последних сил. Зима на дворе, а у нас ещё ох как много не доделано. Я сплю по 4-5 часов в день. В 10 вечера вырубаюсь, а в 2-3 просыпаюсь и за компьютер, с сайтом тоже работы полно, а как рассветёт на стройку. Правда в обед часик прихватываю. Блин трудновато стало с возрастом. Ладно ещё погода у нас в Казани наладилась. Вот так дела и идут с Божьей помощью. А у Вас как?

  38. Ойген说:

    привет
    как стройка дома продвигается
    у меня дачный сезон скоро закончится

  39. starik说:

    Добрый день. Я же говорю – как раз для нас занятие. Отдыхать и бездельничать что-то совсем не тянет.

  40. Ойген说:

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

  41. starik说:

    Вот это да! Первый раз такой всеобъемлющий форум вижу. Закончу стройку, ближе к зиме, и обязательно зайду пообщаться.

  42. Ойген说:

    Доброе утро
    Леса у нас много и вот гуляия по нему пришла мысль назвать сайт лесовичка
    Очень люблю дачу и постоянно выставляю фотки
    а сайт обо всем разросся потихоньку
    так по стариковский может сделан но главное мне нравится

  43. starik说:

    Буду очень рад, если загляните. А про что Ваш сайт? Судя по нику Вы лесной житель, а я очень люблю лес. Если сил хватит построю себе ещё один дом в сосновом бору, а этот детям оставлю. Участок уже купил.

  44. Ойген说:

    Добрый день
    Как приятно когда в возрасте ктото увлекается компами а не сидят на лавочке
    Я немного постарше и тоже решил создать сайт для себя
    2 года создавал тоже ночами не спал
    Сдесь все так расписано хорошо вот что не хватает начинающим
    Хорошая страница буду заглядывать

  45. starik说:

    Спасибо за комплимент и за приглашение. Оставил Ваш сайт в закладках. Мне как раз нужны советы по Word и сетевым вопросам. А вот новых статей у меня пока не предвидится. Нужно довести до ума то что уже “наворотил”, и приступить к главной моей цели – сайту по строительству и ремонту. А в Вашу группу с удовольствием вступлю, будем дружить.

  46. Здравствуйте, Сергей! Сайт мне Ваш нравиться. Все по существу. Хорошо, что вы решили писать для своих ровесников. Нам такого общения действительно не хватает. Если Вам понадобиться, что-нибудь по компьютерной тематике, то заходите ко мне в гости. Помогу, чем смогу. С удовольствием подписалась на обновления вашего сайта. У меня на Субскрайб есть своя группа. Можете вступить в неё и публиковать анонсы своих статей. Ограничений никаких нет.

  47. starik说:

    Заходите. Чем смогу с удовольствием помогу. Могу даже чат включить для более оперативного общения.

  48. Надежда说:

    Cергей!
    Рада, что попала к Вам на сайт. Сайтов, где учат, как сделать свой сайт в интернете достаточно, мне хотелось найти сайт своего ровесника, спрашивать у молодых ребят бывает сложновато для меня. Я тоже начала работу над своим сайтом в 55, пробовала разобраться с HTML и CSS. Что-то получилось, что-то нет. Оформила подписку, сейчас буду заходить к вам часто.

  49. starik说:

    Смотря какой у Вас проект. К примеру мой сайт весит 130 мгб, а тариф “Блог”(самый дешёвый) У Бегета предоставляет для сайта 1гиг, так что мой сайт можно увеличить ещё раз в пять. Вот только для интернет магазина наверное лучше будет Joomla а не WP.

  50. АЛЕКСЕЙ说:

    здравствуйте, Сергей подскажите какой тариф лучше всего выбрать для бизнеса,интернет магазина?

  51. starik说:

    Да сколько угодно. Буду только рад помочь.

  52. олег说:

    Здравствуйте! Меня зовут Олег и я Ваш ровесник. Я только приступаю к созданию сайта. Скажите – можно ли в случае необходимости задать вам уточняющий вопрос (вопросы)?

  53. starik说:

    Спасибо! Это как раз то, чего вначале не хватает!

  54. Игорь说:

    Как по мне, очень точный, конкретный сайт!

  55. starik说:

    Спасибо! С удовольствием зайду на днях.

  56. Людмила说:

    Сергей, какой Вы молодец! Читая Вас, вспомнила себя, как я более года назад, была такая же. Да и по возрасту мы почти ровесники. Заходите ко мне в гости. Мне у Вас очень понравилось, для меня есть много интересного, о чем я еще не знаю и что можно применять на блоге. Теперь у меня уже два сайта, один уже вроде немножко приподнялся, другой пока очень молод.

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Советы начинающим

1. Не торопиться при создании сайта. Новый сайт начинающего веб-мастера, в течении первого года находится в так называемой песочнице (подразумевается детской).

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

2. Если сайт управляется CMS WordPress, не тратьте время на поиски темы оформления, полностью отвечающей Вашим требованиям. Всё равно хоть что-то да не устроит.

Лучше для начала использовать тему из категории “Минимализм”, лучше резиновую или адаптированную, и осваивая HTML и CSS, помаленьку строить её под себя.

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

Для новичков очень полезным будет сервис Главред. Я начинал писать руководствуясь только его рекомендациями.

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

4. Не бойтесь редактировать тему оформления. Создайте дочернюю тему, и экспериментируйте без опасения что-то напортачить и что-то потерять.

В крайнем случае любой шаблон можно удалить и установить по новой.

5. Выбирайте хостинг с круглосуточной и моментальной тех. поддержкой. на начальном этапе – это самое главное.

На данный момент я знаю только один такой, с доступными ценами – это хостинг Бегет.

6. Осваивайте все доступные соц. сети, и первым делом добавляйте как можно больше друзей. Пусть их будет несколько тысяч и более.

Затем не стесняйтесь делиться с ними своими постами. Из сотни, несколько человек могут оказаться вашими единомышленниками, а значит посетителями Вашего сайта.

7. Регистрируйтесь на всех форумах по вашей теме, и создайте сразу отдельный документ на вашем компьютере, в который заносите название форума, логин и пароль.

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

9. Всякий раз, после внесения изменений в код шаблона, после добавления плагинов, рекламных блоков, а так же при использовании кода в тексте, проверяйте страницу в валидаторе Markup Validation Service.

Ошибки в коде начинающего сайта, негативно сказываются на ранжировании.

10. Обязательно познакомьтесь с HTML и CSS. На начальном этапе, глубокое изучение совсем не обязательно, но знать, что это такое, и для чего, то есть знать основы, просто необходимо.

11. Не увлекайтесь локальными программами, такими как Денвер. На любом виртуальном хостинге Вы сможете делать то же самое, что и на локальном.

Плюс – у вас будет техподдержка, ежедневный бекап сайта, который к тому же будет индексироваться, а доменное имя начнёт набирать, такой необходимый возраст.

12. Работая в редакторе CMS (написание статей), старайтесь в процессе не переключаться с визуального на режима, на режим текст, и наоборот.

13.При замене картинок в контенте, обязательно удаляйте заменяемую картинку из библиотеки медиафайлов, а не только со страницы.

14. Не используйте атрибут style Для создания сложных оформлений элементов. Цвет, размер и прочую мелочь можно вводить прямо на странице, а всё более сложное, только в style.css

15. Не выделяйте ключевые слова тегами <em> и <strong>, так как для поисковых систем они (теги) более на актуальны.

16. Обязательно используйте сервис PageSpeed Insights, анализирующий, и дающий подробнейшие рекомендации по сокращению времени загрузки страниц.

Скорость загрузки – один из важнейших факторов, влияющих на продвижение сайта.

17. Обязательно установите на сайт код Яндекс. Метрика, или Google Analytics, можно и тот и другой, и следите за данными, которые предоставляют эти сервисы.

Со временем Вы научитесь использовать их для улучшения сайта.

18. Просматривайте поисковые запросы, по которым посетители попадают на Ваш сайт, чтоб определить, есть ли в статье ответ на данный запрос.

Если нет, то по возможности, статью нужно дополнить.

19.Не жалейте изображений для контента. Это как раз тот случай, когда кашу маслом не испортишь.

20. Старайтесь, по возможности, облегчать изображения, только без явного ущерба для качества, используя сервисы для оптимизации изображений.

21. Если Ваша картинка представляет из себя какой либо художественный интерес, обязательно дайте ей название, и впишите его в атрибут alt, находящийся в коде изображения.42

Тогда ваша картинка имеет шанс быть представленной в сервисах изображений поисковых систем, таких как Яндекс. Картинки, и поспособствовать продвижению Вашего сайта.

22. Следите за приходящими обновлениями, установленных у вас плагинов, и по возможности, своевременно их обновляйте. В основном, обновления делаются в области безопасности плагина.

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

Сразу закидывайте вопрос на 5 – 7 ресурсов.

24. Если Ваша цель – заработок в интернете, то обязательно прочтите статью Про заработок в интернете.

Ещё полезные рекомендации для начинающих смотрите ЗДЕСЬ

Желаю творческих успехов.

А так же:

39 Responses to Советы начинающим

  1. stariс说:

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

  2. stream说:

    Здравствуйте)
    ..А зачем при регистрации где-либо на форуме при указании даты рождения предпочтительнее укащывать воскресный день?)

  3. stariс说:

    Переделать можно всё, что угодно. Работа не простая, но очень интересная, и вполне посильная для тех кто знаком с основами css. Придётся задавать новое позиционирование и размеры элементам, для удобного для пользователей просмотра на маленьком экране. Вот тут я уже рассказал об этом и о технике исполнения. Почитайте внимательно и всё поймёте. Так что смелее в файл style.css. Чему-то задаёте резиновость т е размер в процентах, а для чего-то создаёте новый раздел в файле, и пишете в нём новые свойства через @media. Уменьшайте экран, и как только какой элемент посыпется, пишите ему новые свойства на этот размер экрана. Так-то не сложно, просто много времени занимает доводка дизайна под каждый размер.

  4. Светлана Василек说:

    Здравствуйте. Снова к вам за помощью. Подскажите, как существующую тему на вордпресс EducationWeb переделать в адаптивную. Возможно ли это? Гугл вебмастер мне выдает ошибки, что якобы сайт не подходит для моб. устройств.

  5. stariс说:

    Спасибо.

  6. Pingback引用通告: ссылка

  7. stariс说:

    Судя по скрину, вы вставили картинку, место её определилось, но самой картинки не видно. Если бы была ошибка в адресе картинки, то тег img всё равно отобразился бы в виде квадратика. Так что посмотрите свойство margin. Скорее всего картинке задан какой-то не корректный отступ, и она уплыла за пределы видимости. Или вверх под шапку, или в бок за пределы экрана. Место её при этом не занимается другими тегами.

  8. Сергей说:

    Помогите!У меня вот такая проблема…как исправить? Я пока тренируюсь,но пока исправить не могу….

  9. starik说:

    И Вас поздравляю с этим большим праздником. От души желаю, чтоб в святочную неделю для Вас произошло какое нибудь чудо. И всего самого наилучшего.

  10. Юрий说:

    С наступившим Новым Годом! С Рождеством!

  11. starik说:

    На днях будет, в разделе css.

  12. Юрий说:

    Буду с нетерпением ждать данной статьи. А то ведь методом “тыка” пробовал создать градиент. Пока только разобрался с from( #…) to (#….) .Спасибо!

  13. starik说:

    Да, градиент очень интересная вещь. Давно думаю статью про это написать.

  14. Юрий说:

    Спасибо за ответ! Но поэкспериментировал, градиент интересная вещь для создания фона элемента.

  15. starik说:

    Привет. Цвет меню меняется в первой строчке кода который Вы мне написали. Всё остальное, до строки clear: both; – это для старых браузеров (переведите комментарий в первой строке). Можно эту часть вообще удалить. А то, что цвет меню у Вас не изменяется, при изменении значения в background:#c6c6c6; то эту заморочку, как Вы говорите, создаёт Ваш браузер. Почистите у него кеш, и всё станет нормально.

  16. Юрий说:

    Вечер добрый ! Ковырял тему Twenty eleven . Пытался поменять цвет меню.( даже не ожидал ,что “заморочка”)

    #access {
    background: #c6c6c6; /* Show a solid color for older browsers */
    background: -moz-linear-gradient(#252525, #0a0a0a);
    background: -o-linear-gradient(#252525, #0a0a0a);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#453010), to(#929293)); /* older webkit syntax */
    background: -webkit-linear-gradient(#252525, #c6c6c6);)
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    clear: both;
    display: block;
    float: left;
    margin: 0 auto 6px;
    width: 100%;
    }

    Оказалось , что цвет меняется только в строках
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#453010), to(#929293)); /* older webkit syntax */
    background: -webkit-linear-gradient(#252525, #c6c6c6);). Т.е. срабатывает строки градиентов. ( методом тыком определил).
    при этом в строке background: -webkit-linear-gradient(#252525, #c6c6c6);).( убрать скобку меняется вариант возможной регулировки цветовой гаммы. ) Подскажите как менять цвет меню ?

  17. Юрий说:

    Вечер добрый! Просто я не могу найти, где в каком файле смонтировано и не могу внести изменения. Ведь веб- инспектор показывает, как обычно CSS а тут показывает селектор, находящейся в каком то “index”. Спасибо Вам, удачи в Ваших строительных делах (нелегких).

  18. starik说:

    Да, это интересно. Не встречал пока index в скобках. Я бы попробовал менять цифру 42, то есть значение, и смотреть – что это даст.

  19. starik说:

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

  20. Юрий说:

    Доброй ночи ! Тема twenty eleven как сделать фон для сайдбара. Я пытался сделать ,но получается фон для виджетов , а не фон сайдбара!
    Спасибо!

  21. Юрий说:

    Спасибо! Сейчас пишу с телефона. Я так понимаю, что в сайдбаре, но именно сайдбара, рамку можно сделать методом описанным у Вас. Завтра сброшу, то что нашел. Но вот как виджет обрамлять….

  22. starik说:

    Добрый вечер. У меня нет виджета “слайдер”. Наверное это виджет какого-то плагина у Вас. А их я пока редактировать не могу. Учу php усиленно. Скоро и в плагинах рамки сможем делать.

  23. Юрий说:

    День добрый ! Подскажите пожалуйста , как “виджет слайдер” в сайдбаре возможно взять в рамку? Куда “лезть”. Заранее спасибо !

  24. starik说:

    А это как раз от Вас и узнаем. Грипп пока не отпускает. Больше того и семейство помаленьку заболевает. Такие дела.

  25. Юрий说:

    Вечер добрый ! Как идет процесс выздоровления ? С вопросом всплывающей формы удалось ,с трудом найти ответ. У меня установлен плагин FancyBox for WordPress , а с плагином Easy FancyBox контактная форма всплывает великолепно! ( пишу а вдруг кому- то потребуется). А ничего , что стоит и тот FancyBox for WordPress и Easy FancyBox. Никаких конфликтов не произойдет?

  26. starik说:

    Я что-то загриповал. Голова не соображает. А сайт интересный. Кинул в закладки. А Ваш вопрос лучше к нему отнести. Я пока не в обойме.

  27. Юрий说:

    Доброй ночи. wp-admin.com.ua/vsplyivayushhaya-kontaktnaya-forma-wordpress/ . Заинтересовала эта статья
    Всплывающее окно контакт.формы
    Но при повторном нажатии всплывает не форма, а страница. Может подскажите.Спасибо за подержку.!
    .

  28. starik说:

    Так и так нужно основы пройти, если охота экспериментировать в веб. Это же азбука, как же без неё?

  29. starik说:

    Что за единица rem я ещё не знаю. Нужно погуглить, время будет.

  30. Юрий说:

    Читая вашу статью – понятно. А когда начинаю лазить в других селекторах- хаос

  31. Юрий说:

    main-navigation li {
    padding: 10px;
    margin: 0 40px 0 0;
    margin: 0 2.857142857rem 0 0;
    position: relative;
    } Здесь я вставил padding.Но есть margin и слева 40 пикселей.Вот это не понятно и зачем две позиции margin

  32. starik说:

    Так прочтите основы html и css и не будете как слепой котёнок.

  33. Юрий说:

    День добрый! “padding” ПОМОГ ! Правда тыкался по селекторам, Как “слепой котенок”.Большое СПАСИБО! Уж извините, что надоедал вчера. Но без Вашей помощи не смог бы никак !!!

  34. starik说:

    Ну я же говорил, там есть свойство margin в =Media queries, в нём 4 значения: отступ сверху, затем слева, снизу, и справа. Если там margin-top, то можно добавить margin-left, margin-right, margin-bottom. Двигайте куда хотите. Можно ввести свойство padding – внутренние отступы. Тоже двигают. Всё это есть у меня на сайте. В разделе основы css.

  35. Юрий说:

    Посмотрел ,как Вы говорили- выделяемая область под текст в меню, зависит от размера названия. Т.Е. как то отодвинуть “главная” от левого края меню.Похоже поменяю размер , прижатость останется

  36. starik说:

    Конечно опытным путём. Как и всё в оформлении темы.

  37. starik说:

    Текст центруется свойством text-align:center; А в веб инспекторе все элементы страницы в левом поле, а все применёные к элементу стили – в правом

  38. Юрий说:

    Нет посмотрел ,не центрировать , а менять размер . Если удалить “0.857142857rem;”как Вы писали. Как прописать размер что15, 20 или30 -подбирать опытным путем?

  39. Юрий说:

    Еще раз громадное СПАСИБО !!!!!!! В принципе получилось !!! А где смотреть веб-инспектора. Надо еще немого текст в меню отцентрировать, смещен влево-смотрется не очень. Где посмотреть?

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Программы

Установка Денвер

Установка WordPress

Установка Image Optimizer

Установка линейки

Установка фотошопа GIMP

Скрипт для увеличения изображений

Здравствуйте уважаемые начинающие веб-мастера.

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

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

Во первых – это страх перед чем-то незнакомым. Вполне оправданные опасения, занести на свой компьютер, что то непотребное.

Во вторых – незнание элементарных, и в принципе безвредных уловок, часто сопровождающих бесплатные программы.

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

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

Читайте, спокойно устанавливайте, и пользуйтесь.

Желаю творческих успехов.

А так же:

9 Responses to Программы

  1. Лизун说:

    Хороший сайт! Есть чему поучится.

  2. stariс说:

    Обращайтесь если что.

  3. Борис说:

    Ваш сайт-это клад для меня начинающего, особенно понравились разборы
    простых 2-х сайтов с НТML и НТML+CSS. Жаль, что маловато таких примеров
    с подробным разбором. Может где-нибудь в заначке лежат и пылятся и желают, чтобы их просмортели.
    Респект и уважение старому Перцу

  4. stariс说:

    Добрый вечер. В чём там точно дело я конечно сказать не смогу так как обнаружение ошибок в Денвере – это не простая работа. А вот совет дам. Тестирование может проходить несколько иначе, чем в примере, так как Денвер меняется, а примерам уже три года, и к тому же 4 первые строчки это сертификат, которого у Денвера никогда нет, и страницы тестовых файлов, которыми никто никогда не пользуется. Раз “Ура заработало” открылась, значит скорее всего всё отлично, так что заливайте WordPress, или создавайте директорию для PHP и попробуйте поработать.

  5. Алексей Пустой说:

    Здравствуйте! При тестировании программы Денвер не отображаются как в примере 4 верхних URL, при этом прокси отключен. В чем дело подскажитею Спасибо!

  6. starik说:

    Поэтому я и взялся за этот проект, хотя сайтостроением занялся совсем для другого

  7. Игорь说:

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

    Хорошая статья!

  8. starik说:

    На здоровье. ДЛя меня в своё время это было самым трудным.

  9. Аня说:

    Спасибо! Наконец разобралась с этим денвером.

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Главная

Сайт на CMS WordPress

Наверное не ошибусь, если предположу, что желание заиметь свой собственный сайт есть у многих.

Ведь не просто так на рынке услуг так много предложений по их созданию. А раз есть предложение, значит есть и спрос, ведь одно без другого существовать не может.

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

Вначале возьмём для изучения один из самых простых способов создания сайта – сайт на CMS WordPress. Для его создания даже не потребуется знания языков программирования. Но это только вначале…

Вперёд! >>>

HTML. Познакомимся?

 О великий HTML! Основа основ, и начало начал, фундамент, на котором стоит небоскрёб веб программирования.

Всё что отображается на экранах бесчисленных мониторов, в основе имеет HTML код.

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

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

Познакомившись с материалами этого раздела, Вы уже сможете написать небольшой и простенький сайт, и выложить его в интернет.

Вперёд! >>>

CSS. Познакомимся?

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

Заманчиво да? Могу Вас обрадовать. В веб программировании такой конструктор есть, и называется он – CSS.

Этот язык программирования так же довольно таки прост, а изучение его ещё более увлекательно, чем изучение HTML, так как открывает неограниченные возможности в конструировании и оформлении Вашего сайта.

Объединив знания полученные в разделе HTML, с материалом этого раздела, Вы легко станете создателем солидного ресурса.

Вперёд! >>>

PHP. Познакомимся?

 PHP – это уже серьёзно. И насколько это серьёзно, настолько и интересно.

Аж дух захватывает от безграничных возможностей этого языка программирования. Честно сознаюсь – я ещё только вначале пути изучения PHP, и приглашаю Вас с собой.

Будет интересно.

Вперёд! >>>

SEO. Оптимизация и продвижение

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

К сожалению, как и везде где имеют место быть серьёзные трудности, в SEO появилось множество махинаторских схем и предложений, обещающих одним махом и без труда вывести сайт на вершины поиска, только денежки плати.

Однако стоит подумать, что как быстро сайт поднимется в первые строки выдачи, то так же быстро может оттуда и слететь, так как поисковыми системами управляют очень сильные команды специалистов, ведущие, среди прочего, неустанную борьбу с махинаторами.

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

Вперёд! >>>

Заработок на сайте

Эх денежки-денежки. Денег нет – сидим скучаем, деньги есть – Москва гуляем (Казанская народная поговорка).

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

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

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

Вперёд! >>>

Сайт на CMS H-script

Свой бизнес в интернете.

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

Специально для финансистов разработана CMS H-script, возможности которой просто уникальны.

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

Возможности H-script можно ещё расширить, но это уже будет зависеть от того, какой проект вы будете размещать на этой CMS.

Должен сказать, что сделать и запустить такой проект самостоятельно не просто, но возможно. С моей помощью.

Только для этого надо иметь представление и неплохо ориентироваться в той информации и тех знаниях, которые даны в предыдущих разделах этого сайта.

Вперёд! >>>

А так же: