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

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

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

Подкаст ведут 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, j
  • Оцените публикацию
    • +6
Реклама на сайте

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

Закажи фотокниги любых форматов

Еще из полезное

Пасха в 2012 году
Пасха в 2012 году

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

Делаем сами: cетка календаря на 2008 год в Corel Draw
Делаем сами: cетка календаря на 2008

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

Как сделать анимированный гиф (gif)
Как сделать анимированный гиф (gif)

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

Поздравляю с 8 марта!
Поздравляю с 8 марта!

Среди весенних первых дней 8 Марта всех дороже. На всей земле, для всех людей Весна и Женщина похожи! Пусть отблеск зимний еще не угас, Но воздух становится зыбким. С Женским весенним праздником Вас, С первой весенней улыбкой!

Древнее китайское гадание на монетах.
Древнее китайское гадание на монетах.

И-Цзин Книга Перемен Древнее китайское гадание на монетах. Не помню откуда, но в детстве у меня появилась эта небольшая книжка. Вернее будет сказать брошюрка. Она представляла из себя большой бело-черный лист, сложенный до формата 10 на 15. Оформлена она была красиво и выглядела очень загадочно и

Подарки для блондинки
Подарки для блондинки

Как известно, грядет женский праздник 8 марта! Пора и о подарка подумать, тем более для самых очаровательных созданий - для всеми любимых БЛОНДИНОК (если кто не понял, я не стебусь, а на самом деле считаю блондинок самыми-самыми). Но речь пойдет не о цветах и конфетах. В данной заметке обзорчег

Как пить. Алкоголь. Похмелье.
Как пить. Алкоголь. Похмелье.

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

Picasa – менеджер фотографий от Google
Picasa – менеджер фотографий от Google

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

Как отдыхаем на 4 ноября в 2011 году
Как отдыхаем на 4 ноября в 2011 году

Не забыли о последнем официально нерабочем празднике в этом году? Думаю, нет, тем более, что он совсем близко. 4 ноября мы отмечаем День народного единства - "новый" праздник, введенный в декабре 2004 года, а по сути - перенесенный с 7 ноября (Дня согласия и примирения). В этом году никаких

Обсуждения

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

Обратите внимание, если вы не авторизуетесь, то Ваш комментарий перед публикацией обязательно будет отправлен на модерацию.
Рекомендуем вам войти под своим логином
Или используйте авторизацию через соц.сети
Вконтакте
@
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent
Вопрос:

С виду клин, а развернешь – блин.

Ответ: *

Кликните на изображение чтобы обновить код, если он неразборчив

имя
3131 4 августа 2008 13:29
Очень интересно и полезно почитать, а также послушать winked
Почти созрел на создание своего сайта. Руки уже не так трясутся от страха при мысле о создании сайта самому, своими ручками feel
  • 0
имя
Машута 15 августа 2008 08:23
Вот нашел наверно лучшую тему для WP в плане оптимизации вордпресса - минимум графики, а смотрится симпатично и не скажите что это WordPress
  • 0
имя
Talik 15 августа 2008 14:27
Цитата: Машута
Вот нашел наверно лучшую тему для WP в плане оптимизации вордпресса


Вордпресс это конечно хорошо, но имхо он сравним с Фаерфоксом - мега комбайн на любой случай жизни, но чтобы его заставить работать надо ой как много времени, чтобы собрать и настроить под себя. Так же и вордпресс - именно по этой причине наш выбор движок DLE
  • 0
имя
БЕНО 6 сентября 2008 01:54
КАК МНЕ СОЗДАТЬ СВОЙ САЙТ

МОЖЕШ ПОМОЧЬ МНЕ?
  • 0
имя
Ana 7 сентября 2008 12:37
БЕНО, а поконкретней? smile
  • 0
имя
ctydent_ 6 ноября 2008 21:47
а как первую часть скачать belay И какие проги нужны для создания сайта
  • 0
имя
Ana 6 ноября 2008 22:58
ctydent_, первую часть подкаста можно по ссылке скачать подкаст - правой кнопкой "сохранить по ссылке как..."

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


NVU, например, СМОТРИМ
  • 0
имя
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
на русском языке!!!!! все они бесплатныЕ!
  • 0
имя
Anna Pavlova 13 сентября 2009 20:59
anja smile
  • 0
имя
обучение за границей 29 июня 2011 22:06
А вот мне в таком случае кажется, эта тема довольно сложная для новичка :)
  • 0
имя
ЛeдиБывaлый 15 декабря 2012 08:12
полностью поддерживаю, такие же мысли были.
  • 0