Какие передовые практики и соглашения существуют при разработке и реализации веб-сайта?

Question

Я скоро буду работать над личным веб-сайтом, который будет включать статический и динамический контент (начиная со статического контента, с динамическим контентом, добавляемым со временем с использованием как пользовательских компонентов, так и решений с открытым исходным кодом), однако я ' Я довольно новичок в веб-дизайне и разработке, поэтому любые советы по таким вопросам, как структура каталогов, имена файлов, структура документов ... все, что угодно. Спасибо.

Answer 1

Убедитесь, что вы стараетесь отделить скрипты (javascript) и стилизацию (css) от контента.

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

Кроме того, старайтесь держаться подальше от табличного макета в максимально возможной степени с самого начала. Вместо этого используйте divs . Работать с ними может быть сложно, если вы не знакомы с веб-дизайном, но div гораздо более гибки в запуске журнала.

Подумайте об использовании фреймворка JavaScript: либо Prototype.js , либо jQuery подойдет и они сэкономят много время работы с браузерными несоответствиями.

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

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

Answer 2

Не изобретай велосипед.

Почему бы не использовать систему управления контентом, такую ​​как Drupal или Wordpress , которую можно настроить и расширить с помощью модулей.

Оба эти решения основаны на LAMP (Linux, Apache, MySQL и PHP).

Answer 3

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

Я всегда начинаю с вопросов типа «Что я хочу, чтобы этот веб-сайт делал?» и "Кто будет смотреть на этот сайт?" и идти оттуда.

Также подумайте, насколько важен этот сайт. Планируете ли вы сосредоточиться на этом до завершения или это то, чем вы занимаетесь ради развлечения или когда позволяет время? Если последнее рассмотреть вопрос о начале малого. Все чаще я вижу, как люди открывают личные веб-сайты и никогда не заканчивают их (включая меня). Хуже всего, когда я вижу, как люди поднимают одну или две страницы, а затем получают 10 страниц «скоро».

Answer 4

Разработка / Дизайн в Firefox *, потом протестируйте в IE. Ты сведешь себя с ума, если попробуешь наоборот.

* (замените любой браузер без IE на желаемый)

Answer 5

Юзабилити - твой друг. Стива Круга * Не заставляй меня думать! довольно хорошо, приводятся примеры соглашений, которым нужно следовать и т.д.