Видео: Как создать свой сайт самому, с нуля, бесплатно. Обучение HTML и CSS. Пошаговая инструкция. Урок 1 2025
Создание HTML-документов отличается от создания документов текстового процессора с помощью приложения, такого как Microsoft Word. Отличие состоит в том, что нужно использовать два приложения с созданием HTML-документа:
-
Ваш текст или редактор HTML, где вы создаете веб-страницы
-
Ваш веб-браузер, где вы просматриваете результаты
Хотя многие редакторы HTML, такие как Dreamweaver и HTML-Kit, предоставляют предварительный просмотр в браузере, по-прежнему важно предварительно просмотреть веб-страницы в реальных веб-браузерах (например, Internet Explorer, Chrome, Firefox и Safari), чтобы вы могли видеть их как своих конечных пользователей.
Редактирование внутри одной программы, а затем переход на другую для просмотра вашей работы может показаться странным, но вы будете переключаться между редактором и браузером, как профессионалом.
Поскольку не все веб-браузеры созданы равными (или идентичными), веб-страницы могут отличаться в зависимости от используемого вами браузера. Получите привычку и регулярную практику предварительного просмотра веб-страниц в нескольких браузерах, чтобы вы видели, что видят ваши конечные пользователи, когда они открывают эту страницу.
Чтобы начать работу на первой веб-странице, вам понадобятся два типа программного обеспечения:
-
Последняя версия Aptana Studio: Перейдите на веб-сайт Aptana, чтобы получить свою копию. Aptana Studio - это инструмент веб-проекта, который работает на Windows, Mac OS и Linux.
-
Веб-браузер: Internet Explorer, Chrome, Firefox и Safari - самые популярные веб-браузеры, поэтому обязательно проверяйте свои страницы в каждом из них, если это возможно.
Рекомендуем бесплатный инструментарий для разработки веб-сайтов Aptana Studio, и вот почему:
-
Работа с разметкой: Хотя расширенный HTML-редактор, такой как Expression Web или Dreamweaver, часто скрывает ваши HTML от вас, Aptana позволяет вам напрямую взаимодействовать с разметкой. Для первой страницы вы хотите увидеть свой HTML во всей своей (ограниченной) славе.
Когда вы познакомитесь с разметкой, синтаксисом и структурой XHTML и CSS, вы можете действительно начать петь Aptana Studio. Это хороший инструмент и обеспечивает отличную поддержку HTML5 и веб-страниц, отлично справляется с CSS3 и предлагает хорошую поддержку PHP, Ruby и Rails.
-
Чистка кода: Текстовые процессоры, украшенные колокольчиками (например, Microsoft Word), часто добавляют дополнительную информацию за кулисами (например, инструкции по форматированию для отображения или печати файлов). Вы не можете видеть или изменять эту информацию во время редактирования, но это противоречит вашему HTML. С Aptana вам не нужно беспокоиться о том, что эти колокола и свистки создают шум в фоновом режиме.
