Пожалуйста оцените мой сайт

[AntonSubbota]

Уважаемый народ, такая ситуация. Недавно, буквально две недели назад, взялся за изучение html.Хочу устроиться верстальщиком, где требуется знание html и css. Довольно усердно изучал все это дело последнии дни, как мне кажется, уже понимаю(не скажу что хорошо, но все же) html и css. Недавно звонил на одну фирму, по поводу вакансии, мне дали работу, на проверку. Я ее выполнил, но:

для начала ссылка: http://www.foraweb.narod.ru

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

Во-вторых, в задании мне было указано - меню делать текстом. Когда я уточнил, мне сказали, чтобы меню было динамическим, по образу http://www.diamaida.ru/other_production/index.htm.

А именно- мне сказали: "Меню динамическое, т.е. в зависимости от текущей страницы, могут добавляться еще вложенные пункты. Самый приемлимый вариант однопиксельная полоска в качестве бэкграунда ячейки"

Дальше. Как я делал страничку. Создал таблицу, 3 на 2. Объединил две ячейки сверху, и две сбоку. В верхней вставил картинку с логотипом и прочим , справа сделал место для этого фона, как видимо в дальнейшем там будут картинки. Кстати, место для картинок я указал с помощью css и position, это верный метод?

Далее, осталось еще две ячейки. Центральная - там фон-картинка, поверх нее таблица, в ней текст. Нужно ли было делать таблицу, или смысла мало?

И наконец слева ячейка. Там я вставил две таблицы. Первая- сверху. Фон - кнопки, а в таблице прописаны ссылки. Ниже таблица= картинке, с помощью map сделал ссылки.

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

Еще. Насчет динамического меню. java я не очень знаю, но т.к. знаю си++, то думаю, это не проблема. Вопрос в том- как делать динамическое меню?

По-любому же для каждой странички придется менять фон для кнопок. А как наилучшим образом сделать так, чтобы для этих кнопок подделать ссылки?

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

Спасибо!

Edited October 16, 2008 by AntonSubbota

[Elendor]

для динамического меню подойдет php, а так как Вы знаете C++ у Вас не составит труда выучить php - синтаксис очень похож.

[AntonSubbota]

для динамического меню подойдет php, а так как Вы знаете C++ у Вас не составит труда выучить php - синтаксис очень похож.

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

[rus]

Да просто создаешь файл menu.php туда закидываешь свое меню, а в коде основной страницы (где должно быть это меню) пишешь:

<? require_once('menu.php'); ?>

или

<?php include ("menu.php"); ?>

[vvsh]

на C++ вроде

#include file

Edited October 16, 2008 by vvsh

[AntonSubbota]

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

И возникается два вопроса. Первый - а разве сложно для каждой страницы руками изменить таблицу, внеся в нее некие пункты?

Второй- ладно бы там фон был некий синий, а то ведь там для каждого меню нужен свой отдельный рисунок.

Такие вот мысли.

[Silverwind]

Динамическое меню - это меню, которое изменяется относительно страницы, на которой находится посетитель. То есть:

1) Посетитель по меню может видеть что он находится в данном разделе сайта

2) При попадании в данный раздел сайта открываются дополнительные подменю

Собственно, об этом Вы сами и говорите.

И по поводу вопросов.

Первый: можно обойтись и средствами простого html, просто в этом случае будет гораздо больше html кода и если Вам понадобится что-то исправить, придется каждый раз править отдельные страницы. В случае с php Вы просто упрощаете код страницы, плюс для самого себя упрощаете редактирование меню, ибо оно будет все сосредоточено в одном файле.

Второй: Я не совсем понимаю, что значит "для каждого меню нужен свой отдельный рисунок". Заказчику нужно, чтобы каждый раздел был в разном цвете? Типа "Продукция" - зеленый, "О компании" - розовый?

Теперь немного по сайту. В код я пока не лез, просто некоторые мысли по юзабилити.

1) Основное меню. Сделано хорошо, но у вас меню сделано кнопками, а нажать можно только на текст. Неплохо было бы сделать, чтобы нажатие было не только (и не столько) на текст, сколько на саму менюшку.

2) Вот эта вот надпись: "Главная >> О компании". По идее это дополнительное меню, показывающее местонахождение на сайте. На том же самом примере, который Вам кинул заказчик, посмотрите как оно реализовано. У Вас же это просто текст.

[AntonSubbota]

SilverWind, спасибо большое!

Да, Вы правы. СОбственно, этот образец я перенес на свою дом.страницу

http://www.army0507.narod.ru

Там как раз динамическое меню.

И вы опять таки предугадали мой следующий вопрос- мне в каждой страничке приходится править меню, если надо там что-то поменять, а это как раз не дело.Хотелось бы иметь меню в одном месте, ну и соответственно по неким переменным высчитывать, каким его показать.Это,как я понимаю, как раз и делается средствами php?

[Silverwind]

И вы опять таки предугадали мой следующий вопрос- мне в каждой страничке приходится править меню, если надо там что-то поменять, а это как раз не дело.Хотелось бы иметь меню в одном месте, ну и соответственно по неким переменным высчитывать, каким его показать.Это,как я понимаю, как раз и делается средствами php?

Совершенно верно. Динамическое меню, редактируемое в одном файле делается средствами php или ему подобных языков веб-программирования.

PS: Вот что еще немного "напрягает". У меня вроде канал хороший, однако кнопки меню на Вашем сайте грузятся с небольшой задержкой. В смысле иногда вылезает белый фон при наводе мышки на кнопку. Потом, когда графика прогрузится, все хорошо, но вот при первоначальном "пробеге" мышкой по меню этот белый фон немного коробит. Происходит это у Вас потому, что Вы используете 2 изображения для меню: menu.jpg и menu2.jpg. Я бы порекомендовал использовать одно изображение. Склейте эти Ваши два изображения одно под другим, а затем измените код css примерно таким образом:

td.menu {/* Шрифты для основного меню */
  background:	no-repeat	url(menu.jpg);
	right;
	height: 32px;
	text-indent: 15px;
	display:block;
}

td.menu:hover {
	background-position: 0px -32px;
	right;
	}

Пояснять, что делает код, думаю, не нужно

[AntonSubbota]

Вероятно, так и сделаю.Первоначально я хотел сделать по-другому- загрузить эти картинки, но показывать со смещением -1000px.

Вроде такого:

<img class="hide" src="...">

img.hide{

position:absolute;

width:-1000px;

top:0;

}

Так советовал Влад в том же разделе, где и говорится о смещении фона. Это внизу, в комментариях.

И что же? В итоге у меня все страшно поползло, и разбираться, отчего, не стал.Может,IE не поддерживает отрицательное смещение, хотя и в опере такой же результат.

Но ведь еще как то можно предварительно загрузить картинку с помощью java или php?

Кстати, по ходу обнаружил еще одну "беду". Вроде бы при указании дочерних элемента отцовские нельзя перечислять через запятую.То есть у меня например было:

td.menu,td.submenu,td.selectmenu,td.selectsubmenu div{}

А в итоге пришлось разбить на четыре абзаца с повторениями...

[Silverwind]

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

Может,IE не поддерживает отрицательное смещение, хотя и в опере такой же результат.

Поддерживает он смещение.

Но ведь еще как то можно предварительно загрузить картинку с помощью java или php?

Можно. Но зачем?

По поводу родительских и дочерних элементов не подскажу, тут есть зубры, которые в этом зубристее меня Но на всякий случай я бы пробелы расставил после запятых.

[AleXGray]

Текст меню вертикально прижат к верху поля меню, некрасиво, надо по центру.

Под динамическим меню, мне кажется, от тебя счас требуется, чтобы был отдельный стиль для той меню, страница которого активна на данный момент. Т.е. нужно отдельное стилевое правило, ну и как пример, чтобы на данной странице "О компании" его реализовывало. И все. В пхп лезть верстальщику нечего.

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

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

Да, и ставь себе на комп файрфокс, тестируй сайт и в нем тоже. По важности для заказчиков на первом месте ИЕ(причем 6 предпочтительнее), потом - чтобы в фоксе работало, а оперу не сильно требовательные могут и проигнорировать. Например, когда я сталкивался с версткой для людей из США, то уже готовый сайт работающий мне попался, который в опере криво смотрелся и это было всем начхать, просили только "чтобы и в фоксе смотрелось".

Edited October 18, 2008 by AleXGray