Добавлен: 16.06.2023
Просмотров: 279
Скачиваний: 2
СОДЕРЖАНИЕ
С 1 июня 2001 года услуги по регистрации доменных имен конечным пользователям в России оказывают аккредитованные Координационным центром регистраторы. Это компании, находящиеся в Москве, Московской области, Санкт-Петербурге, Самаре, Калининграде и Новосибирске; многие из регистраторов активно развивают собственные партнерские сети (в партнерских программах регистраторов обычно участвуют интернет- и хостинг-провайдеры, веб-студии), которые предоставляют услуги по всей стране. Таким образом, любой заинтересованный в регистрации доменного имени пользователь сможет легко воспользоваться данной услугой.
Координационный центр администрирует национальные домены верхнего уровня .RU/.РФ, т.е. выполняет функции национальной регистратуры. Национальная регистратура осуществляет ведение базы данных зарегистрированных доменных имен второго уровня и поддержку функционирования этих имен в интернете. Координационный центр не является регистратором и прямая регистрация доменных имен через него невозможна, он лишь определяет политику регистрации доменных имен в администрируемых им доменах верхнего уровня.
Наиболее крупный регистратор на этом рынке Ru-Center (nic.ru). Поэтому он и был выбран для приобретения домена.
Домен разрабатываемого сайта http://www.oneplus.net.
Настройка платформы
Для того, чтобы начать использовать конструктор сайтов wix, необходимо в первую очередь зарегистрироваться на сайте wix.com.
Для создания сайта необходимо указать основные сведения, такие как название сайта, адрес сайта, план, домен, который будет подключен к сайту.
Можно также задать краткое описание для сайта, логотип, ввести контактные данные.
Как таковой настройки больше не требуется, далее все действия в той или иной степени будут относиться уже и к разработке сайта.
Создание сайта
Есть два способа для подключения bootstrap:
- Через скачивание файлов.
Для этого нужно зайти на официальный сайт выбрать компоненты которые понадобятся для работы и в самом конце скачайть нажав на кнопку «Compile and Download». Далее распаковать архив у себя на компьютере.
Для базовой работы понадобится лишь подключить один файл в <head> — bootstrap.min.css.
|
<link rel='stylesheet' href='/css/bootstrap.min.css' type='text/css' media='all'> |
- Или через cdn
Но он требует подключение к интернету во время работы с фреймворком.
Для подключения bootstrap.min.css необходимо добавать эту строчку кода в <head> —
|
<link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> |
bootstrap.min.js —
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> |
Бутстрап имеет широкий список инструментов, облегчающих жизнь разработчика:
1. Сетка — адаптивная 12-колоночная сетка с фиксированными размерами колонок.
- Адаптивная сетка
2. Шаблон — может быть резиновым или фиксированным.
3. Типографика — можно оформить код, цитаты, абзацы, заголовки, заголовки со вторичным текстом, подзаголовки, выравнивание текста, аббревиатуры и т.п. Оформление уже прописано в css-классах, вам достаточно подключить стили и сделать верную разметку документа классами.
При этом на странице можно не только разместить один раз <h1>H1 Заголовок</h1>, но сделать это несколько раз вот так <div class=»h1″>H1 Заголовок</div>, сохранив одинаковое стилистическое оформление.
- Типографика
4. Медиа — позволяет красиво оформлять картинки и видео.
- медиа
5. Таблицы — можно оформить таблицу, в том числе добавив возможность сортировки.
- Таблица
6. Навигация — для создания крутой навигационного меню на сайте. Обычно с навигацией возникают разного рода проблемы — будь то с элементами навигации или просто верстке «как надо», в общем задача не из легких. И Bootstrap упрощает ее, предлагая табы, постраничную навигацию, хлебные крошки, вкладки, боковое и главное меню, навигационный тулбар и пр.
- Навигация
7. Формы — позволяет создавать различные формы: в одну или несколько строк, с подсказками и валидацией полей, с радио- или чекбоксами, лейблами и выпадающими кнопками. При этом вы сможете подсвечивать неправильно заполненную часть формы, давая предупреждение пользователю при возникновении ошибки в заполнении.
- формы
8. Алерты — для оформления диалоговых окон. В основном это всплывающие окна или подсказки — ошибка (danger), предупреждение (warning), успех (success), подсказка (info). И использовать просто, просто дописываете необходимый класс и все готово.
- Алерты
9. Кнопки — в т.ч. «выпадающие» кнопки.
- Кнопки
10. Прогресс-бары
- Прогрессбары
11. Шрифт из иконок —возможность добавить красивых элементов в оформлении сайта. Можно даже отказаться от формирования и использования иконочных спрайтов! Правда с ограничениями: у исходной копии иконки может быть только один цвет.
- Иконки
В общих чертах это примерно ½ от всех возможностей (многие из пунктов имеют целые ответвления по возможности оформления). Бутстрап давно стал одним из универсальных инструментов.
Бутстрап позволяет пользоваться готовым решением, творить на основе понятного и очень продуманного инструмента. Вместо того чтобы собирать все свои решения, хаки и наработки в одну коробку, достаточно пользоваться фреймворком. И Бутстрап — один из лидеров среди них.
Руководство пользователя
На главной странице сайта размещена информация рекламного характера о телефоне OnePlus 5.
- Главная страница
На вкладке oneplus 5T размещена более подробная и конкретная информация о телефоне.
- Страница OnePlus 5T
На странице аксессуары можно подобрать различные аксессуары
- Страница аксессуары
На странице поддержка размещена информация о поддержке
- Страница поддержка
На странице сообщество размещена информация о ресурсах, посвященных продукции компании и форум.
- Страница сообщества
Выводы
В данной работе была осуществлена разработка промо-сайта OnePlus 5. Разработанный сайт включает несколько страниц и подстраниц. На нем размещена основная информация о продукции и предоставляемых услугах.
Сайт размещен в сети интернет и доступен по привязанному к нему доменному имени.
Разработано руководство пользователя.
ЗАКЛЮЧЕНИЕ
Сфера информационных услуг на сегодняшний день развивается очень активно. Интернет сайты появляются в большом количестве, причем на всех уровнях. Сайты предлагаются, как отдельными людьми и частными компаниями, так и на государственном уровне.
Существует огромное количество видов возможной классификации сайтов. Существует большое количество разновидностей сайтов по назначению, используемым технологиям, тематике и т.д.
На сегодняшний день предметная область, касающаяся web-сайтов, включает в себя большое количество различных аспектов, в зависимости от того, с какой точки зрения рассматривается этот вопрос. Часто проектированием, созданием, наполнением сайтов, занимаются разные люди. Дизайн разрабатывается дизайнерами, создание шаблона верстальщиками, наделение шаблона функциональными возможностями фронтенд разработчиками.
При разработке web-ресурсов, в каждом конкретном случае необходимо выбрать наиболее эффективные технологии разработки, которые позволят обеспечить наиболее оптимальный результат.
Согласно техническому заданию к данной работе необходимо было разработать web-сайт салона красоты.
В результате выполнения данной работы был разработан промо-сайт OnePlus 5, рассмотрены технологии разработки web-сайтов, обоснован выбор инструментов для разработки.
Практическая значимость работы состоит в возможности использования созданного web-сайта, а так же в возможности получения сведений о разработке web-сайтов на конкретном примере.
СПИСОК ЛИТЕРАТУРЫ
- Андерсон, С. Приманка для пользователей: создаем привлекательный сайт / С. Андерсон; [пер. с англ. С. Силинский]. - Москва: Питер, 2013. - 234 с.
- Вин, Ч. Как спроектировать современный сайт: профессиональный веб-дизайн на основе сетки / Ч. Вин. - Москва [и др.]: Питер, 2011. - 192 с.
- Вукс, Т. Наполнение сайта и авторское право / Т. Вукс // Интеллектуальная собственность. Авторское право и смежные права. - 2009. - № 6. - С. 49-56.
- Вычислительные системы, сети и телекоммуникации / Пятибратов и др. — ФИС, 2009.
- 100% самоучитель по созданию Web-страниц и Web-сайтов: HTML и JavaScript / А. Ю. Гаевский, В. А. Романовский. - Москва: Технолоджи - 3000: Триумф, 2008. - 457 с.
- Грачев, А. Создаем свой сайт на WorldPress: работа с CMS WorldPress 3 / А. Грачев. - Санкт-Петербург [и др.]: Питер, 2011. - 282 с.
- Как сделать идеальный сайт // Фотомастерская. - 2012. - № 12. - С. 58-60.
- Коммутация и маршрутизация IP/IPX трафика / М. В. Кульгин, АйТи. — М.: Компьютер-пресс, 2009.
- Никсон, Р. Создаем динамические веб-сайты с помощью PHP, MySQL и JavaScript / Р. Никсон; [пер. с англ. Н. Вильчинский]. - Санкт-Петербург [и др.]: Питер, 2013. - 496 с.
- Компьютерные сети. Принципы, технологии, протоколы / Олифер В.Г., Олифер Н.А. - Учебник для вузов – СПб. Питер, 2012. – 943 с.
- Персональные компьютеры в сетях TCP/IP. Крейг Хант; пер. с англ. — BHV-Киев, 2009.
- Протоколы Internet. С. Золотов. — СПб. BHV — Санкт-Петербург, 2009.
- Профессиональная разработка сайтов на Drupal 7 / Б. Мелансон [и др.; пер. с англ. И. Размайкина]. - Москва [и др.]: Питер, 2013. - 687 с.
- Рязанцева, Л. Что нам стоит сайт построить / Л. Рязанцева // Библиополе. - 2008. - № 5. - С. 25-27.
- Рязанцева, Л. Что нам стоит сайт построить / Л. Рязанцева // Библиополе. - 2008. - № 6. - С. 27-29.
- Рязанцева, Л. Что нам стоит сайт построить / Л. Рязанцева // Библиополе. - 2008. - № 8. - С. 20-21.
- Рязанцева, Л. Что нам стоит сайт построить: как писать для веб-сайта / Л. Рязанцева // Библиополе. - 2008. - № 7. - С. 27-29.
- Сетевые средства Microsoft Windows NT Server 4.0 / пер. с англ. — СПб. — BHV — Санкт-Петербург, 2009.
- Соколинский, К. Е. Создание современного сайта библиотеки с помощью модуля J-ИРБИС / К. Е. Соколинский // Научные и технические библиотеки. - 2009. - № 1. - С. 76-80.
- PHP. 75 готовых решений для вашего web-сайта / У. Стейнмец, Брайан Вард. - Санкт-Петербург: Наука и Техника, 2009. - 243 с.
- Суслова, О. А. Как создать качественный сайт учреждения культуры / О. А. Суслова // Справочник руководителя учреждения культуры. - 2011. - № 9. - С. 67-74.
- Компьютерные сети. / Таненбаум Э., Уэзеролл Д. 5-е изд. — СПб.: Питер, 2012. — 960 с.
- Титоров, Д. Ю. Технология создания интерактивных сайтов / Д. Ю. Титоров // Информатика: [газ. Изд. дома "Первое сентября"]. - 2010. - № 3 (февр.). - С. 13-18.
- Филиппова, Л. Я. Создание контента (содержания) библиотечных веб-сайтов учебных заведений: из зарубежного опыта / Л. Я. Филиппова // Научные и технические библиотеки. - 2009.- № 2. - С.55-58.
- Фрэйн, Б. HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств / Б. Фрэйн; [перевод с английского В. Черник]. - Санкт-Петербург [и др.]: Питер, 2014. - 298 с.
- Халворсон, К. Контентная стратегия управления сайтом / К. Халворсон, М. Рэч; [пер. с англ. Е. Матвеева]. - 2-е изд. - Санкт-Петербург [и др.]: Питер, 2013. - 224 с.
- Создание библиотечного веб-сайта / Т. Н. Харыбина, Н. А. Слащева, Ю. В. Мохначева // Библиотека. - 2009. - № 4. - С. 44-45.
- Хворостьянова, С. В. Веб-сайт: требования к информационной структуре и наполнению / С. В. Хворостьянова // Современная библиотека. - 2011. - № 1. - С. 68-73.
- Шляхтина, С. Джентльменский набор для быстрого создания сайта / С. Шляхтина // КомпьютерПресс. - 2007. - № 2. - С. 83-88.