Поиск по сайту


Авторизация




 

Опрос

Перевод времени


 
 

Новости партнеров

Реклама







Хочу свой сайт. Часть вторая. Создаем сайт.

мысли / полезное 12 февраля 2008 21 139 

Реклама на сайте

Вы можете прослушать подкаст по этой теме, где мы рассуждаем о том, как сделать сайт.

Подкаст ведут Ana и Talik

длительность подкаста: 21 минута 30 секунд
размер файла: 10МБ
качество звука: 64 кбит/сек
скачать подкаст

подписаться на подкаст

Или прочитать ниже краткий конспект этого подкаста.

Хочу свой сайт. Часть вторая. Создаем сайт.


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

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

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

HTML (от англ. Hypertext Markup Language — «язык разметки гипертекста») — это стандартный язык разметки документов во Всемирной паутине. Все веб-страницы создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, удобном для человека.

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

Позже, когда появилась необходимость интерактивности веб-страниц, в HTML появились
- Формы для введения пользователем данных, которые позднее подвергаются обработке. Формы и другую информацию можно обрабатывать с помощью специальных серверных программ (например, на языках PHP или Perl).
- Открытие мультимедийных файлов, выводимых как непосредственно браузером (например, и
зображения в форматах JPEG, GIF или PNG; аудиофайлы MIDI и др.), так и внешними приложениями, «встраиваевыми» в окно браузера (Flash-анимация, Java-апплеты и прочее).


Структура HTML-документа

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

Итак, мы собираемся сделать сайт. Как же это сделать человеку, далекому от этого?

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

Такие конструкторы совсем несложно найти в инете. Многие хостинг-провайдеры предоставляют их вам совершенно бесплатно при покупки у них хостинга.

Также вам могут предложить бесплатные CMS (системы управления сайтом), такие как Mambo, WordPress, WebDirector, Drupal и т.п., форум phpBB, Gallery – галерею изображений.

Есть вариант создания web сайта с нуля. Берём какой-либо «Учебник HTML для начинающих», где в простой и доступной форме вам рассказывают пошагово, что и зачем делать.

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

Далее следует перейти к пользованию каким-либо html- редактором. Можете выбрать любой, но мы советуем воспользоваться визуальным html-редактором NVU, который можно скачать с сайта mozilla-russia.org. Это бесплатный редактор, удобный и понятный, и, естественно, на русском языке.

Хочу свой сайт. Часть вторая. Создаем сайт.

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

Хочу свой сайт. Часть вторая. Создаем сайт.

Если хотите, можете перейти к более углубленному изучению данного вопроса: в сети можно найти огромное количество книг о PHP, CGI, SQL, CSS, javascript, SSI и т.д.

Ещё вариант: находите и скачиваете в Интернете уже готовые шаблоны, например, Template Monster и переделываете его под себя. Это готовые шаблоны. Если вы четко замените части шаблона на свои, то выглядеть как надо и действовать корректно он будет.

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

Или же просто нарисуйте продуманную страничку в photoshop и разметьте её в том же photoshop –e. Вы расставляете разметку, а Photoshop уже сам сгенерит html – код. Очень удобно. А текст вставите в редакторе.

Хочу свой сайт. Часть вторая. Создаем сайт.

Впрочем, вы так же можете создать страничку в Word и сохранить как html – страницу. Word всё сделает сам, а то, что получится вы уже и зальёте на ftp. Правда это несколько…, но при нужде и так сойдет.

Есть ещё очень простая программа Front Page (часто входит в комплект майкрософтовского Офиса, и бывает установлена на компьютере по умолчанию) - но сайт сделанный в ней выглядит мягко говоря "некрасиво". Она конечно очень удобная - там много Template-ов - но она выдает очень грязный код, и в результате сайт и дольше грузится, и выглядит очень непрофессионально, шаблонно. Но для начала – это хороший вариант, тем более, что говорят, в новой версии она стала очень "пушистой прогой", и лишних тегов больше не выдает (то есть код стал намного чище).


При создании сайта хочется посоветовать:

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

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

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

- Ни в коем случае не делайте свой сайт слишком широким (не больше 1000 пикселей). Горизонтальная прокрутка (в отличие от вертикальной) раздражает, по-моему, всех.

- Не игнорируйте текс, увлекшись картинками. Именно текст обрабатывают (индексируют) поисковики.

- Мне, например, не нравятся сайты, расцветка которых режет глаза. Я такие обычно сразу закрываю.

- Не удобно читать текст на пестрой подкладке. Очень неудобно!

- Плох и слишком мелкий шрифт.

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

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

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

- Заголовки новостей стоит придумывать тщательно. Они должны привлекать читателей и отражать суть статьи.

- Не забывайте указывать источники цитат, картинок и текстов, если это не ваших рук дело.

- Если в вашем тексте есть на что ссылаться из вашего же ранее написанного – ставьте ссылки! Это очень полезно.

Вот ЗДЕСЬ можно ещё покопаться и найти полезные советы. Прочтите – лишним точно не будет.


Похожие публикации



Хочу свой сайт. Первичная и бесплатная раскрутка сайта.

Хочу свой сайт. Первичная и бесплатная раскрутка сайта.

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

подробнее »

Хочу свой сайт. Первичная и бесплатная раскрутка сайта.

Хочу свой сайт. Первичная и бесплатная раскрутка сайта.

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

подробнее »

Хочу свой сайт. Первичная и бесплатная раскрутка сайта.

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

подробнее »



Ana-sm Podcast #4 Отпуск в Ленобласти

Ana-sm Podcast #4 Отпуск в Ленобласти

После длительного перерыва возвращаемся к публикации подкастов. Сегодня четвертый выпуск подкаста сайта Ana-sm.ru, он посвещен нашему недельному отпуску в ленинградской области под городом Луга. Разговор пойдет о том, чем же так хорош отдых в лесу на базе отдыха для обычных городских жителей,...

подробнее »

Ana-sm Podcast #4 Отпуск в Ленобласти

Ana-sm Podcast #4 Отпуск в Ленобласти

После длительного перерыва возвращаемся к публикации подкастов. Сегодня четвертый выпуск подкаста сайта Ana-sm.ru, он посвещен нашему недельному отпуску в ленинградской области под городом Луга. Разговор пойдет о том, чем же так хорош отдых в лесу на базе отдыха для обычных городских жителей,...

подробнее »

Ana-sm Podcast #4 Отпуск в Ленобласти

После длительного перерыва возвращаемся к публикации подкастов. Сегодня четвертый выпуск подкаста сайта Ana-sm.ru, он посвещен нашему недельному отпуску в ленинградской области под городом Луга. Разговор пойдет о том, чем же так хорош отдых в лесу на базе отдыха для обычных городских жителей,...

подробнее »



Я хочу свой сайт. С чего начнём?

Я хочу свой сайт. С чего начнём?

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

подробнее »

Я хочу свой сайт. С чего начнём?

Я хочу свой сайт. С чего начнём?

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

подробнее »

Я хочу свой сайт. С чего начнём?

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

подробнее »



Как сделать падающий снег на сайте

Как сделать падающий снег на сайте

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

подробнее »

Как сделать падающий снег на сайте

Как сделать падающий снег на сайте

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

подробнее »

Как сделать падающий снег на сайте

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

подробнее »



Что такое RSS и с чем его едят

Что такое RSS и с чем его едят

Я практически уверена в том, что многие слышали об RSS или очень часто видят подобный значок на сайтах. А все ли знают что это такое? И зачем на сайтах его размещают все и каждый? А нужно ли мне, как читателю, это? Как RSS пользоваться? На все эти вопросы мы и попробуем ответить, тем более, что...

подробнее »

Что такое RSS и с чем его едят

Что такое RSS и с чем его едят

Я практически уверена в том, что многие слышали об RSS или очень часто видят подобный значок на сайтах. А все ли знают что это такое? И зачем на сайтах его размещают все и каждый? А нужно ли мне, как читателю, это? Как RSS пользоваться? На все эти вопросы мы и попробуем ответить, тем более, что...

подробнее »

Что такое RSS и с чем его едят

Я практически уверена в том, что многие слышали об RSS или очень часто видят подобный значок на сайтах. А все ли знают что это такое? И зачем на сайтах его размещают все и каждый? А нужно ли мне, как читателю, это? Как RSS пользоваться? На все эти вопросы мы и попробуем ответить, тем более, что...

подробнее »



Семейный сайт

Семейный сайт

Разработка концепции и дизайна семейного сайта на примере Чуяков.ру Команда проекта tcse-cms.com представляет новый проект - полностью переработанный дизайн и новая концепция семейного сайта. Ни для кого не секрет, что сохранить историю семьи можно традиционными способами - сделать семейный...

подробнее »

Семейный сайт

Семейный сайт

Разработка концепции и дизайна семейного сайта на примере Чуяков.ру Команда проекта tcse-cms.com представляет новый проект - полностью переработанный дизайн и новая концепция семейного сайта. Ни для кого не секрет, что сохранить историю семьи можно традиционными способами - сделать семейный...

подробнее »

Семейный сайт

Разработка концепции и дизайна семейного сайта на примере Чуяков.ру Команда проекта tcse-cms.com представляет новый проект - полностью переработанный дизайн и новая концепция семейного сайта. Ни для кого не секрет, что сохранить историю семьи можно традиционными способами - сделать семейный...

подробнее »

Вы не авторизованы!

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


Написать



#1 написал: 3131
Группа: Гости
4 августа 2008 13:29

Очень интересно и полезно почитать, а также послушать winked
Почти созрел на создание своего сайта. Руки уже не так трясутся от страха при мысле о создании сайта самому, своими ручками feel

            




#2 написал: Машута
Группа: Гости
15 августа 2008 08:23

Вот нашел наверно лучшую тему для WP в плане оптимизации вордпресса - минимум графики, а смотрится симпатично и не скажите что это WordPress

            




#3 написал: Talik
Группа: Гости
15 августа 2008 14:27

Цитата: Машута
Вот нашел наверно лучшую тему для WP в плане оптимизации вордпресса


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

            




#4 написал: БЕНО
Группа: Гости
6 сентября 2008 01:54

КАК МНЕ СОЗДАТЬ СВОЙ САЙТ

МОЖЕШ ПОМОЧЬ МНЕ?

            




#5 написал: AnaSm
Группа: Администраторы
7 сентября 2008 12:37

БЕНО, а поконкретней? smile


--------------------
трудно быть ангелом, но надо

            




#6 написал: ctydent_
Группа: Гости
6 ноября 2008 21:47

а как первую часть скачать belay И какие проги нужны для создания сайта

            




#7 написал: AnaSm
Группа: Администраторы
6 ноября 2008 22:58

ctydent_, первую часть подкаста можно по ссылке скачать подкаст - правой кнопкой "сохранить по ссылке как..."

И какие проги нужны для создания сайта


NVU, например, СМОТРИМ


--------------------
трудно быть ангелом, но надо

            




#8 написал: riker
Группа: Гости
28 марта 2009 19:18

предлагаю вашему вниманию одну из лучших программ для создания сайтов с нуля!!! программа очень простая не требует особого знания html !!!)) она руссифицирована т.е (на русском языке)
http://depositfiles.com/files/f03emkh7m Macromedia Dreamweaver 8.0.2.rar 74.7 Mb

и ещё очень полезная программа для создания меню сайта тоже не требует особых навыков:
http://depositfiles.com/files/qa6rvidc7 Sothink DHTML Menu 8.zip 5.9 Mb
на русском языке!!!!! все они бесплатныЕ!

            




#9 написал: Anna Pavlova
Группа: Гости
13 сентября 2009 20:59

anja smile

            




#10 написал: обучение за границей
Группа: Гости
29 июня 2011 22:06

А вот мне в таком случае кажется, эта тема довольно сложная для новичка :)

            




#11 написал: ЛeдиБывaлый
Группа: Гости
15 декабря 2012 08:12

полностью поддерживаю, такие же мысли были.

            




comments powered by Disqus