Как организовать сайт?

[anempadest]

Помещаю тему в раздел "Для начинающих", котя отвечающих предупреждаю, что активно верстаю уже с 2007 года. Так что со мной можно и пооткровеннее

Начинал с FrontPage. Сейчас сижу на Expression Web. И проблема моя вот в чём.

Возьмём мой будущий сайт. Он будет на HTML. Все страницы моего сайта похожи между собой по структуре и стилю оформления. Когда верстал на FrontPage, то использовал INCLUDE (не PHP и не SSI, а какая фишка FP).

Пример:

<!--webbot bot="Include" tag="BODY" u-include="../header.htm" -->

У меня были отдельно файлики HEADER, FOOTER, MENU и в итоговой странице я их собирал. Верстать было удобно, потому что для изменения чего-либо в шапке нужно было открыть HEADER.HTM, там что-то поменять и при сохранении программа автоматически обновляла содержимое всех страничек, в которых HEADER использовался.

Потом я перешёл на Expression Web и познакомился с шаблонами. В целом, шаблоны - мощная вещь. Но в EW - весьма ограниченная, на мой взгляд. Например, разработчик явно заявляет, что наследуемые шаблоны (nasted templates) программа не поддерживает.

Скажем, HEADER и FOOTER у всех страниц одинаковые. Поэтому я создаю MASTER.DWT и наполняю там HEADER и FOOTER. Но все страницы делятся по разделам (например, "Психология", "Программы", "Картинки"). И у каждого раздела есть своё меню. Например, для "Программы" - это "Фоторедакторы", "Браузеры" и т.д. Для "Картинки" - это "Природа", "Море" и т.д.

Главная
Психология
- Мужчина и женщина
- Познание себя
- Личностный рост
Программы
- Фоторедакторы
- Браузеры
- Игры
Картинки
- Прирлжа
- Море
- Лес
Служебная информация
- О сайте
- Обмен ссылками
- Контакты

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

Вопрос вот о чём. Я в вёрстке - самоучка. А как обычно бывает у самоучек, у меня нет мощной теоретической базы. И я не знаю, как решённые мной задачи обычно решаются профессионалами.

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

Если позволите, дам ссылку на свой готовый сайт с аналогичной структурой:

http://love1c.kiev.ua/

Что мне не нравится в моём нынешнем инструментарии? Продолжу о шаблонах. В Expression Web у меня есть шаблон MASTER.DWT с HEADER и FOOTER. И ещё есть куча подчинённых шаблонов для каждого раздела. В этих подчинённых шаблонах я храню:

- Меню

- Хлебные крошки

- Рекламные блоки в конце статьи (не во всех разделах реклама на страницах выводится).

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

То есть, здесь, наверно, стоит задаться вопросом о выборе хорошего html-редактора с корректной работой с шаблонами.

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

Заранее благодарю.

Edited January 8, 2012 by anempadest

[rus]

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

Заранее благодарю.

стандартные решения подобных задач не ограничиваются выбором одного лишь редактора..., даже не так: подобные задачи решает не редактор, а язык программирования - серверный язык, такой как например perl, php, asp.net, phiton или ruby (ну эти два скорее для приложений), или даже flash - как для приложений, так и для сайтов.

а принцип примерно такой:

1) один шаблон страницы, на основе которого динамически формируются остальные страницы.

2) страница сформированная динамически, несет в себе переменные - данные о контенте для именно этой странице.

3) на основе данных, переданных этой страницей выводятся в контент все то, что относится именно к ней.

[anempadest]

Спасибо за ответ. Предлагаю поговорить предметнее.

1) Выбор редактора.

Я хочу, чтобы все страницы моего сайта были статические (расширение html). Хочу, чтобы они формировались не на сервере, а на моём локальном компьютере, а только потом выкладывались на сервер. Как при таких условиях создать сайт? Какой инструментарий использовать?

2) Выбор языка.

Тем не менее, предполагаю, что делать подобный сайт на html - это извращение. Подскажите, на каком языке обычно создаются подобные сайты? Наверно, самый простой вариант - это PHP?

В принципе, я готов учиться и развиваться. А потому готов менять принципы работы. Но, с другой стороны, сайт существует уже давно, и мне не хотелось бы терять приобретённый PageRank и тИЦ. Достаточно мне поменять расширение страниц, и я потеряю все накопления.

[rus]

Спасибо за ответ. Предлагаю поговорить предметнее.

1) Выбор редактора.

Я хочу, чтобы все страницы моего сайта были статические (расширение html). Хочу, чтобы они формировались не на сервере, а на моём локальном компьютере, а только потом выкладывались на сервер. Как при таких условиях создать сайт? Какой инструментарий использовать?

2) Выбор языка.

Тем не менее, предполагаю, что делать подобный сайт на html - это извращение. Подскажите, на каком языке обычно создаются подобные сайты? Наверно, самый простой вариант - это PHP?

В принципе, я готов учиться и развиваться. А потому готов менять принципы работы. Но, с другой стороны, сайт существует уже давно, и мне не хотелось бы терять приобретённый PageRank и тИЦ. Достаточно мне поменять расширение страниц, и я потеряю все накопления.

предметнее - так предметнее.

1) редактор - это всего лишь инструмент и не стоит к нему привязывать сам сайт, он лишь для удобство использования: верстка, программирование... и советую не юзать визуальные редакторы, для этого есть браузер. Я к примеру пользуюсь notepad++, но есть и куча других которые так же как и npp поддерживают кучу языков программирования.

2) по поводу статики - не проблема, тут есть на мой взгляд два решения:

простое - использование SSI.

сложное - php+файлы, или php+mysql (а так же postgresql, sqllite, oracle и т.д...), распостраненный же конечно mysql.

3) расширение файлов при использовании php - это тоже не проблема для ранжирования страниц поисковиками, к примеру можно воспользоваться настройками файла .htaccess и отдавать серверу файлы как .html.

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

UPD: вот тут писал простой пример, не ахти что конечно и для работы сайта не пойдет, так как есть куча недочетов, но что бы от чего то начать плясать вполне себе пойдет.

[anempadest]

Благодарю за ответ.

Решился перевести свои сайты на PHP. Сейчас перевожу потихоньку. Только у меня возникло ещё несколько вопросов технического характера.

1) Набор текста статьи.

Я перепробовал несколько РНР-редакторов. Да, больше всего понравился phpDesigner. Но насколько я понял, набор текста в нём проводится прямо в окне кода, то есть между тегами <P>. Когда я набираю текст, он уходит вправо и остаётся в одной строке. А как сделать так, чтобы текст набирался, как в MS Word, например? Как сделать, чтобы при нажатии на Enter начинался новый абзац?

Или РНР дизайнеры тексты сначала набирают в Ворде, а потом вставляют в РНР-редактор?

2) Форматирование

По мере набора статьи в неё вставляются картинки, которые надо выровнять по правому полю c отступами слева. Для этого есть специальный стиль. Но когда я набираю текст, вставляю картинки и хочу применить стиль, то стиль недоступен, потому что в текущем файле ссылки на CSS нет и раздела <HEAD> тоже нет, ведь они будут загружены только на сервере при выполнении INCLUDE 'HEADER.PHP'. Как иметь доступ к стилям ещё во время наполнения страницы?

Или РНР дизайнеры все стили помнят на память и пишут вручную?

[buddah]

Вы сказали одну очень точную вещь "я что-то концептуально делаю не так". Сама концепция разработки сайта неправильна. Такое ощущение, что вас не было на планете Земля минимум лет 8-10.

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

Визуальные редакторы - зло, повторю коллегу.

Редактируйте файлы прямо на сервере по фтп. Например связка FileZilla + Notepad++

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

Edited January 14, 2012 by buddah

[Taatshi]

Поставьте себе связку DENWER - и работайте на своем компе как на сервере в интернете.

Из редакторов мне лично нравится Dreamweaver за подстановку тегов в основном и подсветку - код пишу сама, но вот автоподстановка - это удобно) Но не напрягает и в notepad++ работать - часто даже предпочитаю.

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

[anempadest]

Я объясню.

У меня сейчас мало времени на обучение. Два вечера почитал про PHP, INCLUDE, $_SERVER и в результате один (самый простой) из своих сайтов уже перевёл на PHP. Остальные потихоньку тоже буду переводить, потому что обновлять их будет легче и быстрее... В итоге быстрее, потому что по-началу от незнания PHP возникают преграды.

Я бывший программист 1С. HTML выучил сам. На CMS переходить не буду по нескольким причинам:

1) Я хочу хранить данные сайта изначально на ПК.

2) Я люблю весь код писать сам, а не пользоваться чужим.

3) Я верю, что динамические страницы с параметрами индексируются хуже.

Что касается CMS вообще, MySQL. Я вам верю, Taatshi, что я ахну от облегчения. Но я боюсь, что на изучение и переделывание уйдёт много времени.

Про редакторы.

- Про MS Expression Web мне нужно забыть. Он довольно мил и удобен в плане редактирования HTML кода. Но я ужаснулся, что он не определяет ошибки в PHP.

- Попробовал phpDesigner. Приятный. Не почувствовал какой-то цельности. Указывает, где и какая ошибка в PHP коде.

- Пробовал Adobe Dreamweaver. Тоже приятный... монстр. Ошибки находит, но не указывает, в чём ошибка.

- Пробовал Notepad++. Не нашёл автоформатирование кода (мне без этого неуютно).

Вообще после анализа РНР-редакторов возникло впечатление, что очень многое нужно писать ручками.

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

- Классы и ID тэгов. Файл CSS будет подгружен только после окончательной сборки на сервере, поэтому на этапе редактирования РНР файла классы и ID не видны.

[Taatshi]

Я не имела ввиду cms готовые. Связка php самописный плюс mysql позволит Вам на весь сайт сделать 8-10 от силы php страниц, а не вставлять тексты в каждую. Текст берется из базы - вот я про что...

[anempadest]

Текст берется из базы

А в базе текст откуда берётся? Какая разница, где набирать и форматировать текст?

[Taatshi]

Текст берется из базы

А в базе текст откуда берётся? Какая разница, где набирать и форматировать текст?

Разница в количестве страниц на сайте. Если у Вас 20 страниц - это некритично, а, если 2000 - уже критично. Ввести текст 2000 раз или создать 2000 страниц?

Текст вводим в базу в админке.

Edited January 15, 2012 by Taatshi

[anempadest]

Идёт третий день, как я перевожу свои сайты на PHP. И знаете, что? Ну его на фиг!

- Где и как набирать тексты? Чтобы создать новый абзац, нужно ручками писать "<p></p>"? Или прикажете сначала тексты в Ворде набирать, а потом как-то переносить в Блокнот с расстановкой тэгов?

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

- Использовать FileZilla? Вы издеваетесь? Или в Вашей программе нет кнопки "Загрузить на FTP только изменённые страницы"?

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

Что я пропустил?

Попробовал Adobe Dreamweaver, phpDesigner 8, Notepad++, WeBuilder 2011, Codelobster.

Лучше всего для создания сайтов с одинаковым header, footer и menu подходит MS Expression Web!

Edited January 19, 2012 by anempadest

[buddah]

Возможно, делать убогие сайты на CMS - это прикольно.

Ну да, а ваш сайт - это предел совершенства))))) Не смешите.

CMS - это инструмент, а убогость - это руки того, кто этим инструментом пользуется.

Откуда вы такие беретесь? Знаний ноль без палочки, а уверенности в своей правоте - вагон.

[sigma77]

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

Что я пропустил?

Может вы просто не умеете его готовить?

Ну и, если за три дня вы сумели вникнуть во все тонкости PHP, могу только пожать вам руку. Если нет, то быть может дело не в PHP?

[anempadest]

Ребята, мне понятен ваш сарказм. Я не считаю свои сайты верхом дизайнерского совершенства. И вы правы: дизайн и РНР мало связаны. Сайт ценится за доход, который он приносит своему владельцу. И, поверьте, у меня с этим всё в порядке.

Я говорю о другом. Об удобстве разработчика сайта. У меня возникли конкретные вопросы по 1) набору и редактированию текста, по 2) отслеживанию ссылочной целостности и по 3) удобству загрузки сайта на FTP.

Если суровые РНР-дизайнеры верстают сайты в Notepad, то неужели они так мучаются от отсутствия элементарных удобств? Что я пропустил?

У меня есть догадки, что при создании сайта нужно открыть одновременно 2-3 программы? для набора текста, для редактирования РНР кода, для загрузки на FTP. Неудели так?

[buddah]

anempadest, "суровые php-дизайнеры", как вы выражаетесь, сначала пишут движок для своего сайта или используют готовый (это и есть CMS). А там уже есть и набор текста (например Tiny MCE) и работа с ссылками и динамика + все происходит прямо на сервере.

[sigma77]

Если суровые РНР-дизайнеры верстают сайты в Notepad, то неужели они так мучаются от отсутствия элементарных удобств? Что я пропустил?

У меня есть догадки, что при создании сайта нужно открыть одновременно 2-3 программы? для набора текста, для редактирования РНР кода, для загрузки на FTP. Неудели так?

Ну на работе используем связку notepad++ (тут в принципе редактор может быть любой, мне удобнее этот) + svn + putty.

Это по мимо отслеживания измененных файлов позволяет заливать только те изменения, которые нужны, а также отслеживать эти изменения.

Дома хватает notepad++ + FTP + svn

п.с. Ну и по поводу отслеживания ссылок. Ну ёклмн, вы же программист. Даже, если php пишется "на коленке" (без всяких CMS и прочего), то про переменные вы должны же знать.

Edited January 20, 2012 by sigma77

[hedgehog]

2) отслеживанию ссылочной целостности

Этим, кстати, должна заниматься CMS. Если вы не хотите пользоваться готовыми решениями - пишите свой функционал на PHP, следящий за ссылками.

Если суровые РНР-дизайнеры верстают сайты в Notepad, то неужели они так мучаются от отсутствия элементарных удобств? Что я пропустил?

Каких удобств? Есть еще такие инструменты, как IDE кстати. Тот же Eclipse.

У меня есть догадки, что при создании сайта нужно открыть одновременно 2-3 программы? для набора текста, для редактирования РНР кода, для загрузки на FTP. Неудели так?

Верстать и PHPшить можно в одном и том же редакторе или IDE. Я пользуюсь Kate (иногда - Eclipse), который для меня довольно удобен. Если так не хочется пользоваться FTP клиентом, то ищите хостинг с поддержкой SSH и монтируйте DocumentRoot на своем компьютере. Впрочем, большинство редакторов могут сохранять прямо на FTP. Но это очень хреновая практика. Я все изменения вношу сначала на тестовом (например, локальном) сервере, а только потом переношу на живой сайт.

И, кстати, жирный плюс за SVN.

Edited January 20, 2012 by hedgehog

[anempadest]

Похоже, мы говорим о разном.

У меня есть задача - иметь сайт в Интернете. У меня не стоит задача стать программистом РНР.

Я знаю HTML и CSS. Я сделал сайт. Он меня вполне устраивает.

Меня не устраивает только методика его наполнения и обслуживания. Точнее, мне не нравится, как работают шаблоны в MS Expression Web. Поэтому решил попробовать, не будет ли удобнее для меня создавать сайты на РНР.

Вот, попробовал...

Мне нужно всего-то через REQUIRE вставить шапку, меню и подвал сайта. Плюс ещё несколько рюшечков (типа, сегодня рекламу показываем, а завтра не показываем). И в свете этого меня интересует:

1) Где и как мне писать текст, который есть контентом отдельной страницы?

2) Есть у меня в тексте статьи ссылки на картинки и на другие страницы сайта (перелинковка). Если через месяц я захочу изменить название файла, на который где-то есть ссылки, то как я узнаю, в каких файлах/страницах есть ссылки на изменяемый файл?

[rus]

не хотелось говорить об этом в слух, но, перечитав тему от начала и до конца понял что:

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

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

3) и на последок, автор не желает слушать других, но пришел с вопросами и за советом.

вывод: никому не отвечать на его вопросы, игнорировать, авось пройдет?

З.Ы. автор, не обижайся, но это так

[buddah]

Уфф, вы НЕ ПОНИМАЕТЕ, что визуальные редакторы не могут работать на статических сайтах, коим ваш сайт и является... Сколько надо это сказать, чтоб наконец это стало понятным? Откуда сервер может знать, куда именно запихнуть контент если у статического сайта нет ни логики ни базы даных? Это просто набор отдельных html-страничек.

Я дал вам ссылку на Tiny MCE, чтоб вы поняли его суть, но наверное вы туда даже не заглядывали.

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

ССЫЛКА!

Пишете статью, нажимаете code, копируете туда, куда вам надо. Инструкцию не читать.

Я знаю HTML и CSS. Я сделал сайт. Он меня вполне устраивает.

Может он вас и устраивает, но задачи, о которых вы спрашиваете, он делать НЕ МОЖЕТ.

ПОТОМУ ЧТО ЭТО СТАТИКА!!!!1111АДЫН

Edited January 21, 2012 by buddah

[anempadest]

не хотелось говорить об этом в слух, но, перечитав тему от начала и до конца понял что:

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

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

3) и на последок, автор не желает слушать других, но пришел с вопросами и за советом.

вывод: никому не отвечать на его вопросы, игнорировать, авось пройдет?

З.Ы. автор, не обижайся, но это так

Я не обижаюсь. Моя проблема в том, что я неправильно оценил перспективы. У меня начала скрипеть дверь, товарищ посоветовал сделать капитальный ремонт в квартире, я товарища послушался и стал беспокоиться вопросом о том, как делать капитальный ремонт. А у меня всего-то скрипела дверь. Сейчас я дверь смазал, и теперь мне всё нравится.

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

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

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

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

3) и на последок, автор не желает слушать других, но пришел с вопросами и за советом.вывод: никому не отвечать на его вопросы, игнорировать, авось пройдет?

Признаю, что я неправильно задал вопрос. Впрочем, как сумел, так и задал.

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

Ваша ошибка (распространённая ошибка в работе с заказчиком) - вы не поняли, что нужно клиенту, а, не слыша меня, стали навязывать своё видение.

Тем не менее, я благодарю вас за помощь в принятии мной правильного (для меня) решения. И не расстраивайтесь. Главное, что клиент остался доволен. Хоть и не заплатил вам ни копейки.

Я знаю HTML и CSS. Я сделал сайт. Он меня вполне устраивает.

Может он вас и устраивает, но задачи, о которых вы спрашиваете, он делать НЕ МОЖЕТ.

ПОТОМУ ЧТО ЭТО СТАТИКА!

А что, по-вашему, не может делать мой сайт, будучи статикой?

Edited January 21, 2012 by anempadest

[buddah]

А что, по-вашему, не может делать мой сайт, будучи статикой?

Во-первых: вы опять проигнорировали ссылку, которую я вам дал.

Во-вторых...А во-вторых комментариев нет, сплошные фейспалмы.

Edited January 21, 2012 by buddah

[rus]

anempadest, собсно я вас понял, и вы меня вижу тоже, но на вот это:

У меня начала скрипеть дверь, товарищ посоветовал сделать капитальный ремонт в квартире, я товарища послушался и стал беспокоиться вопросом о том, как делать капитальный ремонт. А у меня всего-то скрипела дверь. Сейчас я дверь смазал, и теперь мне всё нравится.

отвечу так:

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

[anempadest]

вы опять проигнорировали ссылку, которую я вам дал.

Да поймите вы наконец. Я страницы сайта делаю на чистом html+css в MS Expression Web (программа такая). На сервер с жёсткого диска я загружаю готовые страницы HTML. Мне не нужен ни онлайн-редактор, ни РНР!

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

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

Вы, RUS, ошибку искали и нашли в готовом продукте. А в моём готовом продукте ошибок нет.

Ваша аналогия была бы верна, если бы вы описали ситуацию, в которой вам нужно было бы открутить винт на 1/2 дюйма, а у вас под рукой не было бы нужного ключа. Если продолжить данную аналогию, то у меня нужный ключ есть. Мне не хватает только красной изоляционной плёнки на его ручке.