Классика — htmlbook. Или вам более удобен бумажный вариант?

По php — книга «PHP 5» Дмитрий Котеров, Алексей Костарев.

Ещё из курсов есть codeacademy, но он на английском.

Ну и самый простой и более эффективный — опыт. Находите шаблоны и верстаете. Смотрите на кроссбраузерность. Смотрите как делают другие.

<div class="container">
	<div class="product-list">
		<div class="product"></div>
		<div class="product"></div>
		<div class="product"></div>
		<div class="product"></div>
		<div class="product"></div>
		<div class="product"></div>
	</div>
</div>

У .container выставляете что хотите (например с обеих сторон по 20px), но тогда у .product-list {padding: 0 -20px 0 0}.
Но я часто прописываю у container только одну сторону, дабы таких ошибок не было.

Либо другой вариант. Верстка та же, стили такие:

.container {
	padding: 0 20px;
}
.product-list {
	margin: 0 10px;
}
.product {
	margin: 0 10px;
	float: left;
}

Думаю, это самый оптимальный вариант.

>Есть ли какие-то преимущества у IDE перед AHCI, или его нужно не думая заменять?

Особо не углублялся, но по опыту знаю — ANCI с Win XP не работает, и скорее всего, Ваш BIOS старой версии (вернее, дефолтные настройки заточены под старые Windows).

Ещё как вариант — Xmarks. Ещё и между браузерами синхронизирует :)