Каким должен быть ваш веб-сайт? — Изучение веб-разработки
- Назад
- Обзор: Getting started with the web
- Далее
Каким должен быть ваш веб-сайт? обсудите план и дизайн веб-сайта, прежде чем приступить к написанию кода, в том числе «Какую информацию будет содержать мой веб-сайт?» «Какие шрифты и цвета я хочу использовать?» «Что будет делать мой сайт?»
Перед тем как делать что-то, вам нужны идеи. Что ваш веб-сайт должен фактически делать? По существу, ваш веб-сайт может делать все, что угодно, но для вашей первой попытки, вы должны придерживаться простых вещей. Мы начнём с создания простой веб-страницы, содержащую заголовок, изображение и несколько абзацев.
Для начала, вам будет нужно ответить на следующие вопросы:
- О чем ваш веб-сайт? вам нравятся собаки, Нью-Йорк или Pacman?
- Какую информацию вы предоставляете о предмете? Напишите заголовок и несколько абзацев, и подумайте над изображениями, которые вы хотите показать на своей странице.
- Как будет выглядеть ваш веб-сайт, в простых терминах высокого уровня. Какой цвет фона? Какой вид шрифта будет уместен: деловой, мультяшный, жирный и кричащий или тонкий?
Примечание: Комплексные проекты нуждаются в детализированных руководствах, которые включают все детали цветов, шрифтов, расстояния между элементами на странице, соответствующий стиль письма и так далее. Их иногда называют руководствами по проектированию или бренд-бук, вы можете увидеть пример в Руководство Firefox OS.
Теперь возьмите ручку и бумагу и сделайте примерный набросок того, как вы хотите, чтобы выглядел ваш сайт. Для вашей первой веб-страницы должен получиться небольшой набросок, и вы должны взять это в привычку. Это действительно помогает, и вам не нужно быть Ван Гогом!
Примечание: Даже в реальных, сложных веб-сайтах, команда разработчиков обычно начинает с наброска на бумаге и потом строит цифровые макеты используя графические редакторы или веб-технологии.
Веб-команда часто включает в себя пару графических дизайнеров и дизайнера с опытом взаимодействия (user-experience (UX) designer). Графические дизайнеры, очевидно, работают вместе над визуализацией веб-сайта. UX дизайнеры играют более абстрактную роль, обращаясь к тому как пользователи будут пользоваться и взаимодействовать с веб-сайтом.
На данном этапе хорошо бы начать собирать контент, который в конечном итоге появится на вашей веб-странице.
Текст
У вас должен быть текст, разбитый на заголовки и параграфы. Придерживайтесь этого правила.
Цветовая схема
Чтобы выбрать цвет, перейдите в инструмент выбора цвета и выберите цвет, который вам нравится. Когда вы щёлкните по цвету, вы увидите странный код из шести цифр, например, #660066. Это называется шестнадцатеричный код (hex(adecimal) code) и он представляет ваш цвет. Скопируйте это код куда-нибудь прямо сейчас.
Изображения
Чтобы выбрать изображение, перейдите в Google Картинки и найдите что-нибудь подходящее.
- Когда вы найдёте изображение, которое хотели, щёлкните по нему.
- Нажмите кнопку В полном размере (View image).
- На следующей странице, правым щелчком мыши на изображении (Ctrl + клик на Mac), выберите Сохранить изображение как… (Save Image As…), и выберите место для сохранения вашего изображения. В качестве альтернативы, скопируйте адрес изображения из адресной строки браузера для последующего использования.
Примечание: Большинство изображений в Интернете, использованных в Google Картинках имеют авторские права. Для снижения вероятности нарушения авторских прав, используйте фильтр лицензии Google. Для этого: 1) кликните на Инструменты поиска (Search tools)
, затем на 2) Права на использование (Usage rights):Шрифт
Чтобы выбрать шрифт:
- Перейдите на Google Fonts и прокрутите список вниз, пока не найдёте шрифт, который вам понравится. Вы также можете использовать элементы управления справа для дальнейшей фильтрации результатов.
- Щёлкните по кнопке «плюс» рядом со шрифтом, который вы хотите выбрать.
- Щёлкните по кнопке «* Family Selected» на панели в нижней части страницы. («*» зависит от того, сколько шрифтов вы выбрали)
- В всплывающем окне вы можете увидеть и скопировать строки кода, которые предоставляет Google, чтобы сохранить их позже в вашем текстовом редакторе.
Вы также можете использовать элементы управления справа для дальнейшей фильтрации результатов.- Назад
- Обзор: Getting started with the web
- Далее
- Установка базового программного обеспечения
- Каким должен быть ваш веб-сайт?
- Работа с файлами
- Основы HTML
- Основы CSS
- Основы JavaScript
- Публикация вашего веб-сайта
- Как работает Веб
Found a content problem with this page?
- Edit the page on GitHub.
- Report the content issue.
- View the source on GitHub.
Want to get more involved?
Learn how to contribute.
This page was last modified on by MDN contributors.
Президент России
Расширенное заседание коллегии Генеральной прокуратуры
Встреча с Президентом Сирии Башаром Асадом
Совещание по развитию дальневосточных городов
Президент России
Встреча с Владиславом Кузнецовым
Встреча с Президентом Сирии Башаром Асадом
Расширенное заседание коллегии Генеральной прокуратуры
Встреча с главой Бурятии Алексеем Цыденовым
Совещание по развитию дальневосточных городов
Посещение Улан-Удэнского авиационного завода
Встреча с главой Чеченской Республики Рамзаном Кадыровым
Телефонный разговор с Премьер-министром Армении Николом Пашиняном
Совещание с постоянными членами Совета Безопасности
Все события
При содействии Марии Львовой-Беловой на родину из Сирии вернулись 56 российских детей
Определены получатели грантов Президента на реализацию проектов в области культуры, искусства и креативных индустрий
Заседание комиссии Госсовета по направлению «Энергетика»
Заседание комиссии Госсовета по направлению «Малое и среднее предпринимательство»
Заседание Межведомственной рабочей группы по вопросам, связанным с изменением климата и обеспечением устойчивого развития
Заседание комиссии Госсовета по направлению «Образование»
Все события Администрации
Заседание Комиссии по вопросам кадровой политики в некоторых федеральных государственных органах
Заседание Комиссии по вопросам гражданства
Заседание Национального совета по профессиональным квалификациям
Заседание Совета по делам казачества
Заседание Совета по науке и образованию
Объявлены лауреаты премии Президента в области науки и инноваций для молодых учёных за 2022 год
Все события комиссий и советов
Сайт | Определение и факты
- Развлечения и поп-культура
- География и путешествия
- Здоровье и медицина
- Образ жизни и социальные вопросы
- Литература
- Философия и религия
- Политика, право и правительство
- Наука
- Спорт и отдых
- Технология
- Изобразительное искусство
- Всемирная история
- Этот день в истории
- Викторины
- Подкасты
- Словарь
- Биографии
- Резюме
- Популярные вопросы
- Обзор недели
- Инфографика
- Демистификация
- Списки
- #WTFact
- Товарищи
- Галереи изображений
- Прожектор
- Форум
- Один хороший факт
- Развлечения и поп-культура
- География и путешествия
- Здоровье и медицина
- Образ жизни и социальные вопросы
- Литература
- Философия и религия
- Политика, право и правительство
- Наука
- Спорт и отдых
- Технология
- Изобразительное искусство
- Всемирная история
- Britannica объясняет
- Britannica Classics
Посмотрите эти ретро-видео из архивов Encyclopedia Britannica. - #WTFact Видео
В #WTFact Britannica делится некоторыми из самых странных фактов, которые мы можем найти. - На этот раз в истории
В этих видеороликах узнайте, что произошло в этом месяце (или любом другом месяце!) в истории. - Demystified Videos
В Demystified у Britannica есть все ответы на ваши животрепещущие вопросы.
- Студенческий портал
Britannica — это главный ресурс для учащихся по ключевым школьным предметам, таким как история, государственное управление, литература и т. д. - Портал COVID-19
Хотя этот глобальный кризис в области здравоохранения продолжает развиваться, может быть полезно обратиться к прошлым пандемиям, чтобы лучше понять, как реагировать сегодня. - 100 женщин
Britannica празднует столетие Девятнадцатой поправки, выделяя суфражисток и политиков, творящих историю. - Britannica Beyond
Мы создали новое место, где вопросы находятся в центре обучения. Вперед, продолжать. Просить. Мы не будем возражать. - Спасение Земли
Британника представляет список дел Земли на 21 век. Узнайте об основных экологических проблемах, стоящих перед нашей планетой, и о том, что с ними можно сделать! - SpaceNext50
Britannica представляет SpaceNext50. От полёта на Луну до управления космосом — мы исследуем широкий спектр тем, которые подпитывают наше любопытство к космосу!
Содержание
- Введение
Краткие факты
- Факты и сопутствующий контент
Веб-сайт Определение и значение | Dictionary.
com- Основные определения
- Викторина
- Связанный контент
- Примеры
- Британский
- Научный
- Культурный
Это слово показывает уровень сложности.
или веб-сайт,
[веб-сахит]
/ ˈwɛbˌsaɪt /
См. слово, которое чаще всего путают с веб-страницей
Сохранить это слово!
См. синонимы для веб-сайта Thesaurus.com
Показывает уровень обучения в зависимости от сложности слова.
сущ. Цифровые технологии.
связанная группа страниц во Всемирной паутине, рассматриваемая как единое целое, обычно поддерживаемая одним лицом или организацией и посвященная одной теме или нескольким тесно связанным темам.
СРАВНИТЬ ЗНАЧЕНИЯ
Нажмите, чтобы сравнить значения. Используйте функцию сравнения слов, чтобы узнать разницу между похожими и часто путаемыми словами.
ВИКТОРИНА
ВСЕ ЗА(U)R ЭТОГО БРИТАНСКОГО ПРОТИВ. АМЕРИКАНСКИЙ АНГЛИЙСКИЙ ВИКТОРИНА
Существует огромная разница между тем, как люди говорят по-английски в США и Великобритании. Способны ли ваши языковые навыки определить разницу? Давай выясним!
Вопрос 1 из 7
Правда или ложь? Британский английский и американский английский различаются только сленговыми словами.
Также веб-сайт, веб-сайт .
Происхождение веб-сайта
1990–95
Слова рядом с веб-сайтом
веб-приятель, веб-пресса, веб-издатель, веб-скрапинг, веб-сервер, веб-сайт, веб-спиннер, вебстер, Договор Вебстера-Ашбертона, Вебстер, Дэниел, Вебстер-Гроувс
Dictionary.com Полный текст На основе Random House Unabridged Dictionary, © Random House, Inc., 2023 г.
Слова, относящиеся к веб-сайту
сайт, база данных, форум, сеть, страница
Как использовать веб-сайт в предложении
Они доставили более 10 миллионов фунтов продовольствия нуждающимся по всему округу, по данным спасательной службы сайт группы.
Рестораны выбрасывают много еды. Эти добровольцы первыми забирают его и разносят голодным людям.|Cathy Free|12 февраля 2021 г.|Washington Post
Кроме того, SEO-специалисты уже некоторое время жалуются, что функции SERP, такие как расширенные фрагменты, побуждают пользователей оставаться на странице. Google вместо перехода на веб-сайты.
Google движется к тому, чтобы стать точкой сингулярности поискового маркетинга: ежедневный бюллетень за четверг|Кэролин Лайден|11 февраля 2021|Search Engine Land
Компания перешла от малоизвестного веб-сайта к платформе, получившей название «самая близкая к Китаю должен быть на YouTube».
Популярный китайский видеосайт столкнулся с коммерческой негативной реакцией из-за японского мультфильма|Джейн Ли|10 февраля 2021|Quartz
Повестки дня пока размещены только на английском языке на веб-сайте комиссии.
Африканские сообщества предупреждают, что языковые проблемы могут лишить их возможности перераспределения округов|Майя Шрикришнан|10 февраля 2021 г.
|Голос Сан-Диего
|Голос Сан-ДиегоЭто поможет вам привлечь местный трафик и сделать ваш сайт более удобным для поиска.
Пошаговое руководство для малого бизнеса по доминированию в локальном поиске в 2021 г.|Джозеф Дайсон|10 февраля 2021 г.|Наблюдение за поисковой системой
Вы искали на веб-сайте Американской стоматологической ассоциации объяснение того, как на самом деле происходит фторирование? работает?
Сторонники фтора — антипрививочники|Майкл Шульсон|27 июля 2016 г.|DAILY BEAST
Веб-сайт, который на данный момент состоит только из домашней страницы с изложением общих принципов, называется indivisible.us.
Черная дыра демократов — и что они могут с этим поделать|Майкл Томаски|31 декабря 2014 г.|DAILY BEAST
У нее были клиенты со всего мира, включая Ирландию и Индию, которых тянуло к ней из уст в уста и на ее сайте.
Внутри школы для трансвеститов|Шэрон Адарло|27 декабря 2014|DAILY BEAST
Нервные фанаты могут бдительно следить за этим через веб-камеру, размещенную на городском веб-сайте, которая предлагает круглосуточное наблюдение за козами.
Шведская горящая рождественская коза|Нина Строхлич|25 декабря 2014|DAILY BEAST
В качестве возмещения ущерба суд приказал выплатить Янгу 563 доллара и потребовал, чтобы клиника опубликовала извинения на своем веб-сайте.
Китайский электрошоковый гей-конверсионный кейс|Нина Строхлич|19 декабря, 2014|DAILY BEAST
Эти ссылки работают правильно независимо от того, читаются ли книги в Интернете или установлены на локальном диске или веб-сайте.
Птицы и природа, Vol. 12 № 5 [декабрь 1902 г.]|Разное
Подходящий шрифт был разработан Полом Морроу, и его можно загрузить с его веб-сайта.
История Филиппин|Дэвид П. Бэрроуз
Британский словарь определений для веб-сайта
веб-сайт
/ (ˈwɛbˌsaɪt) /
существительное
группа связанных страниц во всемирной паутине, содержащих информацию по определенной теме
Collins English Dictionary — Complete & Unabridged 2012 Digital Edition
© William Collins Sons & Co.