rideumba.com

Как создать свой сайт легко?

Darlic — Thu, 17 Jun 2010 10:12:12 +0000

1 шаг

Зайди на страницу www.ucoz.ru и найдите кнопку “Регистрация” в правом верхнем углу. Нажмите на неё.

2 шаг

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

3 шаг

Введите пароль. Он должен быть довольно сложным, состоять из 6-15 символов. Обратите внимание, регистр букв имеет значение, то есть “Z” и “z” – разные буквы для машины.

4 шаг

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

5 шаг

Введите данные о себе: ваше имя, страну проживания, пол и дату рождения.

6 шаг

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

7 шаг

И, наконец, введите цифры с картинки в специальное поле, прочтите правила пользования системы, поставьте соответствующую галочку и нажмите на кнопку “Зарегистрироваться”.

8 шаг

После этого вы попадёте на страницу входа в систему. Введите свой логин и пароль, а также число с картинки и нажмите “Вход”.

9 шаг

Вы попадёте в мастера настройки сайта. Введите название сайта, которое будет отображаться под логотипом, а также выберите дизайн. Нажмите на кнопку “Продолжить”.

10 шаг

Выберите необходимые вашему сайту модули. Модули – разделы. Если на вашем ресурсе не будет фотографий, то и раздел для фотографий вам не нужен, уберите соответствующую галочку. В том же духе поступите со всеми разделами. Нажмите на кнопку “Продолжить”.

11 шаг

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

12 шаг

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

Или можно посмотреть видео

Как создать сайт

Как создать свой динамический сайт новичкам?

GoldAfess — Wed, 16 Jun 2010 19:53:11 +0000

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

Создание и разработка сайта

dra1ve — Wed, 16 Jun 2010 15:13:58 +0000

Для начала создадим простейший сайт. Состоит он из одной HTML страницы. HTML (HyperText Markup Language – язык разметки гипертекстов) – универсальный язык, описывающий веб-страницы. Его задача – указать браузеру, что и как отображать при загрузке страницы на компьютере пользователя. Каждая из его команд, называемых тегами, описывает фрагмент страницы.

Перейдем к делу. Перед Вами текст простейшей HTML-страницы:

Моя первая страничка

Контакты

Загрузки

Главная

Здравствуйте! Я – Перец.

Добро пожаловать!

Ах, перец, перец!

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

Родина сладкого перца – Мексика. В Европе он стал известен только после открытия Америки. Горький перец издавна выращивали в Иране, Ираке, Турции, Афганистане и на восточном побережье Африки.

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

Скопируйте его и сохраните у себя на компьютере в файле с именем index.html. Ваш первый сайт готов. Можно открыть страничку в любом браузере и посмотреть результат. Выглядеть она должна приблизительно так. (1)

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

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

Примите наши поздравления, Ваш первый сайт – готов! На этом простом примере разберем, как создать сайт.

2. Разрабатываем сайт

Для того, чтобы создать сайт самостоятельно, необходимо выполнить 2 этапа работ:

Разработка шаблона сайта. Именно здесь необходимо определить, как сайт будет выглядеть.
Верстка сайта. Наполняем сайт контентом и заставляем все это работать.

2.1 Разработка шаблона сайта

Как правило, этот этап работ выполняется в достаточно мощном графическом редакторе, например, Adobe Photoshop или CorelDraw. Фотошоп несколько проще в освоении и использовании, а возможности его очень велики. Именно поэтому среди веб-дизайнеров Photoshop пользуется вполне заслуженной популярностью. Воспользуемся им и мы.

Создаем в Фотошопе новый документ. Задаем имя – MySite.
Выбираем разрешение 800 х 600, это гарантирует корректное отображение у любого пользователя, размер по вертикали потом сможем увеличить. Выбираем разрешение 72 пикселя на дюйм и RGB-цвет. Эти установки делаем обязательно, именно они отвечают за корректное отображение веб-страницы. (2)

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

Командой «Слой» – «Новый» создаем слой с именем banner.
Используя инструмент «Прямоугольная область» выделяем нужный нам фрагмент между направляющими.
Рисуем в этой области прямоугольник со скругленными углами.
Выбираем цвет заливки и заливаем его. (4)

Таким же образом размечаем еще несколько областей – для логотипа, текста приветствия, и описательного текста. Слой для текста приветствия не заливаем. (5)

Для каждого из залитых слоев выбираем эффект «Внешний свет», задаем направление, получаем отбрасываемую тень (6)

На области логотипа создаем слой с тем же цветом заливки.
С помощью инструмента «Горизонтальный текст» вводим текст (7)

Создаем на области баннера новый слой. Открываем файл с изображением и просто перетаскиваем его на вновь созданный слой. (8)

Аналогично заполняем изображениями и текстом остальные области (9)

Наш макет готов!

Теперь из него нужно вырезать фрагменты, необходимые для нашей страницы. Это – область баннера, область логотипа, верхняя и нижняя рамки для поясняющего текста и часть области, для фона поясняющего текста.
С помощью инструмента «Фрагмент» выбираем необходимые части изображения. (10)

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

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

2.2 Верстка сайта

Создаем в текстовом редакторе файл index.html.

ВАЖНО! Первой строкой файла должна быть строка вида

Именно она сообщает браузеру, как именно обрабатывать содержимое страницы. Далее следует набор тегов:

«Голова» документа
«Тело» документа

Обратите внимание, теги формируют пары – открывающий и закрывающий. Последний всегда начинается с Пара … говорит о том, что внутри содержится HTML-код.

Внутри … располагаются теги, которые не отображаются в основном окне. Как правило, они начинаются словом meta, и называются мета-тегами, а вот тег … отображается в заголовке окна браузера и используется поисковыми системами.

Следом располагается пара … в них заключено содержимое страницы. Именно эта часть, тело страницы, отображается в окне браузера.
Существует несколько способов организации контента. Наиболее популярные из них – организация в виде таблиц (

…

) и с помощью блоков (

…

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

Основными документами, в которых описываются все компоненты языка, являются спецификации – их желательно просмотреть.

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

Оказывается, проблема под названием «как сделать свой сайт» не существует вовсе! Простой одностраничный сайт готов.

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

Для создания таких страниц применяют языки веб-программирования. Среди таких языков наиболее широко распространены PHP, Perl и Python и Ruby on Rails под Unix-системами, а для Windows характерна разработка динамического контента с использованием средств .NET.
Это все качается серверной части, а для программирования на клиентской стороне чаще всего используется JavaScript.

2.3 Сайт на PHP

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

Попробуйте запустить в браузере index.php. Не получилось? Конечно, нет. Ведь браузер не знает, что ему делать с командами, из которых состоит файл.

Для того, чтобы файл (скрипт PHP) выполнился, он должен быть обработан интерпретатором языка. Такой интерпретатор обязательно есть на веб-серверах, который и обеспечивает PHP кода. Как же посмотреть, что изменилось?

Для отладки веб-приложений и реализации полноценного веб-сервера на машинах под управлением Windows в сети бесплатно распространяется пакет Denver (для вашего удобства он уже есть в архиве). Он включает в себя веб-сервер Apache, интерпретаторы языков PHP и Perl, базу данных MySQL и средства работы с электронной почтой.

Установка не требует никаких усилий. Запускаем установочный файл, выполняем все его требования. Выбираем букву виртуального диска для быстрого доступа, создаем ярлыки. Вот и все! Denver к работе готов!

Запускается он по ярлыку Start Denwer (возможно у вас будет называть иначе). После старта, в появившийся в системе виртуальном диске (обычно Z), в папку home/test1.ru/www/ скопируйте содержимое папки mysite из архива, с которым мы работаем, кроме файла index.html. Наберите в адресной строке браузера test1.ru. Знакомая картина? А теперь пройдитесь по ссылкам сверху страницы. Работает? Отлично!

Подробнее о PHP и его использовании – в статьях и книгах.

Итак мы получили динамический трехстраничный сайт и проверили его!

Но до сих пор мы создавали сайт своими руками от начала и до конца. В настоящее время существуют средства облегчающие этот процесс – системы управления контентом (CMS – content management system). К наиболее популярным относятся Joomla!, WordPress, Drupal. Для них разработаны сотни шаблонов (в случае необходимости всегда можно адаптировать один из понравившихся шаблонов сайтов) и дополнений, позволяющих получить профессионально выглядящий сайт с любой функциональностью.

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

3. Публикация сайта в Интернет

Мы готовы опубликовать свой сайт в Интернет. Что для этого нужно?

3.1 Домен и хостинг

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

Во-вторых, хостинг. Хостинг – услуга размещения сайта на серверах, имеющих выход в Интернет. В настоящее время компаний, предоставляющих эту услугу огромное количество. Остается только выбрать подходящую. К критериям выбора относятся:

Цена – есть как платные, так и бесплатные хостинги.
Объем предоставляемого трафика и дискового пространства
Поддержка тех или иных средств (PHP, MySQL, возможность развертывания CMS, наличие дополнительных скриптов и т.д.)

Чаще всего, компании, предоставляющие хостинг, являются и регистраторами доменов, и наоборот. Так что приобрести эти 2 услуги труда не составляет. Оплата для большинства компаний возможна через электронные платежные системы типа Webmoney, Яндекс.Деньги и другие.

3.2 Размещение сайта на сервере

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

Обычно это загрузка содержимого по HTTP-протоколу, с использованием панели управления хостера или по FTP с помощью ftp-клиента.

Второй вариант намного быстрее и проще. Одним из лучших ftp-клиентов является встроенный в Total Commander.

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

Все, наш сайт опубликован в Интернете. Можете набрать в адресной строке браузера его имя и полюбоваться результатом.

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

Удачи!

Народ, нужна помощь

ForDeC — Tue, 15 Jun 2010 08:50:50 +0000

Народ, всем привет. Хочу создать свой сайт по ремонту автомобилей, но не знаю с чего начать, что можете посоветовать????

Как создать сайт?

KeeperMSTS — Mon, 14 Jun 2010 20:43:38 +0000

Проектирование сайта.

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

1.Тема сайта

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

Например, запросы Яндекса на слова:
фиалки – 4 млн. ответов
белые фиалки – 2 млн. ответов
белые фиалки разведение – 264 тыс. ответов
белые фиалки разведение и уход – 136 тыс. ответов

В данном случае выбираем тему «белые фиалки разведение и уход»
в)По данной теме у вас должна быть уникальная и интересная информация.

2.Цель сайта

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

3.Разработка структуры сайта и каждой страницы

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

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

Как создать свой сайт на хостинге.

ghisool — Sun, 13 Jun 2010 10:12:01 +0000

Предлагаю вкратце рассмотреть вопрос о том как создать свой сайт на хостинге и как выбрать CMS для сайта.
Хостинг – это услуга по размещению наших файлов на сервере, которую нам предоставляет хостинг-компания. Выбирать хостинг нужно такой, чтобы установленное на нём ПО удовлетворяло запросам Вашей CMS.
CMS – это система управления контентом вашего сайта. CMS следует выбирать ту, которая Вам знакома и которую Вы хорошо знаете. Если не знаете никакую, то установите себе на компьютер программу Vertrigo и пробуйте устанавливать разные CMS. Потом выбирайте ту, которая Вам понравилась.
Сама закачка и установка CMS проходит в 2 этапа.
1. После регистрации и оплаты хостинга(если он платный) на указанный Вами E-mail приходит письмо с данными. Используя эти данные Вы должны подключиться к ФТП-серверу с помощью ФТП-клиента – Total Comander вполне сойдёт. Затем копируем все файлы CMS на хостинг.
2. Установка CMS проходит легко и не должна вызвать у Вас никаких трудностей. Вводить нужно будет имя, название и пароль от базы данных, которые находятся либо в регистрационном письме либо создаются в панели управления хостингом. Затем имя, пароль и E-mail администратора. Всё – CMS установлена.

Как создать свой сайт?

Sveta39 — Fri, 11 Jun 2010 08:16:12 +0000

Здравствуйте, подскажите пожалуйста как создать свой сайт? с чего необходимо начать, какой необходимо иметь первоначальный капитал и вообще необходим он? Стоит ли размещать свою ссылку в различных каталогах и вообще есть ли от этого смысл?

Как создать свой сайт???

chaos — Thu, 10 Jun 2010 05:29:52 +0000

Я рекомендую создать свой сайт через uCoz ( ucoz.ru )

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

Универсальная система управления сайтом (CMS).
Хостинг с неограниченным дисковым пространством.
Огромное количество готовых дизайнов.
Домен в любой зоне (например: mysite.ru).
Стабильная работа серверов (uptime 99.8%).
Почтовые адреса вида mail@mysite.ru.
Автоматическое создание Sitemap.
Простое добавление видео (youtube.com и т.д.).
Резервное копирование данных.
Cлужба поддержки и документация.
Обширное сообщество пользователей.
Никаких затрат на создание и поддержку сайта.
За 4 года более 1 000 000 людей уже выбрали uCoz.

Как создать сайт?

s0l0 — Wed, 09 Jun 2010 10:03:32 +0000

Сайт создать не так сложно, как некоторые думают. Сначала нужно хорошее руководство по HTML – языку разметки веб-страниц, и CSS - языка, который эти страницы делает «красивыми». Писать веб-страницы можно в обычном блокноте, но я рекомендую Microsoft FrontPage – самый простой и удобный редактор. С ним и CSS вставишь в HTML, и саму страницу разметишь.

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

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

Как создать свой сайт: что такое CSS?

mote — Wed, 09 Jun 2010 04:15:40 +0000

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

На первом этапе вы наверняка уже освоили HTML - это безусловно основа основ и знания этого языка разметки вполне достаточно для создания простой веб-странички. Но если все визуальное оформление прописывать в html в результате получится огромный и очень неудобный код, в котором новичку ничего не стоит запутаться. Хорошо бы освободить код от элементов оформления, неправда ли? И здесь на помощь приходит CSS.

CSS (Cascading Style Sheets, каскадные таблицы стилей) — это набор параметров форматирования. Его применяют к элементам веб-страницы, чтобы облегчить изменение внешнего вида сайта и его отдельных элементов.

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

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