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

octavia

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

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

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

octavia

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

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

Зина

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

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

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

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/

Важная информация для жителей	Последние темы форума	Опросы	История, Усадьбы, культурное наследие ЮЗАО
26-май Спортивные успехи и достижения жителей 25-ноя События 2022 года в ЮЗАО 10-ноя Доска почета жителей ЮЗАО 02-мар Школы и школьники ЮЗАО г. Москвы 24-фев Черемушки - новостная лента жизни района 22-фев Из истории строительства районов ЮЗАО	08-авг Утонул человек в зоне отдыха "Тропарево" 04-июл Коллекция живописи посвященная нашему округу 18-июн Выставка "Усадьбы и судьбы" в усадьбе Воронцово 26-май Бутово, Щербинка и окрестности ТИНАО 24-май ГБУ Атлант в ЮЗАО 16-май Студия музыкально-коррекционного развития «Светлячок» на Бакулева	02-фев Довольны ли Вы уборкой снега в вашем районе? 07-авг Удовлетворены ли вы благоустройством в вашем районе? 04-фев Каким типом электросчетчиков вы пользуетесь? 17-июл Нужны ли нудистские пляжи в Новой Москве?	19-сен Усадьба Никольское (Котлы) 09-июл Никольское-Колчево 09-июл Ознобишино 20-дек Двуглавый орел в русской символике. 09-июл Ворсино (между Вороново и Кленино) 02-сен 490 Отдельный радиодивизион «ОСНАЗ» в Черемушках

Новости районов

Коллекция фото

Культурная жизнь

Исторический раздел

Об усадьбах ЮЗАО

Online библиотека

Культурное наследие

Спортивные секции

Строительство в ЮЗАО

Сфера ЖКХ

Информация о проектах

История строительства

О природе округа

Темы на форуме

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

Кто сейчас на форуме