Как создать web страницу: Создание первой веб-страницы | WebReference

• Предметы
• Информатика
• 11 класс

1. HTML. Редакторы, основные теги

2. Оформление текста в web-документе

3. Вставка графических изображений и гипертекстовых ссылок

4. Создание таблиц и списков на web-странице

5. Этапы создания сайта

Начало работы с Вебом — Изучение веб-разработки

Начало работы с Вебом — это серия коротких уроков, которые познакомят вас с практическими аспектами веб-разработки. Вы настроите инструменты, необходимые для создания простой веб-страницы и публикации своего собственного кода.

Необходимо много работать, чтобы создать профессиональный веб-сайт, так что, если вы новичок в веб-разработке, мы рекомендуем начать с малого. Вы не будете создавать ещё один Facebook прямо сейчас, но создать свой простой веб-сайт не так уж и сложно, так что мы начнём с этого.

Прорабатывая статьи, перечисленные ниже по порядку, вы пройдёте путь от нуля до создания своей первой веб-страницы. Ну что, давайте начнём!

Установка базового программного обеспечения

Когда речь заходит об инструментах для создания веб-сайта, тут есть из чего выбрать. Если вы только начинаете, вас может смутить количество текстовых редакторов, фреймворков и инструментов тестирования. В главе Установка базового программного обеспечения мы покажем вам шаг за шагом, как установить только то программное обеспечение, которое вам понадобится для веб-разработки на начальном этапе.

Каким должен быть ваш веб-сайт?

Перед тем, как вы начнёте писать код для вашего веб-сайта, нужно составить план. Какую информацию вы демонстрируете? Какие шрифты и цвета вы используете? Каким должен быть ваш веб-сайт? Мы опишем простой метод, которому вы сможете следовать, чтобы спланировать содержание и дизайн вашего сайта.

Работа с файлами

Веб-сайт состоит из множества файлов: текстового содержания, кода, таблиц стилей, медиа-контента, и так далее. Когда вы создаёте веб-сайт, вам нужно собрать эти файлы в разумную структуру и убедиться, что они могут взаимодействовать друг с другом. Работа с файлами объясняет, как создать разумную файловую структуру для вашего веб-сайта и про какие проблемы вы должны знать.

Основы HTML

Язык гипертекстовой разметки (Hypertext Markup Language, HTML) — это код, который вы используете для структурирования веб-содержимого и придания ему смысла и цели. Например, является ли моё содержимое набором абзацев, либо списком маркированных пунктов? Нужно ли вставить изображения на мою страницу? Есть ли у меня таблица данных? Не перегружая вас, статья Основы HTML предоставляет достаточно информации для вашего знакомства с HTML.

Основы CSS

Каскадные таблицы стилей (Cascading Stylesheets, CSS) — это код, который вы используете для стилизации своего веб-сайта. Например, хотите ли вы, чтобы текст был черным или красным? Где должно быть нарисовано содержимое на экране? Какие фоновые изображения и цвета должны быть использованы, чтобы украсить ваш веб-сайт? Основы CSS проведёт вас через то, что вам нужно знать, чтобы начать.

Основы JavaScript

JavaScript — это язык программирования, который вы используете для добавления интерактивных функций для вашего веб-сайта, например, игр, событий, которые происходят при нажатии кнопок или ввода данных в формы, динамических эффектов стилизации, анимации и многого другого. Основы JavaScript даёт вам представление о том, что можно сделать с помощью этого захватывающего языка, и как начать.

Публикация вашего веб-сайта

После того как вы закончили писать код и организовали файлы, которые составляют ваш веб-сайт, нужно разместить все это в Интернете так, чтобы люди могли его найти. Публикация вашего сайта описывает, как отобразить ваш простой пример кода в Интернете с минимальными усилиями.

Как работает Интернет

Когда вы заходите на свой любимый веб-сайт, в фоновом режиме происходит много сложных вещей, о которых вы можете не знать. Статья Как работает Интернет описывает, что происходит, когда вы просматриваете веб-страницы на своём компьютере.

• Web Demystified(web обзор): большая серия видеороликов, объясняющая основы web, нацеленных на начинающих веб-разработчиков. Создано Жереми Патонье.
• The web and web standards (веб и веб стандарты): В этой статье приведена полезная информация о Вебе — как он появился, что такое технологии веб-стандартов, как они работают вместе, почему «веб-разработчик»  — это отличная карьера, и какие виды наилучшей практики вы узнаете в ходе курса.

Начало работы с Интернетом — Изучение веб-разработки

Начало работы в Интернете — это краткая серия статей, знакомящих вас с практическими аспектами веб-разработки. Вы настроите инструменты, необходимые для создания простой веб-страницы и публикации собственного простого кода.

Создание профессионального веб-сайта — это большая работа, поэтому, если вы новичок в веб-разработке, мы рекомендуем вам начать с малого. Вы не создадите еще один Facebook сразу, но создать собственный простой веб-сайт в Интернете несложно, поэтому мы начнем с него.

Проработав статьи, перечисленные ниже, вы с нуля выйдете на свою первую веб-страницу в Интернете. Начнем наше путешествие!

Установка базового программного обеспечения

Когда дело доходит до инструментов для создания веб-сайта, есть из чего выбрать. Если вы только начинаете, вы можете быть сбиты с толку множеством редакторов кода, фреймворков и инструментов тестирования. В разделе «Установка основного программного обеспечения» мы шаг за шагом покажем вам, как установить программное обеспечение, необходимое для начала базовой веб-разработки.

Как будет выглядеть ваш сайт?

Прежде чем вы начнете писать код для своего веб-сайта, вы должны сначала спланировать его. Какую информацию вы демонстрируете? Какие шрифты и цвета вы используете? Как будет выглядеть ваш сайт? Мы описываем простой метод, которым вы можете следовать, чтобы спланировать содержание и дизайн вашего сайта.

Работа с файлами

Веб-сайт состоит из множества файлов: текстового содержимого, кода, таблиц стилей, мультимедийного содержимого и так далее. Когда вы создаете веб-сайт, вам необходимо собрать эти файлы в разумную структуру и убедиться, что они могут взаимодействовать друг с другом.Работа с файлами объясняет, как создать разумную файловую структуру для вашего веб-сайта и о каких проблемах вам следует знать.

Основы HTML

Язык гипертекстовой разметки (HTML) — это код, который вы используете для структурирования своего веб-контента и придания ему смысла и цели. Например, мой контент — это набор абзацев или список пунктов? Есть ли на моей странице изображения? У меня есть таблица данных? Основы HTML предоставляют достаточно информации, чтобы познакомить вас с HTML.

Основы CSS

Каскадные таблицы стилей (CSS) — это код, который вы используете для стилизации своего веб-сайта. Например, вы хотите, чтобы текст был черным или красным? Где на экране должен отображаться контент? Какие фоновые изображения и цвета следует использовать для украшения вашего сайта? Основы CSS помогут вам понять, что вам нужно для начала работы.

Основы JavaScript

JavaScript — это язык программирования, который вы используете для добавления интерактивных функций на свой веб-сайт. Некоторыми примерами могут быть игры, вещи, которые происходят при нажатии кнопок или вводе данных в формы, эффекты динамического стиля, анимация и многое другое.Основы JavaScript дают вам представление о возможностях этого захватывающего языка и о том, как начать работу.

Публикация вашего веб-сайта

После того, как вы закончите писать код и систематизировать файлы, из которых состоит ваш веб-сайт, вам нужно разместить все это в Интернете, чтобы люди могли его найти. Публикация вашего образца кода описывает, как с минимальными усилиями разместить ваш простой образец кода в сети.

Как работает Интернет

Когда вы заходите на свой любимый веб-сайт, в фоновом режиме происходит множество сложных вещей, о которых вы, возможно, не подозреваете.Принцип работы сети описывает, что происходит, когда вы просматриваете веб-страницу на своем компьютере.

• Веб-демистификация: отличная серия видеороликов, объясняющих основы веб-технологий, предназначенных для начинающих веб-разработчиков. Создано Жереми Патонье.
• Веб-стандарты и веб-стандарты. В этой статье представлены некоторые полезные сведения об Интернете — как это произошло, что такое стандартные веб-технологии, как они работают вместе, почему «веб-разработчик» — это отличная карьера для выбора и какие виды лучших практики, о которых вы узнаете в ходе курса.

Создать веб-страницу на Google Диске

TechnoKids создает технологический проект для учителей, заинтересованных в обучении введению в HTML и CSS. Мы сталкиваемся со многими разочарованными пользователями Chromebook, которые хотят выполнить задания, но не знают, как их изменить в соответствии с их учебной средой. У меня отличные новости! Вы можете закодировать веб-страницу на Google Диске с помощью приложения HTML Editor. Я потратил утро на тестирование нескольких приложений, чтобы найти одно, подходящее для учеников 7 и 8 классов.Вот шаги, которые необходимо выполнить, чтобы создать веб-страницу с HTML-кодом на Google Диске:

ШАГ ПЕРВЫЙ — Общий доступ к папке

Вам не нужно загружать файлы в отдельный домен веб-сайта. Вместо этого любой папке, к которой открыт общий доступ на Google Диске, дается URL-адрес. Этот URL становится доменом веб-сайта. Вы поместите индексный файл и файлы изображений в эту папку. Вот как:

1. В браузере Chrome откройте свой Google Диск.
2. Убедитесь, что вы используете старую версию Google Диска.Щелкните шестеренку Настройки и выберите Оставьте новый Диск .
3. Щелкните СОЗДАТЬ. Выберите папку.
4. Назовите папку , сайт . Щелкните Создать .
5. Выберите папку. На левой панели выберите ДЕТАЛИ.
6. Щелкните Поделиться в области ОБМЕН.

Вам необходимо изменить настройки общего доступа.

7. Щелкните Дополнительно . В области Кто имеет доступ к щелкните Изменить .

Вам необходимо сделать папку общедоступной.

8. Выберите Включено — общедоступно в Интернете . Нажмите Сохранить .

Любые файлы в папке будут доступны для просмотра всем.

9. Нажмите Готово .
10. Ссылка появится на панели сведений в области ХОСТИНГ. Это URL-адрес веб-сайта.

Папка имеет URL-адрес.

Внутри этой папки вы создадите файл index.html и сохраните все изображения, которые вы собираетесь включить на веб-страницу.

2. Установите приложение редактора HTML

Для установки приложения:

1. На Google Диске нажмите СОЗДАТЬ.
2. Выбрать Подключить другие приложения .
3. В поле поиска введите название приложения. Например, Drive Notepad , ShiftEdit или HTML Editey .
4. Щелкните ПОДКЛЮЧИТЬСЯ.
5. Вам будет предложено сделать его приложением по умолчанию. Обычно я снимаю галочку, чтобы вместо этого выбрать нужное приложение.
6. Нажмите ОК.
7. Теперь вы можете создавать и редактировать файлы с помощью приложения!

3. Создайте индексный файл

Индекс.html будет содержать код для создания веб-страницы.

1. Щелкните папку своего веб-сайта на шаге 1, чтобы открыть ее.
2. В открытой папке нажмите СОЗДАТЬ. (Это приведет к тому, что созданный вами index.html будет сохранен в общей папке)
3. Когда вас попросят создать файл в общей папке, нажмите СОЗДАТЬ И ПОДЕЛИТЬСЯ.
4. Поскольку приложение используется впервые, вам будет предложено предоставить разрешение. Вы должны выполнить этот шаг, прежде чем приложение откроется. Вам нужно сделать это только один раз.
5. Выберите приложение редактора HTML, которое вы подключили на предыдущем шаге. Приложение должно открыться в новой вкладке браузера Chrome. У вас должно быть открыто две вкладки!

В браузере Chrome должны быть открыты две вкладки.

6. Введите свой код. Например:

    
   
   
   
   
   
    
    Заголовок веб-страницы 
    
    Введите информацию для своей страницы. 
    
   
    

7. Сохраните файл как индекс .html (в каждом приложении есть разные варианты сохранения)

4. Предварительный просмотр веб-страницы

Чтобы увидеть, как будет выглядеть веб-страница, вам нужно открыть общую папку, созданную на шаге 1.

1. ОСТАВЬТЕ ОКНО ПРИЛОЖЕНИЯ ОТКРЫТЫМ!
2. Перейдите на вкладку браузера Google Диск.
3. Выберите папку веб-сайта, созданную на шаге 1.
4. Щелкните ссылку на вкладке «Подробности» на правой панели, чтобы просмотреть веб-страницу, которую вы только что создали на шаге 3.

Папка имеет URL-адрес.

5. Написать код и просмотреть веб-страницу

Теперь вы можете переключаться между приложением для кодирования и веб-страницей. СОВЕТЫ: ​​

• Сохраните изменения в приложении для кодирования. Если вы не можете сохранить изменения (HTML Editey), вам нужно подождать, пока приложение автоматически сохранит файл.
• Вам нужно будет перезагрузить предварительный просмотр веб-страницы, чтобы увидеть обновленные изменения кода.

6. Как редактировать код

В какой-то момент вам нужно будет оставить свой компьютер и прекратить кодирование.Когда вы вернетесь к устройству, вам нужно будет повторно открыть сохраненный файл index.html, чтобы продолжить писать код. Для этого:

1. Щелкните файл index.html.
2. Щелкните стрелку «Открыть» и выберите приложение «Редактор HTML» из списка.
3. Для предварительного просмотра веб-страницы выполните шаг 4.

Как создать привлекательный дизайн веб-сайта

Обновлено 9 июля 2019 г.

Насколько важен дизайн вашего сайта? Когда пользователей попросили описать, почему они не доверяют веб-сайту, 94% комментариев были напрямую связаны с дизайном сайта.Качественно построенный веб-сайт увеличивает посещаемость клиентов, а улучшенный пользовательский интерфейс приводит к увеличению конверсии.

Креативность важна, но есть несколько основных правил дизайна и взаимодействия с пользователем, которые помогут вам развивать ваш сайт. Создавая или изменяя дизайн своего сайта, помните о следующих предложениях.

Завоюйте доверие с помощью чистого, привлекательного дизайна веб-сайта

Мир цифрового дизайна принял простоту, отказавшись от наворотов и сосредоточившись на основах.С точки зрения пользователя, это упростило навигацию по веб-сайтам и сделало их более приятными. Включите эти 8 правил дизайна в свой веб-сайт, чтобы лучше заинтересовать свою аудиторию.

1 Сохраняйте простоту макета.

Чем проще макет вашего сайта, тем лучше. Это не значит, что это должно быть скучно, но это значит, что нужно сосредоточиться на самом главном. Чистые, функциональные макеты упрощают загрузку, навигацию и использование вашего сайта на разных платформах и устройствах.

На веб-сайте Гарри самая важная информация — их продукция — находится в центре внимания.Они включают визуальные эффекты с минимальным количеством текста, чтобы облегчить взаимодействие с контентом.

2 Упростите навигацию.

Если вы хотите, чтобы посетители проводили время на вашем сайте, вы должны упростить им перемещение. Может возникнуть соблазн сделать что-то творческое с дизайном навигационных меню, но важнее простота и интуитивно понятная информационная архитектура. Сделайте свое меню стандартным по внешнему виду, чтобы ваши читатели чувствовали себя комфортно, перемещаясь по вашему сайту.

Vogue есть заметные описательные меню навигации, которые помогут вам найти нужный вам контент и взаимодействовать с ним.

3 Используйте четкие призывы к действию.

Что вы хотите, чтобы посетители сайта делали? Купить продукцию? Подпишитесь на рассылку новостей по электронной почте? Пожертвовать делу? Подумайте о своих призывах к действию. Оформите их так, чтобы они выделялись среди посетителей, просматривающих ваш сайт. Если вы используете кнопки в своем дизайне, убедитесь, что текст короткий и прямой.

Всемирный фонд дикой природы использует яркие кнопки рядом с панелью навигации, побуждающие посетителей «пожертвовать» и «усыновить», а также убедительные призывы к действию во всем своем контенте.

4 Что касается содержания, лучше меньше, да лучше.

Используйте то, что вы знаете о своих посетителях, чтобы минимизировать их возможности и сосредоточить их внимание на ваших продуктах. Показывайте только те текстовые и визуальные элементы, над которыми вы хотите, чтобы они выполняли действия.

Веб-сайты для мобильных приложений, такие как Pocket, отлично справляются с этим.Они сосредоточены на объяснении приложения, включают убедительные призывы к действию по его установке. Менее важный контент, такой как их раздел «О себе» и их блог, менее заметны и связаны в нижнем колонтитуле.

5 Не бойтесь пробелов.

Пустое пространство — это просто пустое место на странице. На самом деле он не обязательно должен быть белым — он просто не должен содержать текста или изображений. Если все сделано правильно, это может улучшить читаемость и убрать беспорядок в дизайне вашего сайта. Белое пространство также может помочь направить фокус и внимание.Он позволяет разделить функции и идеи, чтобы посетители могли сразу различить то, что вы хотите, чтобы они увидели, вместо того, чтобы визуально разбирать шумный и многолюдный макет.

Google — лучший пример использования пробелов. Он не мог быть чище — просто пустая страница с логотипом и окном поиска.

6 Улучшите дизайн своего веб-сайта с помощью ярких цветов.

Выберите цвет, который станет основой всего дизайна вашего веб-сайта, а затем выберите контрастный цвет акцента для важных кнопок и других элементов интерфейса.Вы можете узнать больше о выборе подходящей цветовой палитры для вашего бренда.

Whole Foods Market использует зеленый в качестве основного цвета бренда, а небольшие пятна вторичного оранжевого привлекают внимание к избранным призывам к действию.

7 Используйте привлекательные, легко читаемые шрифты.

Используйте привлекательный шрифт, который визуально сбалансирован и уникален, чтобы сделать текст вашего веб-сайта четким и интригующим. Четыре самых популярных шрифта — это Brandon Grotesque, Museo Sans, Railway и Playfair Display.

Бельгийский веб-сайт детской одежды Studio Aimee использует Brandon Grotesque, чтобы сделать покупки более понятными и удобочитаемыми.

8 Привлекайте пользователей видео и богатыми изображениями.

Видео и изображения более интересны, чем просто текст — на самом деле, целевые страницы с видео могут повысить конверсию более чем на 80%. Используйте масштабируемые изображения (SVG), чтобы обеспечить высокое качество работы пользователей как на настольных, так и на мобильных устройствах.

Некоммерческая благотворительная организация: Water отображает видео на своей домашней странице, что делает его одним из первых, что вы видите, когда посещаете их веб-сайт, для максимального воздействия.

Поддерживать интерес посетителей с помощью удобного веб-сайта

У вас может быть самый привлекательный веб-сайт в мире, но если им сложно пользоваться, ваши посетители не превратятся в клиентов. Эти семь правил обеспечат бесперебойную работу вашей аудитории.

1 Сделайте свой сайт удобным для мобильных устройств.

Знаете ли вы, что до 70% веб-трафика поступает с мобильных устройств? Это означает, что есть большая вероятность, что кто-то впервые заходит на ваш сайт с помощью смартфона.А если впечатления от использования мобильных устройств отрицательные, значит, вы только что потеряли клиента. Узнайте, почему и как сделать ваш сайт более удобным для мобильных устройств.

Everlane отличается чистотой и простотой использования. Дизайн включает в себя модульный контент, поэтому он адаптивен и хорошо транслируется на мобильных устройствах. На веб-сайте также есть призывы загрузить приложение для покупок, чтобы вы не чувствовали себя хуже, чем на сайте.

2 Оптимизируйте навигацию.

Чем больше страниц посетит ваш сайт, чтобы найти то, что он ищет, тем больше вероятность, что клиент покинет ваш сайт из-за разочарования.Фактически, для среднего веб-сайта 40% посетителей уходят, просмотрев только одну страницу!

Контент нельзя закапывать. Не заставляйте посетителей искать то, за чем они пришли. Ваша навигация должна быть хорошо организованной и логичной с точки зрения пользователя. Он также должен казаться вам знакомым, чтобы вашим пользователям не пришлось долго учиться.

Tilde Inc. имеет простую панель навигации в верхней части своего веб-сайта, с важными пунктами, связанными ниже с кратким объяснением в разделе «Что мы делаем».Это позволяет легко найти то, что вы ищете.

3 Используйте призывы к действию, чтобы упростить поиск.

Подумайте, где вы можете разместить кнопки по всему сайту, чтобы посетителям было легче находить важные вещи. Если у вас сайт электронной торговли, то наличие кнопок с надписью «Купить сейчас» будет иметь гораздо большее влияние, чем простая ссылка для навигации; если вы некоммерческая организация, кнопка «Пожертвовать» рядом с панелью навигации сделает пожертвование для посетителей легким делом.

Square есть простой призыв к действию, который побуждает владельцев бизнеса начать продавать.Их кнопка с призывом к действию гласит: «Создать учетную запись Square». Нет ничего проще.

4 Предоставьте пользователям надежные возможности поиска.

Не менее важно продумать, как посетители будут искать ваш сайт и как будут отображаться результаты. Опыт поиска должен отражать ваш опыт навигации с точки зрения организации результатов. Включение таких функций, как автозаполнение, также упростит поиск с точки зрения пользователя.

Zappos имеет высокоточный интеллектуальный инструмент поиска, который также обновляет фильтры с левой стороны в зависимости от условий поиска.

5 Разбейте содержимое заголовками разделов.

При работе с областями вашего сайта с большим количеством контента, разделите их заголовками. Будь то статья или описание продукта, заголовки дают структуру вашего контента и упрощают сканирование.

WebMD эффективно разбивает свой контент на удобоваримые куски с большим количеством заголовков разделов, чтобы вы могли найти нужную информацию.

6 Говорите как настоящий человек.

Чем больше жаргона и маркетологов придётся расшифровать пользователям, когда они посещают ваш сайт, тем меньше вероятность, что они будут взаимодействовать с вашим брендом.Дружелюбный разговорный тон облегчит посетителям чтение и понимание вашего контента, а также навигацию по сайту.

Zipcar упрощает понимание своих услуг и упрощает навигацию по сайту благодаря своему безмятежному бренду.

7 Подтвердите действия посетителей.

Если ваши посетители покупают у вас продукт, подписываются на информационный бюллетень или даже делятся вашим контентом, хорошей практикой является отображение экрана подтверждения, который показывает, что их действие прошло успешно.Не повредит использовать этот экран и для того, чтобы поблагодарить их.

TheSkimm поздравляет и приветствует вас после того, как вы подпишетесь на их информационный бюллетень, с предложением поделиться в социальных сетях.

Проверьте свой сайт перед запуском

Всегда есть изгибы, над которыми нужно работать при запуске или перезапуске веб-сайта. Важно потратить время на то, чтобы протестировать свой сайт и собрать отзывы, прежде чем он будет запущен.

1 Провести тесты обеспечения качества (ОК).

Если у вас есть ресурсы, наймите команду по обеспечению качества, чтобы они могли протестировать все аспекты вашего сайта.Если вы не можете нанять людей специально для роли QA, попросите людей, как внутренних, так и внешних по отношению к вашей компании, протестировать ваш сайт перед запуском. Они могут щелкнуть все ссылки, заполнить все формы и попробовать все услуги. По сути, если на сайте есть чем заняться, они должны это сделать. Таким образом, вы сможете исправить любые ошибки перед запуском.

2 Соберите отзывы пользователей, прежде чем размещать свой сайт вживую.

Пригласите избранную группу бета-тестеров высказать свое мнение по таким элементам, как навигация, дизайн и основные пользовательские потоки.Вы можете не вносить изменения на основе всех отзывов, полученных до запуска, но вы можете учитывать предложения по изменениям в будущем.

Создание веб-сайта с нуля, даже если вы обратились за помощью в агентство, — нелегкий подвиг. Мы создали удобный контрольный список «Три шага к созданию привлекательного дизайна веб-сайта» (PDF), чтобы вы могли убедиться, что проверяете все важные элементы из списка по мере продвижения.

Последнее изменение: 9 июля 2019 г.

Как мне создать свой собственный веб-сайт?

Самое лучшее в Интернете — это то, что любой, у кого есть идея, может создать веб-сайт практически бесплатно.Простой веб-сайт стоит около 1 доллара в день. Это означает, что каждый день испытываются миллионы различных идей. Веб-сайты мгновенно транслируются на огромную мировую аудиторию — никогда в истории мира ни один человек не мог охватить такое количество людей за такие небольшие деньги.

Итак, допустим, у вас есть идея для веб-сайта. Что вам нужно сделать, чтобы начать? Ваша идея может быть реализована на нескольких уровнях.Давайте посмотрим на них.

Допустим, у вас есть идея для веб-сайта, и у вас есть классное доменное имя , которое вы хотите использовать. Вы не уверены, когда сможете начать работу с самим сайтом, но вы хотите убедиться, что никто другой не уловил идею и не взял это доменное имя. Например, предположим, что ваше доменное имя — MyIdea.com. Что вы хотите сделать, так это проверить реестр доменных имен и убедиться, что он еще не зарегистрирован. Если он доступен, вы хотите зарегистрировать это доменное имя (также известное как «резервирование» или «парковка» доменного имени).Регистрация имени дает вам право собственности на него. Чтобы вы могли припарковать доменное имя , оно должно фактически располагаться где-то на сервере. Обычно у него будет какое-то уведомление «В стадии разработки», которое появляется, когда люди пытаются получить доступ к этому доменному имени.

Вам необходимо зарегистрировать свое доменное имя. Есть много компаний, которые размещают ваше доменное имя на сервере, и некоторые из них взимают плату. Verio — одна из компаний, которая будет парковать ваше доменное имя, и она предоставляет удобную форму, которая упрощает проверку доступности доменного имени.Проверка и резервирование доменного имени займет всего пару минут.

Допустим, у вас есть идея для сайта с содержанием и вы хотите сразу приступить к работе. Информационный сайт — это сайт, содержащий информацию, которую люди могут прочитать или просмотреть. Информация может быть словами, изображениями, ссылками и т. Д. Yahoo! по сути, это сайт с огромным содержанием. Чтобы создать контентный сайт, вам нужно выучить HTML , чтобы вы могли создавать свои страницы, а затем вам нужно найти компанию, которая разместит сайт.То есть вам нужна компания, которая будет управлять веб-сервером для вашего сайта:

Или, может быть, у вас есть идея для сайта электронной коммерции. Сайт электронной коммерции позволяет отображать то, что вы хотите продать, принимать заказы, обрабатывать кредитные карты и т.д. связанные услуги. Однако это не такая уж большая проблема.

Удачи в создании вашего нового сайта!

Эти ссылки помогут вам узнать больше:

Как создавать веб-страницы

Веб-страница хранится в файле особого типа, который называется «html-файл».html файлы можно создавать практически в любой программе, которую можно использовать для редактирования текста файлы. Также существуют программы, которые помогают создавать файлы HTML. В Преимущество этих программ состоит в том, что они часто просты в использовании. Недостатком является то, что они не всегда генерируют правильные html-файлы. Мы рекомендую создавать веб-страницы с помощью обычного текстового редактора, например vi , pico , Блокнот в Windows 95 или подобное.

HTML-файл содержит «управляющие коды», которые определяют, как будет выглядеть страница. при просмотре через веб-браузер.Эти управляющие коды называются «html». теги «. Вам не нужно выучить более 10 тегов, чтобы создать простая веб-страница.

Если вы сидите дома и создаете веб-страницу или пользуетесь Интернетом подключенный компьютер без ACC, вам необходимо загрузить файл, содержащий веб-страницу в вашу учетную запись ACC. Это делается с помощью FTP (в настоящее время только на шведском языке).

Самый простой способ создания веб-страниц — войти в свою учетную запись ACC и создавать страницы с помощью одного из редакторов системы.Тогда у тебя нет возиться с SFTP.

Когда вы создали веб-страницу и хотите ее опубликовать, вы должны разместить файл (ы), содержащий вашу веб-страницу в специальном месте. Это особое место каталог ~ / public_html в вашей учетной записи ACC ( Символ « ~ » означает «домашний каталог»). Каталог ~ / public_html создается с помощью команды
mkdir ~ / public_html . Все, что вы положили в это каталог будет общедоступен по адресу http: // www.acc.umu.se/~your-username .

Чтобы разрешить веб-серверу отправлять ваши веб-страницы людям, которые хотят посмотреть при этом вы должны сделать каталог общедоступным. Это делается с помощью команда ниже:
chmod 755 ~ / public_html

Файл, содержащий вашу домашнюю страницу, должен иметь особое имя, index.html , чтобы веб-сервер знал, какую веб-страницу показывать. если у вас много файлов, содержащих веб-страницы. Файлы, как и каталог, должны быть общедоступными для чтения, а файлы становятся общедоступными для чтения с помощью коммандос
chmod 644 filename
где filename заменяется на имя файла, который вы хотите сделать общедоступным для чтения.

Если вы не уверены в этом, вы всегда можете использовать команду « fixchmod «, который автоматически устанавливает права доступа на правильные ценности. Таким образом, вам не нужно использовать chmod — команда. Просто напишите fixchmod , и он позаботьтесь об остальном.

Если ваша страница становится очень большой, вам следует разделить ее на несколько меньших страниц. Это делается путем простого создания нескольких разных html-файлов, содержащих разные страницы.Файл, содержащий главную страницу, должен по-прежнему иметь имя index.html , и из него вы сделаете ссылку на другие файлы. Делать убедитесь, что вы правильно называете файлы, давая им такие имена, как about_me.html , links.html и так далее.

Вы также можете структурировать свои страницы, разместив их в разных каталогах. в зависимости от того, какая информация содержится на разных страницах. Для Например, вы можете поместить все страницы со ссылками в каталог ~ / public_html / links / и ваши страницы Spice-Girls в каталог ~ / public_html / spicegirls / и так далее… Основная ссылка затем следует поместить страницу в файл index.html в папке каталог ссылок, чтобы веб-сервер мог его найти. Страница, содержащая ссылки для всех ваших друзей домашние страницы могут быть названы friends.html и быть помещенным в каталог ссылок. И так далее…

Если у вас есть cgi-скрипт, который вы хотите запустить какое-то время, например, чтобы управлять гостевой книгой или подсчитывать количество посещений вашей страницы, этот скрипт должен быть помещен в каталог ~ / public_html или подкаталог в ~ / public_html .cgi-скрипты должны быть исполняемыми, и настроены так, введя команду
chmod 755 имя сценария
где имя сценария заменяется именем содержащего cgi-скрипт.
Команда fixchmod сделает это автоматически, если вы думаете кажется сложным использовать chmod -commando.

Теперь, как вы можете заставить cgi-скрипт запускаться каждый раз, когда кто-то смотрит на страницу? Это действительно довольно просто. Просто поместите следующую строку где-нибудь в своем html файл:

и scriptname.cgi будут запускаться, когда кто-то просматривает веб-страницу, а текстовый или html-код, созданный скриптом, окажется на веб-странице. А короткий пример:
Эта страница была посещена раз!
может привести к этому, в зависимости от того, что выдает counter.cgi :
Эту страницу посетили 65 раз!
Можно создавать cgi-скрипты, которые создают html-код, говорящий, что изображение должно отображаться.Если counter.cgi в приведенном выше примере является сценарием который отображает количество посетителей, показывая изображения чисел, результат может выглядеть так:
Эта страница была посещена раз!
, что заставит веб-браузер загружать изображения 6.gif и 5.gif и покажите их.

У ACC есть несколько скриптов, которые наши пользователи могут использовать на своих веб-страницах, например счетчик, который подсчитывает количество посетителей страницы. Чтобы использовать это в сети страницы, вы пишете следующую строку в своем html файле:
Эта страница была посещена раз!
, если вы хотите использовать скрипт / cgi-bin / скрипты / acc_count .

Более подробную информацию о счетчиках можно найти на counter.html.

Для получения информации о других cgi-скриптах см. Cgiscripts.html.sv (только на шведском языке).

Есть несколько способов сделать страницы, защищенные паролем, но учтите, что реализация его с помощью сценария CGI является распространенной дырой в безопасности, поскольку пароль хранится в файле журнала веб-сервера.

Более безопасный способ — использовать вместо него htaccess, который объясняется на отдельной странице.

Это не полный курс по созданию веб-страниц, но больше задумано как введение, чтобы дать вам представление об основах создание веб-страницы.Лучший способ научиться программировать html — взглянуть на некоторые html-код со страницы, на которой есть какая-то функция, которую вы хотите, и измените его. в соответствии с вашими потребностями.

Тег — это своего рода управляющий код, который определяет внешний вид страницы. An Пример тега —
, который вставляет разрыв строки. Многие теги могут / должны иметь аргументы, например img тег, который используется для включения изображений на страницу. Пример того, как это можно смотреть это

Теги должны быть окружены символами < и > или они не будут работать! Некоторые аргументы тегов должны быть в кавычках ( "). Если вы допустили ошибку в теге, ваш страница, вероятно, будет выглядеть не так, как вы планировали, даже если некоторые веб-страницы браузеры пытаются угадать, что вы имели в виду. Некоторые теги должны быть завершены, для Например, тег

, который центрирует текст на странице.Перед текстом, который нужно центрировать, пишут , и после. Текст между этими двумя тегами будет по центру. Также нужно иметь

перед абзац и после него. Вот как это делается эта страница.

Некоторые теги, которые могут быть в html-файле, являются «обязательными». Им следует быть в файле, если вы хотите, чтобы ваша страница отображалась с исправлением как можно большего количества как можно больше людей, независимо от того, какой браузер они используют.Это для например, , и <тело> .

Здесь мы шаг за шагом рассмотрим создание простой веб-страницы.