Лингвофорум

Общий раздел => Наука и техника => Компьютеры => Тема начата: Tys Pats от февраля 26, 2017, 19:45

Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Tys Pats от февраля 26, 2017, 19:45
Посоветуйте, пожалуйста, какой-нибудь простенький редактор для создания веб-страничек и то, где можно взять совсем простенькие темплейты на 3-5 взаимосвязанных страничек?
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Bhudh от февраля 26, 2017, 20:15
Код (Простенький темплейт) Выделить
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Заголовок страницы</title>
</head>
<body>
<div>
Текст блока.
</div>
<p>Текст параграфа.<br>
<a href="http://example.com" title="Всплывающая подсказка">Текст ссылки</a>.</p>
</body>
</html>


Что может быть проще?
Вам хоть для чего темплейт?
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Tys Pats от февраля 26, 2017, 21:07
Дочке в школе домашнее задание: создать свой сайт с пятью страницами. А в школе учитель то ещё учитель - обучение деградировал до самообучения. Я сам таких страничек никогда не делал. Когда-то в университете изучал ассемблер, а это совсем другое.
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Bhudh от февраля 26, 2017, 21:14
Интересно, как учитель собрался проверять задание. Куда именно он будет пихать сайт — на школьный сервер или в виртуальный?
На каком, собственно, языке должны быть странички? (Фиг знает, сейчас и PHP могут в школе изучать.)
В простейшем случае сделайте 5 копий кода выше в файлы с расширением .html и напишите туда что-нибудь. Хотя шаблонов тоже можно отыскать массу.
А о "редакторах для создания веб-страничек" забудьте как о страшном сне: служебной нужной только роботам информации в сваянной ими страничке будет больше, чем написанного вами текста.
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Bhudh от февраля 26, 2017, 21:20
Вот, кстати, отвечал в соседней теме и дал ссылку на простой шаблон: http://lionindesert.ru.
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Tys Pats от февраля 26, 2017, 21:28
Цитата: Bhudh от февраля 26, 2017, 21:14
Интересно, как учитель собрался проверять задание. Куда именно он будет пихать сайт — на школьный сервер или в виртуальный?
На каком, собственно, языке должны быть странички? (Фиг знает, сейчас и PHP могут в школе изучать.)
В простейшем случае сделайте 5 копий кода выше в файлы с расширением .html и напишите туда что-нибудь. Хотя шаблонов тоже можно отыскать массу.
А о "редакторах для создания веб-страничек" забудьте как о страшном сне: служебной нужной только роботам информации в сваянной ими страничке будет больше, чем написанного вами текста.

Проверять будет в ms expression web4. Так понимаю - XTML.



Дочка уже и оформление придумала.

1. "index"
Текст блок (Название сайта)
Чуть ниже пять кнопок (первая на эту страничку, остальные - на следующие)
Под всей страницей фоновый рисунок.
Где-то в нижнем углу информация о разработчике.

2. "Обо мне"
Всё что на первой странице уходит в полосу на верхней части страницы.
Слева фотография
Справа - полоса текста.

3. Верхняя часть как у второй страницы.
Дальше очерки - название, фотография (или фотографии), текст; название фотография, текст....

Оформление 4. и 5. страниц как у 3.
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Tys Pats от февраля 26, 2017, 21:33
Цитата: Bhudh от февраля 26, 2017, 21:20
Вот, кстати, отвечал в соседней теме и дал ссылку на простой шаблон: http://lionindesert.ru.

Спасибо! Попробую адаптировать.  :)
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Bhudh от февраля 27, 2017, 17:03
Offtop
Цитата: Tys Pats от февраля 26, 2017, 21:28ms expression web4
Интересно, на хрен этой штуке 2 гига места на диске⁈
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Tys Pats от февраля 27, 2017, 21:19
Цитата: Bhudh от февраля 27, 2017, 17:03
Offtop
Цитата: Tys Pats от февраля 26, 2017, 21:28ms expression web4
Интересно, на хрен этой штуке 2 гига места на диске⁈

Как, возможно, сказал бы один мой знакомый профессор: "Microsoftes".  :)
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Tys Pats от февраля 27, 2017, 21:22
Пробую разобраться с файлом style.css.
Как в нём указывают ссылки на фоновые рисунки, если те находятся в той же папке, где и сам этот style.css ?
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Bhudh от февраля 27, 2017, 21:24
Простым названием файла.
div {
    background-image: url("имя файла");
}


На сайте без кавычек указано, кстати:
.warning {
  overflow: hidden; /* Отменяем обтекание */
  margin: 30px 0; /* Отступ сверху и снизу */
  background: url(images/head.png) no-repeat;
  min-height: 92px;
}
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Tys Pats от февраля 27, 2017, 21:43
Цитата: Bhudh от февраля 27, 2017, 21:24
Простым названием файла.
div {
    background-image: url("имя файла");
}


Спасибо!

Я убрал команду repeat-x, а рисунок всё ровно повторяется. Как ему приказать растянуться по хеадеру, без повторений?
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Tys Pats от февраля 27, 2017, 21:45
Цитата: Bhudh от февраля 27, 2017, 21:24
... no-repeat;[/b]
...

Спасибо!  :)
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Bhudh от февраля 27, 2017, 21:48
Надо не только убирать, а написать no-repeat в свойстве background-repeat (https://webref.ru/css/background-repeat).
А растяжение задаётся свойством background-size (https://webref.ru/css/background-size).
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Tys Pats от февраля 28, 2017, 20:48
Всё получилось! Спасибо!  :)
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Bhudh от февраля 28, 2017, 20:56
Шо получилось-то? Пятёрка в четверти?
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Tys Pats от февраля 28, 2017, 22:41
Цитата: Bhudh от февраля 28, 2017, 20:56
Шо получилось-то? Пятёрка в четверти?

Функциональная и красиво оформленная Web страничка получилась.  :)
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Bhudh от февраля 28, 2017, 22:43
Функциональная? :what: Вы ещё и скриптов туда насовали?
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Tys Pats от февраля 28, 2017, 22:50
Цитата: Bhudh от февраля 28, 2017, 22:43
Функциональная? :what: Вы ещё и скриптов туда насовали?

Рекламных баннеров :)
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Bhudh от февраля 28, 2017, 22:51
ОМГ. Не через background, надеюсь?
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Tys Pats от февраля 28, 2017, 22:54
Цитата: Bhudh от февраля 28, 2017, 22:51
ОМГ. Не через background, надеюсь?

Смотрится хорошо.   :smoke:
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Bhudh от февраля 28, 2017, 22:55
Что за баннер, на который кликать нельзя?
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Tys Pats от февраля 28, 2017, 22:58
Цитата: Bhudh от февраля 28, 2017, 22:55
Что за баннер, на который кликать нельзя?

Да, не, без каверзы - для виду, для солидности.
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Tys Pats от февраля 28, 2017, 23:10
Цитата: Bhudh от февраля 28, 2017, 22:55
Что за баннер, на который кликать нельзя?

Вы в смысле "невозможно" ? Почему-то в контексте с вопросом о скриптах показалось, что вы о чём-то вредоносном. Нормальные баннеры - с ссылками.
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Bhudh от февраля 28, 2017, 23:12
Ссылка с картинкой-бэкграундом?! Что-то странное. Почему не обычный <a><img></a>?
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Tys Pats от февраля 28, 2017, 23:21
Цитата: Bhudh от февраля 28, 2017, 23:12
Ссылка с картинкой-бэкграундом?! Что-то странное. Почему не обычный <a><img></a>?

Всё верно, не с бэкграунда. Нормальный вставной gif рисунок (<img>), который оформлен как гиперссылка.
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Bhudh от февраля 28, 2017, 23:23
Понятно, значит, цигарку не так понял. ;D
Название: Редактор для создания/коррекции веб-страниц.
Отправлено: Tys Pats от февраля 28, 2017, 23:26
Цитата: Bhudh от февраля 28, 2017, 23:23
Понятно, значит, цигарку не так понял. ;D

Ну, да, цигарка - символ удовольствия после хорошо проделанной рaботы.