Веб сайт как сделать – Как создать сайт бесплатно самому с нуля? Есть 3 способа!

Как сделать web сайт. Этапы создания веб сайтов. Советы по поводу работы над сайтом. Как создать Web-сайт более привлекательным для посетителя.

Практически каждый web сайт — и уж точно все коммерческие сайты — начинают свою жизнь в виде эскизов, сделанных в Фотошопе или Иллюстраторе. И поскольку большинство из нас следует Правилу Троицы (покажите клиенту три дизайна, продайте один из них), каждый дизайн имеет двух нерожденных братьев.

Иногда победу одерживает лучший из предложенных дизайнов; а часто, — наиболее консервативный. Отвергнутые эскизы помещаются на кладбище, а победитель, который до этого был отпрыском только дизайнера, начинает подвергаться массированной атаке клиента (Это у клиента называется «внесением изменений»). В зависимости от отношений между дизайнером и клиентом и здравым смыслом, заключенным в идеях клиента, выбранный дизайн может либо измениться частично, либо может пройти через столько стадий пересмотра изменений, что в конце концов его не узнает даже собственная мать.

Чтобы сделать web или wap сайт нужно не многое: желание, инструменты и информация по сайтостроению. Если у Вас уже есть первое и второе, то различную информацию на тему как сделать веб сайт Вы найдете ниже.

Этапы создания веб сайтов1. Придумайте для своего сайта тему и название. Название должно совпадать с тематикой, идеей вашего сайта и быть доступным для запоминания. Если это будет домашняя страница, то ее, например, можно назвать «Домашняя страница», если же это какой-то тематический портал, то можно так и назвать – «Моддинг-портал», или, например, «Вышивка крестиком». Вариантов тут уйма. Возможно, ваше название станет и «адресом вашего сайта», к примеру, www.modding-portal.ru или www.home-page.ru
2. Создайте папку на вашем жестком диске, и назовите её согласно придуманному адресу. Эта папка и будет хранилищем для всех страничек и фалов нашего сайта.

3. Решите, какие разделы (ссылки) будут на вашем web сайте. Если это будет домашняя страница, то она может содержать главу «О себе», «Мои фотографии», «Мои увлечения» и т.д. Желательно где-то эти сведения записать.
4. Теперь придумайте к названиям разделов (ссылок) названия файлов. Названия могут быть любыми. Например «О себе» – about.htm, «Мои фотографии» – foto.htm, «Мои увлечения» – uvlecheniya.htm и т.д. Запомните! Главная страница всегда должна быть index.htm(l), имена файлов на сервере могут состоять только из букв английского алфавита, цифр а также нижнего подчёркивания _ . Следует также избегать заглавных букв в именах файлов.
5. Создание самого веб-сайта. Для начала нужно создать образцовую страницу – «каркас». Для этого нужно придумать дизайн для будущего сайта, либо воспользоваться готовым шаблоном (в простонародье «рыба»), которых в Глобальной сети уйма. Создать образцовую можно в редакторе Microsoft Word. Это не так уж сложно, учитывая что Интернет богат всякими руководствами и самоучителями.
6. Копируем «образец» несколько раз и переименовываем копии согласно названиям файлов (пункт 4).
7. Заполняем файлы информацией. Для изменения образца можно воспользоваться программой Word. Щелкаем правой кнопкой мыши на файл и выбираем «Открыть с помощью» «Выбрать программу» Microsoft Word. Так же можно воспользоваться опцией Файл Открыть в интерфейсе программы.
8. Выставляем сайт в Internet.

a) Покупаем место под сайт, либо регистрируем сайт на бесплатном сервере. Эта операция довольно-таки проста и подробную информацию можно прочитать на выбранном сервере.
b) Выставляем сайт с помощью специальной программы.

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

Несколько советов по поводу работы над сайтом:1. Не стоит заниматься плагиатом. В последнее время модно «тырить» материал и выдавать его за свой. Исключение – если вы собираете информацию на какую-то определенную тему, но не забудьте указать автора и источник.

2. Желательно иметь единственную цветовую гамму по всему сайту

3. Постарайтесь использовать побольше одинаковых элементов в облике своих страниц

4. Для посетителя не так важен дизайн, как удобность навигации и просмотра материалов вашего сайта. Хорошо когда есть мобильная версия сайта.

5. Не используйте слишком много графических объектов – это затрудняет просмотр и уменьшает скорость загрузки страниц.

6. Все файлы (кроме html) следует помещать в отдельную папку. Например, папку картинок вашего web сайта «www.mysite.ru» можно расположить по адресу «www.mysite.ru/img/».

7. Зарегистрируйте счётчик и наблюдайте за количеством посетителей на вашем сайте. Это позволит вам узнать рейтинг вашего сайта, а также внести сайт в каталог сервера, предоставившего Вам услугу.

Как сделать web сайт удобным и убедительным?Для того чтобы сайт был максимально удобным, необходимо найти баланс между рекомендациями по простоте использования, практическим опытом и результатами тестирований.
Создание постоянного фирменного стиля.
Многие думают, что фирменный стиль — это логотипы, цвета, подзаголовки и названия, связанные с данным продуктом, компанией или услугой. Хотя вышеуказанные элементы и входят в фирменное оформление, настоящий фирменный стиль гораздо мощнее и хитрее, чем можно себе представить.

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

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

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

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

выпадающие меню — они используются для быстрого доступа к отдельным областям сайта;

подменю разделов — на больших сайтах часто существуют подменю для отдельных разделов.
Самый главный секрет создания вторичной навигации состоит в том, что она не должна мешать основной схеме. Она должна быть расположена в другом месте, ниже или сбоку от навигации верхнего уровня, и, желательно, должна появляться только при необходимости.
Пиктография и используемый язык.
Использование пиктограмм (пиктография) в навигации было популярным техническим приемом задолго до того, как вы начали изучать навигацию для Сети. Навигация, само собой, является частью любого пользовательского интерфейса — будь то программы, вроде Word или web-сайт.

Пиктография обычно строится на метафорах. Метафора — это символический образ предмета или идеи. Этот образ отражает некоторое сходство между символом и связанным с ним предметом или идеей.

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

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

Исследовательская компания Forrester Research приводит некоторые цифры, которые показывают, сколько потенциальных клиентов теряют компании в подобных случаях. Например, интернет-магазины лишаются порядка 50% покупателей, которые не могут быстро найти нужный товар. Около 40% пользователей не возвращаются на сайт, если их что-то не устроило в его работе.

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

seoklub.ru

Как создать веб сайт бесплатно самостоятельно

Создание сайта – очень противоречивый процесс.

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

Другие спорят: всё далеко непросто – для создания хорошего ресурса нужно владеть языками программирования, в совершенстве разбираться в разметках и прочих мелких деталях.

Рано или поздно человек, задавшийся вопросом: как создать веб-сайт, понимает: правда где-то посередине – всё не так просто и не так сложно, как кажется. Для начала хватит идеи, желания и терпения пройти основные этапы создания сайта, среди которых:

• Проработка проекта;
• Работа над дизайном;
• Написание кода;
• Размещение на хостинге и приобретение доменного имени;
• Раскрутка.

С чего нужно начинать

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

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

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

Каким должен быть дизайн

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

Продумать оформление обязательно нужно заранее – важно не только общее цветовое оформление, но и отдельные элементы графики (картинки, фотографии, своеобразные узоры и уникальные элементы дизайна).

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

Бесплатное создание сайта

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

• HTML – это язык базовой разметки, от знания которого зависят все основные функции ресурса;
• CSS необходим для работы с графическим оформлением;
• JavaScript позволяет сделать интерактивный сайт с выпадающим меню и проверкой введённых пользователем данных;
• PHP – настоящий кладезь возможностей. С его помощью осуществляется регистрация и авторизация пользователей, обработка введённых данных и поиск информации на ресурсе;
• SQL и сопутствующая ему программа MuSQL делают сайт по-настоящему серьёзным, обеспечивая работу с базами данных.

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

Например, староватый FrontPage так же прост, как и MicrosoftWord, достаточно знать кое-какие тонкости работы – и редактор сам переведёт сконструированную на экране страницу сайта в язык текстовой разметки.

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

Самостоятельное создание сайта

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

Проработаны шаблоны оформления, написаны все необходимые коды – просто заполняй и радуйся жизни. Но если бы всё было так просто, то никто не писал бы сайты вручную.

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

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

Большинство конструкторов гарантируют бесплатность своих услуг, но, чтобы получить доступ к специальным возможностям, недоступным при бесплатном использовании (вроде каких-то дополнительных разделов), нужно заплатить немаленькую сумму (от 20 долларов) за использование одного закрытого элемента.

Выход в свет

Когда основные страницы будущего ресурса готовы, приходит время задуматься о хостинге.

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

С бесплатными всё тоже непросто: обычно они размещают на веб-сайтах рекламу (narod.ru и ucoz) и ограничивают возможности пользователя, не позволяя ему применять некоторые языки программирования и связанные с ними функции.

Вот еще дополнительное видео:

На этом же этапе выбирается доменное имя – имя собственное веб-страницы, его адрес в сети. Его либо приобретают за определённую плату, либо выдают автоматически (в таком случае в него вписывается название предоставившего его хостинга (например, nameofsite.narod.ru)).

Раскрутка и продвижение

Этот этап бесконечен.

Конечно, существуют специальные агентства, которые за отнюдь не символическую плату (от 150 долларов) выведут новорождённый сайт в самые верхние строчки поисковиков, но обычно их услугами пользуются раскрученные компании, а не любители.

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

Итого

Как создать сайт? Тщательно продумать идею, разработать её, продемонстрировать её миру, добиться его любви, а потом уже пожинать плоды своего труда, не забывая постоянно обновлять контент.

profi-biz.ru

Как создать свой веб сайт в интернете бесплатно и быстро? Создание бесплатного web сайта на поддомене

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

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

Как создать сайт в интернете

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

Другой вариант — заказать сайт у профессионалов. В этом случае web-сайт обойдётся дороже, и разработка займёт немалое время.

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

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

Разработка сайта вручную. HTML и PHP

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

За отображение сайта в Сети отвечает HTML (HyperText Markup Language — язык разметки гипертекста) — специальный язык, который описывает содержимое веб-страницы. HTML подсказывает браузеру, что именно отображать, когда пользователь обращается к сайту. Поэтому для того, чтобы создать веб-сайт самому, потребуется создать одну или несколько HTML-страниц и соединить их между собой гиперссылками. Вы получите простейший статичный сайт, то есть обновлять его можно будет только вручную через HTML-код на сервере.

Для того, чтобы иметь возможность обновлять и администрировать сайт (редактировать тексты и картинки, добавлять новости и новые страницы и т.п.), сайт создаётся с использованием одного из языков программирования (PHP, Perl, Python, Ruby) или на основе одной из систем управления контентом (CMS). Большинство таких платформ требуют участия программистов для разработки сайта, поэтому если вы ищете, как создать свой первый сайт, не обладая знаниями веб-программирования, то этот способ создания сайтов не всегда вам подойдёт — придётся обращаться к специалистам. Тем не менее, есть системы, в состав которых входят готовые сайты, разворачивающиеся без участия программистов. Один из лучших таких движков — UMI.CMS. В платформу включено более 500 различных шаблонов с готовым дизайном, структурой, типовыми страницами и демо-контентом.

Сложности: самостоятельный дизайн и безопасность сайта

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

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

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

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

Конструкторы сайтов

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

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

Как выбрать онлайн-конструктор сайта

Если вас интересует, как можно создать свой сайт в интернете бесплатно за 5 минут, то стоит обратить внимание на конструкторы с бесплатными тарифными планами. В то же время, если ресурс должен превратиться в серьёзный проект, желательна возможность получать расширенные функции за дополнительную плату. Например, вы создадите бесплатный сайт, он станет приносить вам деньги, и вы захотите подключить к нему базу клиентов (CRM) или конструктор форм. На 1С-UMI такие функции можно добавить, перейдя на платный тариф.

У конструкторов веб-сайтов есть ряд преимуществ перед веб-разработкой. Самое главное — вам не нужно разбираться с кодом HTML, PHP, чтобы получить готовый работающий вэб-сайт прямо сейчас. По большому счёту, работа с конструктором мало отличается от работы с обычным текстовым или графическим редактором. Вам не нужно будет думать о вёрстке и макетировании сайта — где разместить меню, где кнопку заказа, а где форму обратной связи. Конструктор позволит вам выбрать один из стандартных готовых макетов и просто применить его к вашему сайту.

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

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

Размещение сайта

Любой созданный сайт необходимо разместить в интернете. Для этого нужно зарегистрировать домен и купить хостинг. Готовые сайты, работающие на конструкторах, получают и то, и другое автоматически, поэтому вам не потребуется ломать голову над тем, как создать сайт на поддомене или домене. Если же вы разрабатываете сайт своими руками или при помощи веб-студии, то этим вопросом придётся заняться самостоятельно.

Доменное имя — это адрес, который пользователь вводит в браузере, чтобы перейти на ваш сайт. Идеальный вариант — если доменное имя совпадает с названием вашей компании и ассоциируется с вашей деятельностью, например, yandex.ru, google.com, afisha.ru. Однако может так случиться, что домен для вашего названия уже занят. Это бывает когда в качестве названия используется какое-либо популярное слово или словосочетание. Не стоит отчаиваться, часто можно найти свободный домен со схожим названием или модифицировать его — например, вместо pugovichka.ru зарегистрировать домен pugovichka-furnitura.ru. Рекомендации о том, как выбрать и зарегистрировать доменное имя, читайте в нашей статье «Назови меня тихо по имени.ru. Как выбрать имя для сайта».

Для непосредственного размещения сайта в Сети необходимо купить хостинг — место на сервере провайдера, предоставляющего услуги размещения сайтов. При покупке хостинга стоит обращать внимание на:

• поддержку нужных технологий у компании-хостера,
• соответствие техническим требованиям вашего сайта,
• объём выделяемого дискового пространства,
• ограничения по объёму трафика, то есть полученных и переданных на сайт данных.

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

Конструкторы и сервисы готовых сайтов предоставляют хостинг бесплатно. Что касается доменного имени, то большинство конструкторов по умолчанию создают сайты на подомене. В этом случае ваш сайт будет доступен по адресу «ваше_название.адрес_конструктора» — например, site.umi.ru. Для многих начинающих бизнесов этого вполне достаточно. Однако если ваша компания быстро развивается и вы хотите, чтобы он воспринимался серьёзно, стоит купить и привязать к нему внешний домен второго уровня — например, site.ru. Большинство конструкторов предоставляют такую возможность, а на 1С-UMI это можно сделать прямо через панель управления самим сервисом.

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

umi.ru

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

От переводчика: инструкция максимально простая, зато на неё можно ссылаться, если новички задают вопрос, как запустить свой сайт в интернете.

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

В реальности, достаточно всего одного часа, чтобы сделать веб-сайт. Я это знаю, потому что засёк время, когда сам выполнял нижеследующие действия, и весь процесс занял чуть меньше часа (я даже зарегистрировал новый домен и создал новый аккаунт на Github для чистоты эксперимента). Код этого сайта тоже можно посмотреть на Github.

1. Идёте на namecheap.com и регистрируете домен. Этот шаг только в том случае, если нужно собственное доменное имя.

2. Создаёте аккаунт Github и скачиваете Git, если это ещё не сделано.

3. Создаёте директорию для размещения веб-сайта и перемещатесь туда командой cd: это команды mkdir my-site && cd my-site. Все будущие команды предполагают, что вы внутри рабочей директории.

4. Делаем новый репозиторий Github для сайта под названием yourusername.github.io. Например, я зарегистрирован под именем smilli, так что мой репозиторий называется smilli.github.io.

5. В рабочей директории запускаем git init и git remote add origin github.com/username/username.github.io.git, где вместо ‘username’ указываем свой имя пользователя.

6. Создаём файл ‘index.html’ в папке с сайтом с HTML-кодом главной страницы. Здесь необязательно тратить много времени, он может быть весьма лаконичным.

<html>
<head>
  <title>YOUR SITE TITLE</title>
  <-- Add some style to your site, see http://getbootstrap.com for details -->
  <link rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
</head>
<body>
  <h2>YOUR SITE TITLE</h2>
  <p>Your text blahblahbhalbha</p>
  <p>Another paragraph!  Maybe more text!</p>
</body>
</html>

7. Пишем в коде главной страницы любой текст. Изменения отображаются локально командой python -m SimpleHTTPServer 8000 и набором адреса localhost:8000 в браузере.

8. Теперь запускаем следующие команды:

git add .
git commit -m "Initial commit"
git push -u origin master

9. Идём на yourusername.github.io. Здесь вы должны увидеть свой сайт! Поздравляю, вы что-то опубликовали в онлайне.

10. Если хотите собственное доменное имя, создаёте файл ‘CNAME’ (всё прописными буквами). Туда добавляете одну строчку ‘’yourdomainname.com’ (без http или www). См. подробности конфигурации CNAME здесь.

11. Как и раньше, отправляем все изменения на Github.

git add .
git commit -m "Add CNAME"
git push

12. Теперь авторизуетесь на namecheap.com и щёлкаете по доменному имени, которое нужно, в списке своих доменов. Список будет примерно таким:

После выбора домена, появится ссылка «All Host Records» в левой панели во вкладке «Host Management». Нажмите на неё. Теперь вы увидите настройки по умолчанию, которые Namecheap указал для вашего сайта.

Измените настройки следующим образом (заменив ‘username’ на своё имя пользователя, конечно).

13. После вступления в действие изменений в DNS вы сможете увидеть свой сайт на своём домене! Поздравляю. 🙂

habr.com

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

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

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

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

Что нужно для создания сайта?

На самом деле потребуются всего три фундаментальные вещи:

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

Какими способами можно создать сайт

Способ 1 – онлайн сервисы

Это простой, быстрый и дешевый способ, с помощью которого вы можете сделать в течение нескольких минут сайт без опыта и знаний тонкостей веб-дизайна. Таких сервисов много, например ukoz, либо системы блогинга liveinternet, ЖЖ и многие другие.

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

Способ 2 — СМС

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

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

Способ 3 — индивидуальная разработка

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

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

seo-ask.net

Как сделать веб страницу html с картинкой для чайников

 

для чайников 

 

 

 

 

Вас заинтересовал вопрос: “Как сделать html страницу?”, то просмотрев данную статью, вы сможете сделать html страницу самостоятельно, не прилагая больших усилий.

  

HTML (HyperText Markup Language — «язык разметки гипертекста») не является языком программирования, он предназначен для разметки текстовых документов (т.е. с помощью него мы указываем браузеру где будет размещен текст, картинка, таблица и т.п. ).

 

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

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

Теперь мы перейдем к практическому осуществлению нашей задачи “Как сделать html страницу?”.  Для этого нам понадобится любой текстовый редактор.  Я вам посоветую «Notepad++».  Либо можете воспользоваться стандартным блокнотом, только будьте внимательны, когда будете сохранять файл, обязательно сохраняйте его с расширением «html». Название обязательно пропишите латинскими буквами.
Это будет выглядеть так:
 «page.html»

И так, открываем наш редактор, и пишем следующий код:

<html> <head> <title>Моя первая страница</title> </head> <body> Я Вас приветствую!!! <br/> Это Начало большого пути в просторы Интернета </body> </html>

Сохраняем созданный текст.
Для просмотра созданной страницы html в любом браузере, нужно просто кликнуть на пиктограмме «page.html».

Вставить картинку в html страницу

Чтоб вставить картинку в html страницу, её необходимо предварительно подготовить.
Выбираем нужное изображение, редактируем его  либо в документе Word (простой вариант), либо в Photoshop.
Сохраняем картинку в формате  JPEG, в нашей папке для создания страниц html.
Пример:
название папки:  user_page
в этой папке:
страница: page.html
картинка: kartinka.jpg

Для вставки картинки в страницу применяется тег <img>. 
Для указания пути к картинке в теге используется параметр src=
Вот так будет выглядеть код  html, при помощи которого можно вставить картинку в страницу  html:
<img src=»/kartinka.jpg»> (при условии: страница и картинка находятся в одной папке).

А это код страницы html с картинкой

<html> <head> <title>Моя первая страница</title> </head> <body> Я Вас приветствую!!! <br/> Это Начало большого пути в просторы Интернета <img src=»/kartinka.jpg»> </body> </html>

 

Если вы выполнили все так, то в браузере будет отражен результат вашей работы.
Оказывается,  сделать html страницу совсем  не сложно!

Ниже приведены атрибуты для тега <img>, и их предназначение:

<img src=»/kartinka.jpg»>	Без атрибутов — текст по умолчанию находится снизу картинки
<img src=»/kartinka.jpg» align=»right»>	align=»right» — картинка справа, текст слева
<img src=»/kartinka.jpg» align=»left»>	align=»left» — картинка слева, текст обтекает справа
<img src=»/kartinka.jpg» align=»bottom»>	align=»bottom» — как и по умолчанию, текст внизу картинки
<img src=»/kartinka.jpg» align=»middle»>	align=»middle» — текст посередине картинки
<img src=»/kartinka.jpg» align=»top»>	align=»top» — текст вверху картинки
<img src=»/kartinka.jpg» vspace=»10″>	vspace — задаёт расстояние между текстом и рисунком (по вертикали). Расстояние задается в пикселях. Pixel — самая маленькая единица изображения (точка). Например, если экран Вашего монитора 800х600, это значит, что он имеет 800 на 600 пикселей (точек). В примере расстояние равно 10 пикселям (точкам).
<img src=»/kartinka.jpg» hspace=»20″>	hspace — задаёт горизонтальное расстояние между текстом и рисунком. Расстояние задаётся в пикселях. В примере отступ текста от картинки равен 20 пикселям (точкам)
<img src=»/kartinka.jpg» alt=»Сайт для сайтостроителей»>	alt — задаёт название (описание) картинки (действует не во всех браузерах. В Internet Explorer – работает!). Работает, если ваш посетитель наведёт мышку на картинку и подержит несколько секунд. В этом конкретном примере появится надпись «Сайт для сайтостроителей». Я рекомендую Вам задавать атрибут alt, особенно тогда, если Ваша картинка является ссылкой (кнопкой).
<img src=»/uzeron_pc.jpg»>	width — задаёт ширину картинки в пикселях. Если же Вы не поставите этот атрибут, то картинка будет иметь реальный размер по ширине. (Рекомендую всегда задавать размеры!!!)
<img src=»/uzeron_pc.jpg»>	height — задаёт высоту картинки в пикселях. Если же Вы не поставите этот атрибут, то картинка будет иметь реальный размер по высоте. (Рекомендую всегда задавать размеры!!!)
<img src=»/uzeron_pc.jpg» border=»0″>	border — задаёт рамку вокруг картинки. По умолчанию рамка всегда есть. Если вы хотите убрать рамку, то задайте border=0.
<p align=»center»><img src=»/uzeron_pc.jpg»> </p>	<p></p> — размещает саму картинку туда, куда нам необходимо. Размещение зависит от атрибута align. Есть, например: align=»left» — слева align=»center» — в центре align=»right» — справа
<body bgcolor=»#000000″ background= «uzeron_pc.jpg»></body>	background=»Ваш_фон.jpg»- Ваша картинка будет фоном HTML странички. В атрибуте background=»Ваш_фон.jpg» нужно прописывать путь к Вашей картинке так же, как и в размещении обычной картинки. Я рекомендую оставлять bgcolor для того случая, если не загрузится Ваша картинка.

Добавить комментарий

www.sitedelkino.ru

Как сделать веб сайт — бесплатно, быстро и профессионально

 

Доброго времени суток дорогие читатели!

Я очень долго искал нужную мне информацию – как сделать веб сайт! Вы не поверите, но в интернете нужной информации очень мало! Я перерыл сотни видео, побывал на огромном количестве форумов и не получил желаемого результата.

Случайно попал в интернет-школу Start Up, в которой узнал как сделать свой веб сайт. Оказывается Ничего Сложного в этом нет! Сайт, на котором вы читаете эти строчки, был сделан за два дня. В течении двух недель я написал семь статей.

Если бы мне сказали два месяца назад: “У тебя будет свой собственный профессиональный сайт через два дня”, то конечно же я бы не поверил. Я и сейчас нахожусь под впечатлением – неужели у меня все получилось?

Если вы спросите: “Как же сделать веб сайт”, то я могу ответить точно со 100% гарантией: “Запишитесь в бесплатную интернет-школу Start Up и получите уже через два дня свой собственный веб сайт”.

В школе Start Up вас научат:

— Как сделать сайт.

— Как правильно писать свои любимые статьи.

— Как продвигать свой веб сайт.

— Как сделать так, чтобы на ваш веб сайт уже с первых дней заходили посетители.

Это далеко не полный список, в чем вы сами и убедитесь!

Я уверен, что более качественной и доступной информации нет нигде в интернете. Я потратил полтора года на поиски информации как сделать свой сайт и ничего не получил кроме разочарования.

Благодаря школе Start Up я получил бесплатно колоссальный опыт по созданию веб сайтов. Обучение в школе Start Up проходит как онлайн семинары так и обучающие подробные видео уроки. На онлайн семинаре присутствует около 3000 человек из различных стран мира, возрастом от 12 до 75 лет. Все видео уроки построены в очень доступной форме. Все задания я делал с удовольствием, не испытывая никаких проблем. В случае каких-либо вопросов я обращался в техническую поддержку, которая работает круглосуточно и отвечает на все вопросы быстро, подробно и оперативно.

Если вы воспользуетесь услугами школы Start Up я гарантирую – вы не пожалеете. Школа Start Up – это та организация, которая полностью ответит на все ваши вопросы как сделать свой веб сайт.

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

Постарайтесь не упустить своей прекрасной возможности: сделать свой профессиональный веб сайт за очень короткое время. С вами будут работать лучшие специалисты по сайтостроению!

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

Даже после того как я попал в школу Start Up я продолжал сомневаться! К счастью для меня, мое любопытство взяло верх и я решил попробовать. Если живешь не рискуя, то рискуешь не жить вовсе. Записался на занятия в школу Start Up и результат перед вашими глазами!

Самым приятным оказалось, что с помощью своего сайта можно Зарабатывать Деньги! В школе Start Up научили зарабатывать на своем сайте с помощью нескольких способов. Как оказалось существует более одного десятка способов заработка на своем сайте! Об этом и многом другом я узнал в интернет школе  Start Up.

P.S. Даже если вы не воспользуетесь услугами школы Start Up желаю вам успеха и достижения поставленных целей!  С уважением Алексей Жигулев.

stroyimdom.com