Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
Веселая аркада с Печенькой для новогоднего настроения. Объезжайте препятствия, а подарки, варежки, конфеты и прочие приятности не объезжайте: они помогут набрать очки и установить новый рекорд.

Сноуборд

Спорт, Аркады, На ловкость

Играть

Топ прошлой недели

  • AlexKud AlexKud 38 постов
  • SergeyKorsun SergeyKorsun 12 постов
  • SupportHuaport SupportHuaport 5 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня

HTML + Сайт

С этим тегом используют

CSS Программирование Javascript Верстка IT Web Интернет Пикабу Помощь Дизайн Приложение Программа Все
114 постов сначала свежее
FrolovNSK
7 лет назад

Крафтим Веб-страницу #1⁠⁠

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

Логика языка HTML достаточно проста.Сначала указывается, какой фрагмент веб-страницы мы описываем, например абзац текста.Затем приводится собственно сам фрагмент - текст,рисунок. А в конце необходимо отметить,что описание фрагмента завершено и можно переходить к следующему фрагменту. Таким образом,элемент html-документа может выглядеть так:
1.Открываем блокнот

Крафтим Веб-страницу #1 Сайт, HTML, Программирование, Длиннопост

2.Открываем  угловые скобки и пишем <p> (Это называется "Тег" - своеобразная команда языка HTML после которой следует обычный текст).Далее пишем любой текст (например Hello,world!). Закончить описание фрагмента следует </p>(завершающий тег)

Крафтим Веб-страницу #1 Сайт, HTML, Программирование, Длиннопост

Это самое простое что можно сделать (если вы конечно не прогуливали информатику в 9-10 классе).
А теперь немного сложнее:
Вернемся к нашей странице.она,как и любой html-документ,помимо тегов, описывающих фрагменты гипертекста,содержик также некоторый объем служебной информации. Во-первых,чтобы браузер смог отличить нашу страницу от простого текстовика (текстовый документ),в самом начале её кода открывается (а в конце закрывается) тег <html>. Все,что находится внутри этого тега, делится на два больших раздела: <head> и <body>.

в разделе head указывается все, что НЕ будет отображаться непосредственно в окне браузера: название страницы,ключевые слова,по которым её может найти поисковик (Гугл или Яндкс), набор символов (кодировка),а также некоторые другие данные.
Раздел body,напротив,содержит то,что пользователь увидит в браузере, - текст,картинки,ссылки.
Итак,ниже я дам html-код веб-страницы:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html;

charset=windows-1251" />

<title>Страница Hello,world!</title>

</head>


<body>

<p>Hello,world!(для Пикабу)</p>

</body>

</html> 

Тег <title> отвечает за название страницы,которое отображается в загаловке окна браузера.

Крафтим Веб-страницу #1 Сайт, HTML, Программирование, Длиннопост

Чуть не забыл - когда сохраните документ то обязательно поменяйте формат с .txt на .html

Крафтим Веб-страницу #1 Сайт, HTML, Программирование, Длиннопост

Вот что вышло в итоге. Есливам будет интересно,то в следуюшем посте расскажу как делать абзацы и вставлять картинки.
UPD: Чукча не программист,чукча готовится к ОГЭ по информатике)

Показать полностью 4
[моё] Сайт HTML Программирование Длиннопост
23
Gagarin28
Gagarin28
7 лет назад
Web-технологии

Вопрос к web-разработчикам⁠⁠

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

Суть соль смак - хочу сделать сайт блог или новостной сайт. На базе готового html шаблона, ну например вот этого http://magazine.prpvms.ru/

Сайт без CMS.

Вопрос - как сделать/добавить к нему веб-интерфейс для добавления новых новостей?
Ну типа админку.

Возможно есть готовое решение?
Я знаю про вордпрессы джумлы и прочее, но меня интересует именно изобретение велосипеда.
Поясню - есть много всяких сайтов (а будет еще больше) на 5-10 страничек, одна из которых - типа блог компании. И нужно какое-то решение, что бы можно было добавлять новости не через вставку нового html документа, а веб-интерфейс.

Непонятно говорю,наверное, покажу на примере. Есть конечная страничка блога (этого же http://magazine.prpvms.ru/). Конечная страничка выглядит вот так http://magazine.prpvms.ru/single.html

Через блокнот в ней меняется всего 5-6 строк, по факту. Вот они

Вопрос к web-разработчикам Вопрос, HTML, Права администратора, Веб-разработка, Сайт, Создание сайта, Backend

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

И вот теперь когда я максимально объяснил чего я имею ввиду, вопрос

Можно ли сделать веб-интрфейс для изменения этих строк и как?
И если вы знаете какое-то готовое решение (в идеале это html-шаблон любого блога с интегрированной в него админкой такой) - буду очень благодарен если скинете.

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

Для минусов внутри, надеюсь на вас

Показать полностью 1
[моё] Вопрос HTML Права администратора Веб-разработка Сайт Создание сайта Backend
44
Akast
8 лет назад

Как я учился в универе... или вся суть образования⁠⁠

Не так давно я закончил университет на факультете кибернетики - информационные системы и технологии. В общем как предполагала специальность, выпускали от туда программистов. Вся суть заключалась в том, что после того, как я закончил 1-ый курс, я стал реже ходить на втором курсе, и вовсе перестал ходить на третьем и четвертом. При поступлении, я думал меня научат создавать сайты(это и в принципе мне и говорили при поступлении), но веб верстке была посвящена всего один семестр и всего один предмет, и то где мы дальше HTML не ушли. Да и в общем в программирование, изучали то, что никто уже лет 10 не использует. Поэтому я просто начал с того, что стал на заказ делать сайты, где все с большим опытом, зарабатывал больше денег, и соответственно изучал все что касалось разработки, в свободное время увлекался программированием. И что самое интересно, из заработанных денег с сайтов, я часть тратил на закрытие долгов в универе. И почему то сейчас мне кажется единственное место, где действиетельно учат нужному, так это медицина. А лично меня очень раздражает тот факт, что то, чему я сам научился и пригодится мне в жизни я изучил сам, а универе ничего мне не дал, кроме корочки, которая теперь просто как галочка в жизни, вроде хорошо, но никому не нужна.

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


P.S Университет находится в 10-ке лучших в россии.

[моё] Учеба Универ Работа Текст HTML Web-разработка Сайт
107
14
AmokYu
AmokYu
8 лет назад

Хитрая схема оплаты⁠⁠

Я не программист и не дизайнер. Но одно время для себя немного подучил html и прочее. Простенький сайтик могу сделать.

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

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

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

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

[моё] Сайт HTML Клиенты История Хитрость Текст
9
6
IgorX
8 лет назад

Начинающий Web-Верстальщик ищет работу(бесплатно или сколько захотите)⁠⁠

Приветствую всех!


Буду рад взяться за создание сайта, с меткой что я сделал, для портфолио.


Вот мой сайт-портфолио http://igorichyak.github.io/Portfolio-Site/ - можно критиковать )


К сожалению дизайном не владею, даже теоретически, но если есть грамотный psd макет то сверстаю Вам сайт.

[моё] HTML CSS Сайт Работа Фриланс Бесплатно Текст
34
sovasl
8 лет назад

Создание сайтов!⁠⁠

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

[моё] Сайт Web-программирование Разработка Создание сайта HTML CSS Веб-дизайн Верстка Текст
11
8
KarlBadman
8 лет назад

Сделаю сайт, за печеньку)⁠⁠

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

П.с. Комментарий для минусов внутри.

[моё] Сайт Объевление Лига Добра HTML CSS Javascript Текст
37
Партнёрский материал Реклама
specials
specials

Сколько нужно времени, чтобы уложить теплый пол?⁠⁠

Точно не скажем, но в нашем проекте с этим можно справиться буквально за минуту одной левой!

Попробовать

Ремонт Теплый пол Текст
l1chooff
9 лет назад

Учим HTML - Урок 1 ( Что такое HTML и что надо делать? )⁠⁠

Учим HTML - Урок 1 ( Что такое HTML и что надо делать? ) HTML, CSS, Верста, Сайт, Учим HTML, Уроки HTML, Основы HTML, Длиннопост

Урок HTML.



Урок - 1.


Что же такое HTML? HTML - это язык разметки гипертекста. Тоесть простыми словами - как и куда сделать этот элемент. Заметьте что HTML это не язык программирования!


(HTML - HyperText Markup Language)



Как же создаётся код HTML?


Всё начинается с создания файла в формате .html (name.html). Далее открываете любой текстовой редактор, но советую скачать новичкам NotePad++.


Это текстовой редактор для более чем 100 языков программирования а также для HTML и тупо как блокнот.


Для более продвинутых советую 2 редактора. Это бесплатный текстовой редактор написанный на html и js - Brackets. Этот редактор сделала компания Adobe и по качеству он очень хорош.


Также есть более продвинутый редактор под название Dreamweaver by Adobe. Этот уже входит в пакет Adobe Creative и он платный по подписке, но Йо-Хо-Хо и на раздачу!



Такс, если мы разобрались с редактором то начинаем писать сам код.


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


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> - Код в старых версиях HTML. Правда непонятно?


А давайте попробуем HTML5! <!DOCTYPE html>. Лучше, правда? - Правда)


Что же такое этот DOCTYPE? Это даёт браузеру или редактору информацию о том что это код HTML, а не другой.


Затем идёт так называемая 'Модель'. Она выглядит как семейной дерево.



<html>
<head>
</head>
<body>
</body>
</html>

Давайте разберём что такое head, body, html. Это всё - теги. Теги это мозг HTML. Например в тег <html> следует писать код внутрь тега <html>.


<head> это невидимая часть кода. Например название сайта в поисковой системе и в окне браузера.


<body> это видемая часть кода, там можно писать текст, картинки, заголовки, цитаты и многое другое.


А зачем два этих тега? body и /body. /ТЕГ закрывает тег, чтобы например в тег head не попали элементы <body>


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



И так, начнём изучать теги и что в них писать.


в <head> мы пишем настройки для страницы. И так первый наш тег - <title>. Он задаёт имя сайту, для окна браузера и в поисковой системе.


Пример: <title>Я учу HTML!</title>.


Следующий тег - <meta>. Он задаёт описание, ключевые слова, кодировку и многое другое странице.


Например <meta name="charset" content="utf-8"> Это означает что тип meta будет кодировка. А content задаёт значение - utf-8 самая распорстанёная кодировка в мире.


Самые важные meta:


<meta name="description" content="Описание"> Это описание страницы для поисковых систем.


<meta name="Keywords" content="Ключевые слова"> Это ключевые слова страницы. Раньше по ним поисковые системы искали сайты. Как сейчас никто не знаете.


<meta name="charset" content="кодировка"> Кодировка страницы.



И так, дальше. Тег <link>. В конце этого тега НЕ пишется </ТЕГ>, такие теги называются одиночные. Тег link подключает CSS, JavaScript, иконка для сайта.


Он пишется так - <link href="ССЫЛКА" rel="ТИП"> rel задаёт тип link. Например для CSS rel будет rel="stylesheet". А href="" задаёт ссылку на файл. Также можно подключить файл из интернета.


Также можно подключить иконку для поисковых систем и другие фишки.

Показать полностью 1
[моё] HTML CSS Верста Сайт Учим HTML Уроки HTML Основы HTML Длиннопост
18
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии