Хочу научиться создавать сайты. С чего начать?

← →
yakshe (2003-09-15 15:04) [0]

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

← →
Nikolay M. (2003-09-15 15:21) [1]

Имхо, для начала почитать о синдроме домашних страниц
http://spectator.ru/internet/home_pages
http://spectator.ru/internet/home_pages_2
если желание творить еще останется, тогда начать с анализа других сайтов.

← →
Ru (2003-09-15 15:24) [2]

http://html.manual.ru/

← →
Palladin (2003-09-15 15:33) [3]

MS FrontPage - рисуй хоть зарисуйся...

← →
Ru (2003-09-15 15:38) [4]

>Palladin © (15.09.03 15:33) [3]

Luchshe srazu odolj`it" mylo i dva metra verevki.

← →
DeMoN-777 (2003-09-15 15:42) [5]

С анализа этого сайта.

← →
yakshe (2003-09-15 15:51) [6]

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

← →
Palladin (2003-09-15 16:04) [7]

> Ru © (15.09.03 15:38) [4]

И чем же ваше транслитное утверждение обосновано?

← →
Ru (2003-09-15 16:13) [8]

Чайнику

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

Для начала необходимо освоить какой-нибудь WYSIWIG редактор. Я советую Microsoft Front Page или Встроенный редактор Netskap`а. Многие описывали данные программы но не рассказывали о их существенных недостатках:

1. Они имеют свойство делать вызов файла локально, то есть указывают полный путь к файлу, например C:/serv/img.gif (на самом деле file:///C:/serv/img.gif) и тогда у вас страничка после закачки выглядит нормально, но у других людей, у которых нет файла img.gif в директории serv на диске C она выглядит ужасно (наверно вы не раз видели прямоугольники с подранным листком слева вверху). Эта неприятность обычно возникает когда используются команды copy и paste над картинкой. Поэтому следует либо не использовать данные команды, либо проверять файл странички после сохранения на наличие file:/// .

2. Когда долго работаешь в Netscape Editor`е 3.0 с таблицами он имеет свойство зависать, а также если указываешь в нем border=0 для таблиц он вообще не включает тег border в документ (и если тег border не указан, при просмотре Netscape берет значение border=2 а Internet Explorer border=0).

Хочу отметить, что при создании файлов следует придерживаться некоторых правил. Большинство серверов работает под операционной системой UNIX, она немного отличается по устройству от Виндов - чувствительна к регистру файлов, то есть img.gif и img.GIF под UNIX`ом разные файлы. Я советую пользоваться таким правилом: создавать все файлы маленького регистра, т.к. некоторые программы под Виндами могут искажать имена файлов, например если закачивать файл Img.gif при помощи программы CuteFTP после закачки он превращается в IMG.GIF, вот такие бывают чудеса :)

← →
Ru (2003-09-15 16:14) [9]

Рабочий стол и инструментарий
Вот... поговорим теперь о конкретном. О рабочем столе. Что на нем должно быть и как за ним работать.

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

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

При создании страниц я рекомен do you удержаться от использования таких программ как FrontPage(r), HomePage(r), PageMill(r), SiteMill(r) и т.п. Если вы одной рукой мешаете в кастрюле борщ, другой утомительно замачиваете белье, а третьей собираетесь делать сайт, то это ваши программы (они для домохозяек).

Чем плохи программы типа FrontPage(r) по сравнению с текстовыми редакторами? Между ними примерно такая же разница, как между духовой печью и микроволновой. Духовка прекрасно обращается с продуктами - хорошо прогревает их, создает тепло дома, делает нежную корочку, поджаривает хлеб. А микроволновка тупо греет воду в любом продукте, совершенно не заботясь о вкусе. Даже тарелки холодными после нее остаются. А самое гнусное - это гренки в микроволновке. С растаявшим сыром на хлебе, который сгибается пополам, как часы на картинах Дали.
Страницы, вышедшие из FrontPage(r) - это как раз такие гренки. Их видно за километр и они неудобоваримы.

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

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

Итак, для полноценной работы над страницами понадобятся: текстовый редактор, графический редактор, графический конвертер, конвертер для русских текстов, FTP-клиент, разные браузеры. Ну, и еще много чего по мелочам - таблица безопасных цветов, конвертор RGB -> HEX, TELNET-клиент и т.д.

Copyright © 1997-1999 Артемий Лебедев
E-mail: tema@tema.ru

← →
Jeer (2003-09-15 16:21) [10]

Ru © (15.09.03 16:13) [8]
>1. Они имеют свойство делать вызов файла локально, то есть >указывают полный путь к файлу,

Полный бред, т.к. MFP поддерживает работу с любым HTTP-сервером.

>Чем плохи программы типа FrontPage(r) по сравнению с текстовыми >редакторами?

Что-то я не заметил писать все на asm - почему-то всем подавай IDE. Также и здесь: MFP вполне удовлетворительный инструментарий
для ведения сайта, а ручками там тоже никто не мешает.

← →
Ru (2003-09-15 16:23) [11]

← →
KSergey (2003-09-15 16:29) [12]

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

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

PS
К стати, Тема удалил первые параграфы своего руководства.
Я думаю, что он не прав...

← →
Palladin (2003-09-15 16:30) [13]

> Ru © (15.09.03 16:13) [8]

Ну так вот. Внимательно почитав пост автора, мы видим, что он всего лишь хочет поизучать предмет задачи, как и с чем его едят, MS FrontPage в этом случае идеален, так как имеет прекрасный интерфейс понятный всем кто работал с офисом. Я Лебедева очень уважаю и естественно не собираюсь его оспаривать, но попрошу обратить на дату высказывания или, как это лучше назвать даже не знаю, статейки. В это время FrontPage был отдельным от офиса продуктом и кардинально отличался от существующей на данный момент версии. В нем действительно было много казусов ляпусов, а HTML который он создавал не лез ни в какие рамки, но и тогда он был хорошим инструментом для исследований экспериментов. Сейчас же многими перечисленными выше недостатками он не страдает, есть конечно минусы, но для новичка они не столь важны. Самое главное в этом продукте, это диалоговое окно изменения свойств какого либо элемента HTML. Используя его, можно не обращаясь ни к какой книжке или справочнику, посмотреть необходимые теги и параметры тегов, которые новичек хотел бы изменить, за считанные секунды (я не учитываю время ушедшее на загрузку программы).
Кстати говоря и качество HTML-кода на выходе значительно улучшилось по сравнению с 1997-1999 годами.
Не сочтите за рекламу FrontPage, но мыло с веревкой, это извините меня перегиб.

← →
Dmitriy O. (2003-09-15 16:37) [14]

С набора в поисковике-хочу научится создавать сайты

← →
Ru (2003-09-15 16:39) [15]

Kogda mne nado bylo chto-to a-lja HTML ja ispol"zoval notpad http://dimonius.da.ru/ chto nazyvaetsja "prosto i so vkusom" ili "deshevo i serdito"

← →
Думкин (2003-09-15 16:45) [16]

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

← →
blackman (2003-09-15 18:12) [17]

Понаписали много.
Туда не ходи, снег башка попадет...
Сюда ходи и читай:
http://blackman.wp-club.net/html.php

← →
Е-Моё имя (2003-09-15 18:50) [18]

> Подходишь к продавцу и говоришь: я чайник, мне бы чего-нибудь.

а он тебе ситечко дает ;-))

← →
Всеволод Соловьёв (2003-09-15 19:14) [19]

VIM рулит! в отличии от нотепада. А фронтпаги со компания меня не прут :)

как я с хтмл разбирался? берешь простенький хтмл (только текст, не надо сохранять страничку отсюда) и открываешь редактаром. А дальше все сложно...

← →
Knight (2003-09-15 21:11) [20]

Как говорится... Не знаешь как сделать, возьми дебагер и посмотри как это делают другие... применительно к данному случаю давишь на странице правую клавишу и кликаешь по View Source (не помню, как это будет по-русски :)

← →
Всеволод Соловьёв (2003-09-15 22:53) [21]

По-русски это View Source. А иначе - это не по-нашему.
:)

← →
NeyroSpace (2003-09-16 00:04) [22]

"Да будет интернет",- сказал Бог и стал интернет. "Да наполнят его сайты разные",- и наполнили его сайты.
А тот, кто не успел занять, тот опоздал :-).

← →
DVM (2003-09-16 01:09) [23]

> yakshe (15.09.03 15:04)
> Уважаемые Мастера!
> Я хочу создать свой простенький сайт, просто для интереса,
> для друзей. Но ничего в этом деле не понимаю.. Посоветуйте,
> пожалуйста, какой (какие) инструменты для этого выбрать,
> какие книжки и вообще с чего начать.
> Заранее спасибо.

1. Инструмент один HomeSite. С некоторых пор он и DreamViewer одно и тоже.
2. Книжки лучше не читать. В них толку мало (как справочник только если). Лучше смотреть код других хороших сайтов.
3. Примерно через год получится что-то более-менее приличное.

← →
Некрофил-затейник__ (2003-09-16 06:35) [24]

начинать лучше сначала...

← →
gek (2003-09-16 07:19) [25]

> DVM © (16.09.03 01:09) [23]

Согласен со всеми тремя пунктами

← →
Dionys (2003-09-16 07:32) [26]

>gek © (16.09.03 07:19) [25]
>> DVM © (16.09.03 01:09) [23]
> Согласен со всеми тремя пунктами

согласен только с последним... )

← →
Думкин (2003-09-16 07:35) [27]

А я со 2-м не согласен.

← →
Думкин (2003-09-16 07:39) [28]

Да и с первым тоже.

← →
gek (2003-09-16 07:43) [29]

А напрасно

← →
Думкин (2003-09-16 07:47) [30]

← →
Calm (2003-09-16 08:59) [31]

> А я со 2-м не согласен.

А я не согласен только с первой частью второго пункта.

С первым не согласен просто категорично. Его можно рассматривать ТОЛЬКО как личное мнение автора, причем это стоило подчеркнуть, а то начинающие поймут буквально.

P.S. Это не означает, что HomeSite - плохой инструмент. Но есть и другие.

← →
Карелин Артем (2003-09-16 10:42) [32]

1st Page 2000 - самый лучший редактор. http://evrsoft.com/

← →
blackman (2003-09-16 10:47) [33]

Самы лучший это конечно :
http://www.macromedia.com/

← →
Карелин Артем (2003-09-16 10:50) [34]

Этот монстр что-ли?
Studio MX 2004 Includes: Dreamweaver MX 2004 Flash MX 2004 Fireworks MX 2004 FreeHand MX ColdFusion MX 6.1 Developer Edition (Windows only) Buy for $899 Upgrade from $399 Studio MX 2004 with Flash Professional Includes everything in Studio MX, plus the advanced capabilities of Flash Professional: Forms-based development Data connectivity High-quality video Buy for $999 Upgrade from $499

← →
FOX (2003-09-16 11:27) [35]

Это для начала :-))

http://www.supercreativ.narod.ru/

← →
Skywalker (2003-09-16 12:58) [36]

Учись сразу делать ручками, в HTML не так уж много тэгов нужно знать, чтоб сделать свою простенькую страницу... Визуальные редакторы как правило добаляют в код страницы отуенную хучу мусора...
Лучше редактора Allaire HomeSite 4.5.2 я не встречал пока, офигенная справочная система чего только стоит. Есть еще AceHTML, но он по моему субъективному мнению все-таки уступает HomeSite"у...
К стати Macromedia перехватила HomeSite под свое крылышко и поэтому новая версия 5.0 идет под ее лейблом, но там практически нет никакой справочной системы, полное г..., так что
качай 4.5.2, кряк и наслаждайся, а если че не понятно жми F1 :))

Хочу научиться создавать сайты. С чего начать? Найти похожие ветки