Если вы не знакомы с веб-дизайном и интерфейсом (HTML, CSS, Javascript), вы можете начать работу с редактора WYSIWYG. Этот аббревиатура означает «то, что вы видите, это то, что вы получаете», и в основном это относится к программному обеспечению, которое позволяет вам создавать веб-страницу с помощью визуальных инструментов, в то время как программное обеспечение записывает код за кулисами на основе того, что вы создаете. Самый популярный доступный инструмент WYSIWYG - это, возможно, Dreamweaver от Adobe.
Dreamweaver - хороший вариант для тех, кто только начинает работу
Хотя многие опытные веб-профессионалы с более совершенными навыками смотрят вниз на Dreamweaver и склонны создавать раздутые разметки HTML и стили CSS, простая истина в том, что платформа остается хорошим вариантом для тех, кто только начинает работать с дизайном веб-сайта. Когда вы начинаете использовать «дизайн-представление» Dreamweaver для создания веб-страницы, один из вопросов, который у вас есть, - это создать один разрыв строки для контента в этом представлении.
Когда вы добавляете текст HTML на веб-страницу, веб-браузер отобразит этот текст в виде длинной строки, пока не достигнет края окна браузера или его элемента контейнера. В этот момент текст будет перенесен на следующую строку. Это похоже на то, что происходит в любом программном обеспечении для обработки текстов, таком как Microsoft Word или Google Docs. Когда в строке текста больше нет места на горизонтальной линии, она будет завершена, чтобы начать другую линию. Итак, что произойдет, если вы хотите диктовать, где разрыв строки?
Когда вы нажимаете клавишу ENTER в представлении дизайна Dreamweaver, текущий абзац закрывается и начинается новый абзац. Визуально это будет означать, что эти две линии разделены бит вертикального интервала. Это связано с тем, что по умолчанию абзацы HTML имеют отступы или поля (которые зависят от самого браузера), применяемые к нижней части абзаца, которая добавляет этот интервал.
Это можно скорректировать с помощью CSS, но, на самом деле, вы хотите, чтобы между абзацами было расстояние между ними, чтобы обеспечить удобочитаемость веб-сайта. Если вам нужна одна строка и не имеет большого вертикального интервала между строками, вы не хотите использовать клавишу ENTER, потому что вы не хотите, чтобы эти строки были отдельными абзацами.
В эти моменты, когда вы не хотите, чтобы новый абзац начинался, вы должны добавить
тег в HTML. Это также иногда записывается как
, специально для версий XHTML, которые требовали закрытия всех элементов. Заключительный / в этом синтаксисе self-closes элемент, поскольку
тега не имеет собственного закрывающего тега. Это все хорошо и хорошо, но вы работаете в Design View в Dreamweaver. Вы можете не захотеть перепрыгнуть в код и добавить эти перерывы. Это прекрасно, потому что вы действительно можете добавить разрыв строки в Dreamweaver, не прибегая к просмотру кода.
Добавить разрыв строки в дизайне Dreamweaver:
- Поместите курсор туда, где вы хотите начать новую строку.
- Удерживайте клавиша переключения и нажмите Войти.
Это оно! Простое добавление клавиши «shift» вместе с ENTER добавит
вместо нового абзаца. Итак, теперь, когда вы знаете, как это происходит, вы должны подумать, где его использовать и где его избежать. Помните, что HTML предназначен для создания структуры сайта, а не визуального внешнего вида. Вы не должны использовать несколько
чтобы создать вертикальное расстояние под элементами вашего дизайна.
Вот для чего нужны свойства CSS для заполнения и полей. Где вы будете использовать
тег, когда вам просто нужен перерыв в одной строке. Например, если вы кодируете почтовый адрес, и вы решили использовать абзац, вы можете добавить
теги:
название компании Этот код для адреса является одним абзацем, но визуально он отображает три строки на отдельных строках с небольшим промежутком между ними.
Адресная строка
Город, штат, ZIP
