Содержание
что это такое и как посмотреть HTML-код страницы
Что такое исходный код сайта. Как посмотреть HTML-код страницы или отдельного элемента в браузере. Разбираемся вместе с экспертами Ingate.
Исходный код сайта: что это и как его использовать
Что такое исходный код сайта? С этим вопросом сталкивались все, кто начинал осваивать интернет-маркетинг или веб-разработку. Казалось бы, можно просто воспользоваться поиском, чтобы получить ответ на этот вопрос. Но в таком случае вы получите сухое определение типа: исходный код страницы — это комплекс данных, состоящий из разметки HTML, скриптов JavaScript и CSS-стилей, которые сервер передает браузеру в ответ на соответствующие запросы. Много ли понимания подарит такое определение начинающему пользователю или специалисту? Вопрос риторический. Поэтому мы подготовили этот материал, чтобы простым языком подробно разобраться с тем, что такое исходный код сайта, как его узнать и использовать на практике. Итак, начнём.
Код сайта
Исходный код сайта
Суть темы простыми словами
Весь сайт, включая его программную часть и контент, хранится на сервере, который передает код страницы по запросу юзера.
Запрос генерируется путем ввода URL в адресную строку или клика по функциональному элементу страницы. Вне зависимости от типа и сложности сайта главная задача сервера остается прежней: это отправка специальных тегов и текста в ответ на соответствующие запросы. Веб-код исходной страницы — это совокупность данных, которые включают в себя:
- HTML-разметку;
- исполнительные программы на JavaScript;
- таблицу стилей CSS;
- ссылки на отдельные файлы со стилевыми таблицами или кодом JS.
Любой браузер создан таким образом, чтобы быстро и корректно обрабатывать эти типы данных. Сервер же на них не реагирует, так как для его программного обеспечения — это только просто текстовые блоки, которые необходимо передать клиентской стороне.
Для чего нужно извлекать исходники
Просмотр кода страницы позволяет получить значительный массив информации, который можно, а часто и нужно использовать для технической и поисковой оптимизации веб-ресурса. Расшифровка кода сайта даёт возможность:
- проанализировать метатеги собственного или стороннего проекта;
- проверить наличие и провести идентификацию отдельных функциональных элементов кода, включая системы отслеживания, счётчики, скрипты и пр.
; - определить параметры шрифтов, размеров и цветов элементов оформления;
- определить прямые ссылки к изображениям и другому контенту, размещённому на странице;
- проанализировать все имеющиеся ссылки;
- обнаружить технические проблемы, включая невалидный код, стили, не интегрированные в отдельные файлы, и пр.
;И это только базовые возможности, которые открываются перед специалистом, который знает, как найти код и правильно «прочитать» его.
Как получить доступ к исходному документу
Сразу нужно сказать, что получить оригинальную и полную версию кода из браузера не получится, так как сервер все-таки несколько обрезает данные. Но проанализировать разметку можно, и довольно просто. Сейчас мы рассмотрим варианты получения кода страницы с помощью популярного обозревателя Google Chrome. Чтобы найти необходимые данные, нужно кликнуть правой кнопкой мыши по любому участку окна и выбрать в контекстном меню пункт «Просмотр кода страницы». После этого сразу откроется новая вкладка с полной версией site code, доступной для открытого доступа.
Эту «стену текста» со спецсимволами сложно анализировать даже опытным разработчикам. Поэтому лучше воспользоваться специальными встроенными инструментами для разработчиков.
Как увидеть «дружелюбный» исходный код
Чтобы увидеть код главной страницы сайта, нужно кликнуть по значку с тремя точками или полосками. Перейдя в главное меню, следует найти «Инструменты разработчика». Сразу после этого появится окно, в котором в режиме реального времени будет отображаться исходный код. Теперь при клике мыши на отдельном элементе странице в интерактивном окне будет подсвечиваться соответствующий блок. Вкладка Source code позволяет проанализировать скрипты, шрифты, картинки и другие приложенные файлы. При необходимости отдельные фрагменты можно сохранить с помощью функции Save. Переход во вкладку Security даёт возможность просмотреть данные о сертификате безопасности, который используется на сайте. Вкладка Audits включает в себя функцию проверки веб-сайта по различным техническим параметрам.
Просмотр кода сайта
Исходный код страниц сайта
Как проанализировать метатеги
Все HTML-документы состоят из тегов, которые и определяют его структуру. Можно выделить следующие самые распространенные операторы:
- Html – начало документа;
- Head –директория служебных данных;
- Title – заголовок страницы, который будет демонстрироваться в качестве подписи вкладки;
- Body – тело документа.
- h2 – H6 – заголовки основного текста;
- Article – статья;
- Section – раздел;
- Menu – меню;
- Div – отдельный блок;
- Span – строка;
- P – абзац.
- Table – таблица.
Эти элементы разметки нужны для логического форматирования контента на странице. При желании разработчик может оформить документ с помощью стилей. Тег Head необходим для передачи браузеру и серверу служебных данных, необходимых для корректного отображения. Отдельного внимания заслуживает тег Link. В его рамках прописываются адреса ссылок на внешние файлы.
При необходимости их содержимое можно скопировать для переноса на диск или в код собственного сайта. Для этого нужно направить курсор мыши на адрес и кликнуть правой кнопкой. После этого откроется контекстное меню, в котором нужно активировать функцию Open in new Tab. Это откроет новую вкладку с целевым файлом, с которым можно будет подробно ознакомиться или сохранить.
Как отладить скрипт с помощью исходного кода
Для реализации этой задачи лучше открыть код сайта на локальном сервере. Если в правке нуждаются только стили, скрипты или разметка, то все операции можно проводить непосредственно в корневой директории. HTML-код сайта будет отображаться без изменений. Но если перейти во вкладку Console, то здесь будут подсвечиваться все присутствующие ошибки JS. Консоль укажет название ошибки, а также покажет номер строки с её локализацией.
Как проанализировать код отдельной части страницы
Поиск в коде страницы современных сайтов часто осложняется большим объёмом элементов в документе.
Из-за этого быстро найти конкретный элемент без специальных вспомогательных инструментов практически невозможно. Для этих целей предусмотрена специальная команда. Чтобы воспользоваться ей, нужно навести курсор на целевой элемент и вызвать контекстное меню правой кнопкой мыши. Здесь следует выбрать команду «Просмотреть код». После этого откроется стандартное окно, но с уже подсвеченным элементом.
Подведём итоги
Теперь вы знаете, как зайти посмотреть и пользоваться исходным кодом страницы. Согласитесь, это не так сложно, как казалось до прочтения этой статьи. Эти знания точно помогут в поисковой и технической оптимизации сайтов.
ЧИТАЙ ТАКЖЕ
Вики-разметка ВКонтакте для чайников
Гид по API Google Maps: разбираем по шагам
Как написать письмо в службу поддержки Яндекса
Что можно узнать, просмотрев код страницы сайта?
Просматривая бесчисленное множество сайтов в интернете, можно встретить такие, которые очень нам нравятся. Сразу же возникает ряд вопросов.
Сайт сделан с помощью самописного кода или какой-нибудь CMS? Какие у него CSS стили? Какие у него мета-теги? И так далее.
Существует много инструментов, с помощью которых можно извлечь информацию о коде страницы сайта. Но под рукой у нас всегда есть правая кнопка мыши. Её-то мы и будем использовать, на примере моего сайта.
Как просмотреть код страницы?
Чтобы посмотреть исходный код страницы сайта, нужно навести курсор мыши на любую область веб-страницы (за исключением изображений и ссылок). После этого нажать на правую кнопку мыши. Перед нами откроется окно с несколькими опциями (в разных браузерах они могут немного отличаться). В браузере Google Chrome, например, это команды:
- назад;
- вперёд;
- перезагрузить;
- сохранить как;
- печать;
- перевести на русский;
- просмотр кода страницы;
- просмотреть код.
Нам нужно кликнуть на просмотр кода страницы, и перед нами откроется html код страницы сайта.
Просмотр кода страницы: на что обратить внимание?
Итак, Html код страницы представляет собой пронумерованный список строк, каждая из которых несёт информацию о том, как сделан данный сайт. Чтобы быстрей научиться разбираться в этом огромном количестве знаков и специальных символов, нужно различать разные участки кода.
Например, строки кода, находящиеся в внутри тега head содержат информацию для поисковых машин и веб-мастеров. Они не выводятся на сайт. Здесь можно увидеть, по каким ключевым словам продвигается эта страница, как написаны её title и description. Также здесь можно встретить ссылку, перейдя по которой узнаем о семействе google шрифтов, используемых на сайте.
Если сайт сделан на CMS WordPress или Joomla, то это также будет видно здесь. Например, в этой области выводится информация о теме WordPress или шаблоне Joomla сайта. Увидеть её можно, прочитав содержание ссылок, выделенных синим цветом. В одной ссылке виден шаблон сайта.
Например:
view-source:vlad-tver.
ru
Из этой ссылки видно, что сайт сделан на базе WordPress. На это указывают буквы wp-content и название темы сайта. Перейдя по ссылке:
//fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C400italic%2C600&ver=4.5.3
Мы увидим CSS стили шрифтов страницы. В данном случае используется шрифт. Это видно здесь – font-family: ‘Source Sans Pro’.
Данный сайт оптимизируется с помощью сео-плагина Yoast SEO. Это видно из этого закомментированного участка кода:
This site is optimized with the Yoast SEO plugin v3.4.2 – https://yoast.com/wordpress/plugins/seo/
Вся информация, находящаяся внутри тега body, выводится браузером на экране монитора. Здесь мы видим html код страницы, а в самом низу находится код скрипта Яндекс метрики. Он облечён закомментированным тегом с текстом:
/Yandex.Metrika counter
Подводим итоги
Проведя довольно поверхностный анализ кода главной страницы сайта, можно сделать вывод о том, с помощью каких инструментов сделана эта страница.
Мы увидели на ней:
- CMS WordPress;
- Google шрифт Source Sans Pro;
- тема WordPress – Sydney;
- плагины Yoast;
- счётчик Яндекс метрики.
Теперь принцип анализа html кода страницы сайта вполне понятен. Совсем необязательно держать исследуемую страницу открытой в браузере. Сохранить код страницы себе на компьютер можно с помощью комбинаций клавиш ctrl+a, ctrl+c, ctrl+v. Вставьте её в любой текстовый редактор (лучше Notepad++) и сохраните с расширением html. Таким образом, вы в любое время сможете изучить её глубже и найти больше полезной для себя информации.
99 лучших бесплатных HTML-шаблонов, которые сделают ваш сайт блестящим
Раскрытие информации: Ваша поддержка помогает сайту работать! Мы зарабатываем комиссионные за некоторые услуги, которые мы рекомендуем на этой странице. Узнать больше
Перед запуском веб-сайта вам необходимо решить, как вы собираетесь его создавать. В этом списке 99 лучших бесплатных HTML-шаблонов с открытым исходным кодом, которые могут помочь.
Прежде чем мы перейдем к списку, давайте вернемся в более простое время. 1990-е годы. Энтузиасты старой школы HTML называют это «старыми добрыми днями». Где единственный способ создать веб-сайт — это написать его самостоятельно с помощью замечательных сайтов с открытым исходным кодом, таких как HTML-плюшки (которые, как ни странно, все еще существуют).
Это было задолго до того, как бурный рост таких решений, как WordPress, Wix, Weebly и Joomla, позволил любому старику легко установить профессиональный веб-сайт в несколько кликов.
В настоящее время принято без задней мысли использовать CMS (систему управления контентом), такую как WordPress, или службу создания веб-сайтов, такую как Squarespace. Это отличные решения для создания высококачественных сайтов, но они не всегда являются лучшим вариантом. Для людей, которым нужен простой и легкий веб-сайт, CMS может быть излишним. Создание простого сайта с использованием шаблона HTML/CSS сразу дает несколько преимуществ.
- Скорость — использование CMS может требовать значительных ресурсов, что приводит к таким вещам, как увеличение времени загрузки страниц.
- Больше контроля — вы можете получить сайт, который выглядит так же хорошо, как сайт WordPress, и его легче изменить до пикселя, не преодолевая темные туннели сложной архитектуры CMS.
- Безопасность — это факт, что хакеры и спамеры нацелены на популярные установки CMS, потому что это проще. Использование шаблона HTML не означает, что вы полностью защищены, но вы можете быть менее уязвимы для хакеров, нацеленных на известные бреши в системе безопасности.
Ниже приведен список наших любимых шаблонов, разбитых по типам. Проверь их. Один из них может быть именно тем, что вы ищете.
Содержание
- 1 Бизнес
- 2 Исправление/креатив
- 3 Сингл.
- Asperion HTML5 — чистый минималистичный шаблон, предназначенный для предприятий, занимающихся ИТ.
- Bio Farming — достойный шаблон, созданный для устойчивого земледелия. Элементы и дизайн расположены так же, как стандартная целевая страница для дизайнерского агентства.
- Blue Skies — этот веб-сайт фиксированной ширины хорош для ведения блога или бизнеса.
- Bootstrap Restaurant — все, что нужно для сайта ресторана, включая бронирование, карту, онлайн-заказы и слайдеры для демонстрации пунктов меню.
- Кафе — включает в себя высококачественные изображения, интересную типографику и функции для мобильных устройств, такие как гамбургер-меню.
- Corporate Bizz — готовый шаблон для серьезного корпоративного сайта в темной цветовой гамме.
- Кроссфит — крутая современная тема для любой ниши, связанной с фитнесом. Он отзывчив и готов к просмотру мобильных устройств.
- Экологический бренд — этот минималистичный и отлично подходит для любой профессиональной организации.
- Home Property — для профессионалов в сфере недвижимости. Это может быть для компании или служить каталогом.
- HTML5 Streets — отлично подходит для простого бизнес-сайта. Строительство было бы хорошей нишей для использования этого.
- HTML5 Вода — фон и цветовая гамма изображения напоминают морские пейзажи. Это было бы неплохо для места для дайвинга или чего-либо, связанного с водными видами спорта.
- HTML 919 — классический 5-страничный полноэкранный веб-сайт с заголовком, телом, нижним колонтитулом, подзаголовком и текстурированным фоном.
- Leather and Coffee — 5-страничный шаблон для кафе. Он использует фейдер изображения jQuery и может похвастаться богатой цветовой схемой.
- Медицина — Подходит для медицинских работников.
- Natural Paper Co — оттенки коричневого придают этому сайту приземленную атмосферу. Дизайн хорошо организован и эффективен.
- Nautica 05 Dark — его легко изменить и проверить. В комплекте четыре макета.
- Органическая ферма — есть клиент, которому нужен веб-сайт органической фермы? Вот идеальный шаблон для него.
- Шаблон Parallax — созданный с использованием HTML/CSS/JS, этот шаблон полезен для малого бизнеса и стартапов.
- Six Dark — цветовая схема оживляет этот простой и чистый шаблон.
- The Tree Hills — этот шаблон сайта, созданный для дизайнеров, имеет освежающую цветовую схему и профессиональный, но творческий вид.
- Web 2.0 — обратите внимание, если вы ищете простой статический веб-сайт для бизнеса. Здесь нет ничего необычного или нового, но это надежный шаблон.
- Wind Power — еще один шаблон устойчивого бизнеса от Studio7Designs. Ему уже более 5 лет, но он до сих пор отлично работает.
- Классный макет — это не весь веб-сайт, но вполне может быть. Этот шаблон имеет макет из пяти разделов с цепной анимацией. Это отлично подходит для демонстрации изображений.
- Forty — действительно простая, но потрясающая тема в стиле Material Design для фотографов.
- Helios — еще одна халява от HTML5up.net, Helios отлично подходит для фотографов.
- Nautica — демо-версия для свадебного фотографа. Это просто, причудливо и классно.
- Фортепиано — это шаблон на музыкальную тему, идеально подходящий для учителя игры на фортепиано.
- Pure CSS Parallax — если у вас есть изображения высокого качества, этот шаблон подойдет. Он имеет четыре секции параллакса.
- Sigma — эта сетка изображений в стиле метро имеет несколько столбцов и адаптивный лайтбокс. Если у вас много изображений, вы можете эффективно использовать Sigma.
- BIWAS — это похоже на многие другие веб-сайты, посвященные ИТ-бизнесу. На этой целевой странице есть разделы параллакса, многоуровневые таблицы цен, контактная форма и выдвижное меню.
- Coloi — если вам нужно разработать сайт для веб-сервиса, компания Coloi отлично подойдет.
- Creative Winter — этот простой веб-сайт с параллаксом во всю ширину — хороший одностраничный сайт для креативщиков.
- Fancy Mobile Flat — плоский дизайн в ярких пастельных тонах и липкий заголовок.
- Fractal — очень простой шаблон, который вы можете использовать как отправную точку для своих собственных идей.
- Оттенки серого — цветовая схема оттенков серого имеет очень впечатляющий эффект. Это одно из моих любимых. Дизайн очень сложный, и он естественным образом фокусирует ваше внимание на содержании.
- Jasmin — очень минималистичный и чистый сайт. Это простой, чистый сайт, удобный для мобильных устройств и с хорошей анимацией CSS.
- Целевая страница — одна из самых чистых целевых страниц для фрилансеров и дизайнеров. Как и хороший дизайн, он прост, функционален и кажется правильным.
- Металлический слайдер — как следует из названия, вы получаете металлический слайдер. Этот один пейджер имеет интерактивные скользящие панели, которые показывают ваш контент.
- Моделирование — это чистый и модный сайт.
- Персональный веб-сайт — если вы дизайнер или творческий человек, этот веб-сайт обязательно произведет впечатление. Он очень чистый и имеет впечатляющую анимацию.
- Рекс — на этой целевой странице есть все необходимое, которое вы можете настроить.
- rLAKPm — современный одностраничный сайт для стартапов и разработчиков. Он использует анимированные эффекты и цветовые схемы, соответствующие материальному дизайну.
- Simple Life — чистый одностраничный шаблон, который дает вам все основы для ведения блога или бизнеса. Навигационное меню позволяет перейти к различным разделам страницы.
- Spa Gardenia — этот длинный одностраничный шаблон подойдет для спа-салонов, парикмахерских или любой другой целевой страницы.
- Стильное портфолио — хорошее начало для портфолио на основе материального дизайна.
- Агентство — подходит для любого малого агентства или бизнеса. Этот хорошо спроектированный полноэкранный сайт привлекает внимание к центру страницы.
- Художественное портфолио — это может служить сильным портфолио для самых разных творческих профессионалов.
- Аудио — меломанам тоже нужны веб-сайты. Это отлично подходит для любого аудиотехника, программиста, даже учителя музыки.
- Боке — эта гибкая тема использует много красного цвета и имеет встроенное раскрывающееся навигационное меню в верхней части страницы. Он ориентирован на дизайнеров.
- CLJxH — минимальный одностраничный шаблон с параллаксной прокруткой по одному фоновому изображению. Это хороший выбор для тех, кто хочет просто присутствовать в Интернете.
- Творческое портфолио — проще не бывает. Этот портфель избавляет от лишнего. Это дает посетителям кто, что и где без каких-либо излишеств.
- Gamer Template — этот полноразмерный сайт предназначен для игрового блога. Это просто, но выглядит современно.
- Я Тим — автор этого шаблона веб-дизайнер. Этот шаблон является целевой страницей для его услуг. Фрилансеры всех видов могут использовать его.
- Капитан Китти — использует принципы материального дизайна, чтобы создать успокаивающий эффект для посетителей. Отлично подходит для личного блога или портфолио.
- Блог о материальном дизайне — здесь используются передовые тенденции веб-дизайна для создания приятного блога. Это очень классный шаблон, хотя и с карточным макетом, который вы видели в Twitter или Facebook.
- OnePager — как следует из названия, одностраничный шаблон, но предназначенный для портфолио и бизнес-сайтов.
- Photo_Dark — этот темный шаблон создает настроение для демонстрации ярких фотографий.
- Веб-сайт с прокруткой — этот сайт с прокруткой параллакса jQuery имеет красивые изображения и настроен как диорама. Это отлично подходит для мероприятия, истории или даже портфолио.
- Простой стиль_7 — этот стильный шаблон станет отличным портфолио для очень организованного и аккуратного человека.
- Тим Роберт-Фитцджеральд — это предельно простое портфолио, которое может использовать каждый. Он чистый, сфокусированный и требует совсем немного, чтобы сделать его своим.
- Видеоблог — это шаблон видеоблога, написанный в 2013 году. Цветовая схема и графический дизайн приятный и приземленный.
- Ваше дизайнерское портфолио — в этом шаблоне есть раздел портфолио и боковая панель, которые помогут вам продемонстрировать свою работу.
- Bazaar — этот плоский адаптивный веб-сайт впечатляет! Исходные файлы включают файлы Photoshop.
- Best Store — этот шаблон интернет-магазина предназначен для продажи высококачественных товаров. Это стильно, профессионально и красиво оформлено.
- The Big Store — этот бесплатный шаблон поможет вам создать продуктовый интернет-магазин. Управляйте пользователями, демонстрируйте продукты и принимайте платежи.
- Blue Clean — все в названии. Этот использует разные оттенки синего и очень чистый. Используйте его, чтобы открыть магазин по продаже технических товаров.
- Bootstrap Shop — это готовый интернет-магазин. Он современный, и в нем есть корзина для покупок, готовая к работе.
- Магазин штор — этот двухколоночный макет выполнен в темной цветовой гамме. Добавьте корзину, и у вас будет полноценный магазин.
- Digi Shop — Этот современный интернет-магазин идеально подходит для продажи широкого ассортимента товаров.
- FooseShoes — продавать женскую обувь — да что угодно.
- Свободный стиль — много пустого пространства и много четких сеток помогают демонстрировать фотографии продуктов.
- Furnyish — ползунки, пробелы и хорошо организованные сетки придают этому сайту мебельного магазина ощущение домашнего уюта.
- Продуктовый магазин — продавайте в Интернете все, что связано с едой, с помощью этого камня.
- Home Shoppe — красивый интернет-магазин по продаже всевозможных товаров.
- H-образная форма — эта красочная плоская конструкция включает товары для фитнеса, такие как одежда, спортивная одежда и снаряжение для тренировок.
- IWear — Этот магазин очков выполнен в винтажном стиле.
- Leoshop — этот плоский шаблон электронной коммерции поможет вам создать сайт высокого уровня, такой как Amazon или Snapdeal.
- Markito — магазин плоских футболок, который вы можете сшить самостоятельно.
- New Shop — еще один плоский адаптивный шаблон, построенный на бутстрапе. Этот шаблон актуален и готов к продаже.
- Перепродажа — перепродажа упрощает создание сайта, на котором люди могут покупать и продавать подержанные товары.
- Sell Anything — этот шаблон из 4 колонок является отзывчивым и довольно впечатляющим. Это хороший выбор для продажи одежды или чего-либо еще.
- ShopList — приятные функции включают в себя уникальный слайдер, страницы продуктов, превью изображений и корзину покупок.
- Умная распродажа — этот сайт приятно просматривать и содержит несколько интересных элементов материального дизайна. Он идеально подходит для любого типа магазина.
- Smart Store — этот шаблон имеет уникальную сетку по сравнению с большинством других в этом списке и очень привлекательную цветовую схему.
- Компания по серфингу — нужно создать сайт для компании по серфингу? Вы можете начать работу с этим шаблоном.
- Женская мода — здесь есть все, что нужно для открытия модного онлайн-бутика. Адаптируйте его к своим потребностям, чтобы он соответствовал вашей цели.
- Youth Fashion — сайт-корзина для модной одежды. Запустите интернет-магазин, просто добавьте свой контент и настройте платежный шлюз.
- Colormag — простой и удобный для чтения шаблон журнала со свежей цветовой схемой.
- Cyber Tech — очень подробный веб-шаблон для журнала или блога о любых технологиях.
- Ежедневная газета — продемонстрируйте свой контент с помощью легко читаемого шрифта и удобного макета.
- Журнал — навигационное меню в виде вкладок, полноразмерные разделы и чистый графический дизайн делают журнал достойным внимания.
- MagExpress — это потрясающий журнал, который хорошо подойдет для новостей или стиля жизни.
- Совокупность новостей — извлеките лучший контент с помощью этого сводного шаблона. Создайте сайт, подобный Alltop. com.
- Газета — интересная тема газеты, гибкая и простая в настройке.
- Organic Design — еще один сайт с фиксированной шириной, созданный для экологичного бизнеса.
- Pixabella04 — у этого есть блог, несколько макетов, коробочный макет и боковые панели.
- Тема № 4 — простой макет фиксированной ширины с четким ощущением. Это хорошо для технического блога.
- Wine Social — отличный сайт для винодельни, пивоварни или любого другого бизнеса по производству напитков.
- Желтый блог — этот блог выглядит профессионально и красиво. Если вы ищете альтернативу WordPress, это разумный выбор.
Художественный/Креативный
Это просто, причудливо и классно.Одностраничный
Блог/Персональный сайт
Отлично подходит для личного блога или портфолио.
Цветовая схема и графический дизайн приятный и приземленный.Электронная торговля
Добавьте корзину, и у вас будет полноценный магазин.
Журнал/новостной блог
com.Создание пользовательского сайта
Некоторым из этих шаблонов может быть несколько лет, но они могут работать в вашу пользу. Программное обеспечение развивается быстро, но HTML в настоящее время никуда не денется. Вы можете заметить, что некоторые из этих шаблонов можно использовать более чем в одной нише, несмотря на их категории. В любом случае, просто знайте, что эти шаблоны позволят вам создать собственный сайт (с небольшой помощью), который обязательно выделится.
Фрэнк
Фрэнк Мораес — редактор и автор HTML.com и других веб-сайтов.
Design a web page using HTML and CSS
287
8
|
Navbar {
NAV-LIST {
NAV-LIST LI {
Firstsection {
ширина: 80%; 
Text-Small {
btn-sm { 
Text-Footer {
png" 
HTML представляет собой комбинацию гипертекста 
0286 
0288
