Делаем простой интернет-магазин на html шаблоне

[octavia]

Немного замороченный. Да и музыка, которая грузится с сайта - моветон.

Мне больше вот понравилось: aur.ru - оформление главной страницы хорошее, но навигация по товарам плохая.

А структура товаров примерно такую надо сделать: omsairam.ru/category/efirnye_masla/

[octavia]

А вообще, чтобы не особо мучиться, посмотрите здесь шаблоны:
webnav.ru/templates/internet_shops/

Под свой переделать намного быстрее и проще, чем делать с нуля.

[Зина]

ну в Шанти Тайлорс тоже вся картинка - наверху, а навигация слева

CSS не знаю,
мое образование закончилось на бейсике

и как этими шаблонами воспользоваться?

[octavia]

Скачать и залить на сайт :-) Сделать нужные изменения картинках и html файлах. В css ничего сложного нет, его и придумали для того, чтобы упростить html-верстку.

[Зина]

а что залить - там html файлы
как их переделать в код?

[octavia]

вот эти html файлы и заливайте. Потом нужные файлы открываете в редакторе, и вносите нужные изменения в шаблон.

[octavia]

К примеру, я скачал там на том сайте шаблон про мобильники.

Вот он у меня уже здесь:
teplystan.rxfly.net/magaz/

Я отредактировал файл index.html
Чтобы добавить новые страницы в шаблон, просто раскопируйте index.html с другими именами файлов, и перелинкуйте их между собой.

[Зина]

чем блочная верстка отличается от табличной?
нам что подойдет?

мне такой нравится последний справа
webnav.ru/templates/internet_shops/ - пойдет?

[octavia]

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

teplystan.rxfly.net/magaz2/

Вообще, поищите в интернете бесплатные html шаблоны онлайн-магазинов, их в сети - море! Может быть, что-то подберете для себя подходящее! Но тут главное, коли у вас сайт на народе - в шаблоне должны быть только html, css и java script! Никаких php, cgi и прочих! Они на народе не работают.

Блочная верстка - это что-то типа такого, вы разбиваете страницу на блоки:

[Зина]

и где такие берут?
мне понравилось
а цвета можн будет поменять?

то есть нам что лучше - блочную или табличную?

[octavia]

Вот здесь шаблоны неплохие:

cssgarden.ru/category/css-temy/internet-magaziny/page/2/

unishablon.com/shop/shop1.html

Вот еще кучка неплохих шаблонов: web-mastery.info/templates/cat-14.html

Выбирайте, какой вам больше по душе, и переделывайте под свою тематику!

Надо делать блочную, если вы хотите чтобы слева было меню, наверху - заголовок и так далее (как на схеме).

[octavia]

p.s. А вообще я тему пожалуй отделю, и часть сообщений перенесу в Веб-дизайн. Надеюсь никто не против?

[Зина]

мне и с трусами нравится - он выглядит по структуре попроще

где такое дают?

[octavia]

а цвета можн будет поменять?

Все можно будет менять - как раз в файле style.css, который был в том архиве, это и делается.

Открываете его редактором, там к примеру, есть строки:

.menu {
font-family: tahoma;
font-size: 11px;
color: #636363;
text-decoration: none;
}
.links {
font-family: tahoma;
font-size: 10px;
color: #4E91D5;
text-decoration: underline;
}
.text {
font-family: tahoma;
font-size: 10px;
color: #757575;
text-decoration: none;
}

Если смотрим по порядку, то видим, что можно редактировать атрибуты меню - .menu {, ссылок - .links {, текста - .text {.

Атрибуты в каждом блоке, такие как font-size - величина текста, color - цвет текста, text-decoration - эффекты с текстом (подчеркнутый, наклонный и так далее). Там на самом деле много больше атрибутов, их можно дописывать, или удалять уже написанные - как вам больше нравится, есть хорошие сайты по css, там очень доходчиво про это написано.

Как понять, какие цвета что обозначают? Например, не понятно, что значит цвет #757575;
Идем в Яндекс, пишем "таблица цветов html", сразу наверху вылезает такой диалог, где вы можете выбрать нужный вам цвет, и понять, какой это номер. Ну а вообще во многих редакторах такая функция уже встроена.
Делаете изменения,

[octavia]

Шаблон с трусами вот: cssgarden.ru/shhablon-sajta-modnogo-nizhnego-belya/