Как делать сайт

[Moonlight]

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

[wildcat]

Я использовала AceHTML Pro. Код писала руками, но что удобно - он подсвечивает теги и команды, что визуально удобней, чем просто блокнот. Просмотр страницы там тоже есть, причем что важно - ничего лишнего этот редактор сам не добавляет, а вот ненасвязчивую помощь, типа вставить картинку по клику или таблицу, оказывает. Dreamvier мне не понравился - для меня это сложно, AdobeGolive раздражает дописыванием чепухи.
Впрочем я люитель, у меня это уже перегорело.
Если интересно, у меня есть в подписи ссылка на мой сайт - можно посмотреть, что получилось. Единственное - меню сделано при помощи специальной программки. И то ее код я подправляла руками сильно. Все остальное в ручную.

[SJ]

ftp://81.88.121.108
login: ftp_wrx
password: wrx_ftp
порт стандартный

Скачал сегодня с Осла, сам еще не смотрел, что такое. Но когда-то HomeSite лучше всех рисовал сложные таблицы, помню :-)

Прим.: это сервер на моем компе, так что он не всегда круглосуточно и  потом тут отпишите, чего я его там держать буду...

Хорошо, спасибо. Сегодня вечером посмотрю из дома, а то на работе не работают такие вещи. Тогда отпишусь, как скачается. ОК? 

[karma]

Люди,если не сложно,может кто-нибудь посмотреть,у меня главная страница открывается или нет,а то мнения разделились  http://foto-na-dom.ucoz.ru/

[Warrax]

Страница открывается.
Вверху - левая реклама, надо убрать.
Дизайнеру - выдать пирожок с полочки. Красиво и в тему.
Верстальщика - выгнать, косяки принципиальные.

[karma]

Открывается-это уже пргресс! Над остальным будем работать.Warrax,а в чем конкретно косяки?

[ChiljaAndLilja]

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

[tigra]

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

[Warrax]

а в чем конкретно косяки?

1. Ширина верстки - 1160px. Т.е. у большинства пользователей будет горизонтальная полоса прокрутки.
2. "Вторник, 08.07.2008, 02:33" - это к чему? Убрать.
3. "фото" (название) - вписать в дизайн. А то сейчас явно чужеродно.
3. "Главная | Регистрация | Вход
Приветствую Вас Прохожий | RSS" - вписать в дизайн. темно-коричневым болдом, например.
4. "ДОРОГИЕ ДРУЗЬЯ! Мы рады приветствовать Вас на нашем сайте!" - подчерк убррать, перенос неоправдан.
5. Основной текст - почему болдом? Почему с таким огроменным интерлиньяжем?
6. Текст вообще не отформатирован, пробелы не везде есть, в "как оформить заказ" - нумерованный список идет потоком в тексте. Бардак.
7. "Форма входа" - поля заходят на элемент оформления "перфорация пленки" - режет глаза, должны быть короче. "мини-чат" - аналогично.
8. Рамка внизу - резко не в тему. Слишком толстая относительно поля + сдвинута влево.

Это так, по ходу.

[ChiljaAndLilja]

8. Рамка внизу - резко не в тему.

Та-же мысль.

+ сдвинута влево.

Это так-же может быть "бзык" дизайнера

[Warrax]

Не, так - не бзык, а глюк.
См. HTML-код - там явно взят готовый шаблон/движок, видно по name всеразличным, и кривователько приделан под ТЗ.

[ChiljaAndLilja]

Не, так - не бзык, а глюк.
См. HTML-код - там явно взят готовый шаблон/движок, видно по name всеразличным, и кривователько приделан под ТЗ.

Код не смотрел, а просто прикинул: если, "рамка" как-бы расчитана по-середине и одинаково по-краям отступает евого и правого, то тогда самый большой глюк в том , что в остальном ширина не учитывается вообще, либо код кривой. Идея в том, что все содержимое сосредоточено по-середине(в центре) — ничто и никуда не выходит за границы, кроме как прокрутка вниз по-вертикали, а горизонтальная прокрутка вообще не должна присутствовать, т.е отключена.
Наверное просто не изучала готовый шаблон/движок, а просто некорректно всунула что-то.
Думаю отсюдого проблема шрифта в некотором элементе,  который наверно не подключен или некорректно подключен к стилю.


Да, посмотрел немного код...  это маразм, а авторов — проекта сайта и движка/шаблона, обоих уволить !
Ах да, дизайнеру дать сухари с пивом и тоже уволить! Первого — за ошибки в моем браузере, второго — за "стиль программирования", большой муссор, отсутствие фантазии и ценных приемов

[Warrax]

Там и шапка влево уехала, кстати...
И размер шрифта законопачен намертво, что для текста - недопустимо.

Не, к дизайнеру - тому, кто рисовал эскиз в Фотошопе - претензий особо нет. Только немного недоработано с названием, подвалом и т.п. Я на 90% уверен, что просто взяли шаблон со стороны, а не специально делали для сайта (и не вижу в этом ничего плохого).
Там верстальщик постарался.
Ну и программер явно что-то прикручивал со стороны левое.
Меня еще интересует - что курил тот, кто составлял ТЗ? Вот зачем нужен некий "мини-чат"?!
Posted on: Июль 08, 2008, 05,38:48 О. Нашел в source:

<FONT color=#006400><SPAN style="TEXT-DECORATION: underline">
&nbsp;</SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</FONT></EM></SPAN>

Я в восхищении!

[ChiljaAndLilja]

Вот скажем для меню задан класс стиля, который описан  в каком-то файле стиля или где-то там еще, а в другом элементе страницы - таблице он просто переопределен, причем видно что отличается и стилем писания HTML

сперва идет:

<link type="text/css" rel="StyleSheet" href="http://src.ucoz.net/src/css/917.css" />
<link type="text/css" rel="StyleSheet" href="http://src.ucoz.net/src/layer2.css" />

<table border="0" cellpadding="0" cellspacing="0" class="boxTable"><tr><td class="boxTitle"

берутся классы...

</table>

потом:
 
интересное местечко, там еще и с тегами таблиц что-то не то. Если я прав, то интересно что браузеры подумали? 

<td valign="top" style="padding:5px;background:url('http://src.ucoz.net/t/917/1.jpg') #FFFFFF;border:1px solid #C09241;">
<H2 align=left>

<SPAN style="FONT-SIZE: 10pt; COLOR: #006400">
<SPAN style="FONT-SIZE: 10pt; COLOR: #006400"><EM><SPAN style="TEXT-DECORATION: underline">

SPAN style="FONT-SIZE: 10pt; COLOR: #006400"><EM><SPAN style="TEXT-DECORATION: underline">
<TABLE style="WIDTH: 100%; BORDER-COLLAPSE: collapse; HEIGHT: 304px">
<TBODY>
<TR>
<TD style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; VERTICAL-ALIGN: top; BORDER-LEFT: black 2px solid; BORDER-BOTTOM: black 2px solid"><SPAN style="FONT-SIZE: 10pt"><SPAN style="FONT-SIZE: 10pt; COLOR: #8b4513; TEXT-DECORATION: underline">ДОРОГИЕ ДРУЗЬЯ! Мы рады приветствовать Вас на нашем сайте!&nbsp;</SPAN><EM>

<FONT color=#006400><SPAN style="TEXT-DECORATION: underline">&nbsp;</SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</FONT></EM></SPAN>

З.Ы.
Самое прикольное что наследуемое задается в каждом месте ))

и еще этот дурацкий баннер впереди HTML

[Moonlight]

Открывается-это уже пргресс! Над остальным будем работать.Warrax,а в чем конкретно косяки?

Красивый дизайн, но меня лично всегда раздражает неоднородный фон (подложка), на котором идет текст. Он отвлекает от текста и выглядит, имхо, как выпендреж. Сейчас в и-нете пошла мода на минимализм.  Чем меньше всяких выкрутасов в виде красивых подложек, тем лучше. Страница должна грузиться достаточно быстро. Но все должно, конечно, выглядеть стильно. Кстати в Homesite есть функция определеия "веса" всей страницы и картинок. Вес одной страницы не должен превышать (желательно) 100kb. С точки зрения дизайна функциональности для меня идеалом является официальный сайт Безрукова.

http://www.sergeybezrukov.ru/

Я не поклонница его творчества, но как сделан сайт и программно и в дизайне очень профессионально. И кстати выглядит он просто, но код сложный, и хорошо продуманный.

[ChiljaAndLilja]

Да, дизайн должен быть минимальным и стильным. Во когда я делал страницу у меня скрипты тоже хоршо были продуманны — самые извращеные и короткие какие только можно придумать, при этом все работало только на скриптах — никаких ХТМЛ банальным способом, просто ненавидел его. А еще уделял особое внимание глюкам и к отловам ошибок, чего не каждый правильно делает. Вообщем все это я долго делал. Да, и заодно никаких просмотров  моего соурса методом - меню\view source — секретов особых нет, но и нефег "совать нос  куда не надо" всем кому не лень.

[Warrax]

Красивый дизайн, но меня лично всегда раздражает неоднородный фон (подложка), на котором идет текст. Он отвлекает от текста и выглядит, имхо, как выпендреж.

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

[Moonlight]

Вообщем все это я долго делал. Да, и заодно никаких просмотров  моего соурса методом - меню\view source — секретов особых нет, но и нефиг кому не лень "совать нос" куда не надо

Можно еще сделать, чтобы информация с сайта нельзя было скопировать.  Но я считаю, что это излишние предосторожности.

[rodinad]

/шепотом/ Чиля, Варракс, это ж юкозовский конструктор!! Вы что, всерьез верите , что автор в коды залез? Просто набрал функиции, какие приглянулись из предлагаемых, в том числе и мини-чат тоже... там дофига всего у них. у меня уже два или три произведения от юкоза висят-минимум затрат при максимуме функциональности, при том что дизигнер и верстальщик из меня более чем никакой, да и лапками писать лень, а сайтики нужны, да еще и с форумами, фотогалереями и всяко-разным...
Рекламу убрать можно, если денех проплатить, пару баксов в месяц...

[Warrax]

Можно еще сделать, чтобы информация с сайта нельзя было скопировать. 

А зачем?!