... «Каркас» и «структура» немного разные вещи. Хотя и похожиие. Структура - это вот это:
А каркас - вот это:
НО, каркас может быть выполнен кучей разных способов, от принципа построения, до стилей и применяемых элементов. Как минимум, этот каркас можно сверстать как на дивах (DIV)? так и на таблицах. На таблицах этот каркас можно сделать при помощи одной независимой таблицы с вложениями, так и с тремя/двумя и/или более, независимых друг от друга таблиц.
eleklim,
Quote (eleklim)
Здравствуйте! Такой вопрос: у меня почему-то исчезла часть шапки сайта...((( Вроде ничего там не ковыряла... Как ее вернуть? Пробовала восстановить стандартный шаблон - не помогло
... ヅ Ну ... сразу ... в таких случаях, желательно указывать адрес сайта, не хотите публично - шлите в личку ... ну это так, к слову, я и без этого нашёл ваш сайт ... ヅ
На самом деле, ваша шапка, а точнее, - шапка вашего сайта, совсем не исчезла ... а просто, .. как бы это объяснить-то ... Ну вот смотрите: Это код ячейки в которой ваша шапка:
Ваша шапка, замечу, а это важно: в отдельной таблице ... а сам контент, то есть содержание - в другой, тоже отдельной таблице ... Таблицы, а точнее, их содержание, загружаются в браузер по ходу поступления, то есть сначала загружается и отображается первая таблица, затем вторая и так далее...
В вашем случае, к ячейке, в которой таблица с шапкой прописана конкретная ширина. Эта ширина, также относится и ко всем таблицам в ячейке, но не к содержанию, то есть, не ко всему ...
- Это уже больше, чем «649» - что у вас задано, соответственно, ваша шапка, будет шириной именно «649px» - как и должно быть, а вот контент, расширится, до размеров картинки - по ширине, плюс отсупы и поля, назначенные в стилях для контента ... это нужно учитывать в фиксированных моделях сайтов.
Так что вам, в первую очередь, необходимо разобраться не с шаблонами, а с тем, что вы поместили на главную, так как не все страницы пострадали подобным образом ... Вот эта, например, смотрится нормально ... (/index/glav/0-18)
Старайтесь, в будущем, не ставить слишком большие картинки, или блоки с фиксированной шириной больше (в сумме), чем контент-блок вашего сайта.
P.S. Шаблон, что используется на странице «0-18» - совершенно нормальный, без ошибок ... можете использовать его как пример... ヅ
P.P.S. Если растянуть окно обозревател до такой степени, когда горизонтальная прокрутка исчезнет, и после этого обновить страницу, шапка растянется на всю ширину ... ヅ
Оказывается такая ерунда происходит если на сайт смотреть через Мозилу, а вот в Эксплорере все на месте, если не считать, что нижняя панель стала короче
Всё дело в структуре страницы сайта.
Если упрощённо, то она выглядит вот так:
А если присмотреться, то чётко видно, что, шапка и контент у вас в одной таблице, а футер, в абсолютно независимой другой таблице, отдельно, то есть ... Следовательно, независимо от контента, он будет именно такой ширины, какая задана в стилях, если, его содержание, не превышает текущую ширину обозревателя. Если же контен шире ширины монитора пользователя, то появится прокрутка снизу, но это никак не повлияет на ширину самого футера, т.к. он независим от таблицы в которой контент.
А вообще, отображение сайтов в IE - это отдельная тема ...
В прикреплении упрощённая структура вашей страницы.
А в этом прикреплении уже другая страница, но похожая ... только в ней шапка, футер,контент и левая панель объеденину в одну таблицу ... и в шапку я запихнул большую картинку ... так, для примера ... ヅ
eleklim, Продолжение .... (начало в личке ...) На мой взгляд,конечно, выбранный вами дизайн, а именно, «фиксированная ширина блока контента» слегка не подходит для специфики вашего сайта .... Не сам дизайн, конечно, а вот его структура. Сам диз - мне нравится ... ヅ Как понятно, ваш сайт направлен и/или посвящен образованию/детям - следовательно - большие буквы, размашистые заголовки, большие картинки ... и подобное ... Это плохо вяжется с фиксированной шириной контента, это один... Два: не очень продуманно, в плане места под сам контент,левый отступ левой колонки ... смотри картинку:
Он убивает кучу свободного пространства, которое можно было бы использовать мод информацию...
Так как контент у вас «фиксированный», независимо от ширины моего экрана колонка с контентом, если в ней нет болших изображений/таблиц и подобного ... ヅ, будет всегда одной ширины ....
Пример #1 монитор 1024px:
Пример #2 монитор 1125px:
Как четко видно из примеров, в обоих случаях, соотношение меню/контент всегда примерно одинаково: 40%/60% ....
Вот пример другого «образовательного» ресурса
Пример #1 монитор 1024px:
Пример #2 монитор 1125px:
Как видно из второго примера, чем больше монитор пользователя, тем больше место под контент ...
То есть: «фиксированная» ширина левой колонки, и процентная ширина колонки под контент ...
Ту да же: Ваша колонка, левая, не использует ту ширину, что задана ей, если не считать блок «Поиск по тегам» ... ヅ
width:450px;height:60px; - точная ширина и высота картинки
А что будет, если я изменю размер картинки... допустим, высоту не 60, а 68рх? А если ее вообще сделать большой (на всю ширину шапки) и добавить еще какой-нить рисунок?
Сообщение отредактировал eleklim - Четверг, 06.05.2010, 16:05
А что будет, если я изменю размер картинки... допустим, высоту не 60, а 68рх?
- Будет видно только кусок картинки шириной 450px? если мне не изменяет память, и высотой в 60px. Если нужно поменять картинку, то есть сделать больше в высоту или ширину, необходимо прописать те же параметры и в css ... вот и всё ... ヅ То есть, задать новые параметры:
width:454px; - ширины - вместо 454 - ваша новая ширина; height:51px; - высоты; margin:95px auto 0px; - и отступа сверху - первая из трёх цифр - именно верх - вместо 95 - ваше значение ... определяется на «глаз» - опытным путём ... поставили - сохранили - посмотрели - не понравилось - поменяли ... ヅ
Добавлено (12.05.2010, 01:14) --------------------------------------------- Это чтобы сами посты сильно не разукрашивать...
Добавлено (12.05.2010, 01:24) --------------------------------------------- Кстати, если интересно - вот ссыль на КСШ: http://www.edusite.ru/p286aa1.html
И еще вопрос: последнее время, когда захожу на главную (только при первой загрузке), в адресной строке появляется следующая запись: http://eleklim.ucoz.ru/?lgLT4n Чтобы могли значить последние буквы? При переходе со страницы на страницу они пропадают...
Добавлено (12.05.2010, 21:38) --------------------------------------------- Еще созрел вопрос: могу ли я на сайте создать персональные страницы? Допустим, у меня 25 учеников = 25 страниц, но чтобы каждый мог заходить только на свою страницу через инд. пароль?
Добавлено (13.05.2010, 14:14) --------------------------------------------- О-о! Меня повысили в звании... Спасибо...
Никогда не размышлял о каркасе сайта с такой точки зрения
Просто жизнь заставляет мыслить более гибко и комплексно...)))
Quote (likbezz)
Данный сайт, тот на котором вы сейчас, если читаете этот пост, сверстан так, что убрать шапку, футер или колонку, одну, две - неважно, не составляет труда. Что можно наблюдать в каталоге статей, например - на главной и в категориях - три колонки в центральной части, а в материале только две, если материал больше 7500 символов, то есть большой.
Не смею спорить... Все продуманно и очень удобно, НО... мой-то сайтик рассчитан на другой контингент, поэтому такое оформление концептуально. Все должно быть большим, ярким и разнообразным... пытаюсь соответствовать названию "Пестрый портфель"... Вспомните, что вы таскали в портфеле в школу... наверняка не только учебники и тетради, но и всякие "полезные" и "интересные" штуки...))) Отсюда и пляшем...
Quote (likbezz)
Вы хотите под форум «индивидуальный» диз? ... позвольте поинтересоваться, зачем?
Очевидно, чтобы избавиться от левой колонки...
Quote (likbezz)
«Каркас» и «структура» немного разные вещи. Хотя и похожиие.
Теоретически понятно... А каким по вашему мнению должен быть сайт ориентированный на детей младшего школьного возраста?
НО... мой-то сайтик рассчитан на другой контингент, поэтому такое оформление концептуально.
... Я разве отрицаю это?. Это естественно.
Quote (eleklim)
Все должно быть большим, ярким и разнообразным... пытаюсь соответствовать названию "Пестрый портфель"...
Опять - не спорю. Сайты для детей/школьников - это вообще - отдельное направление, если можно так выразится.
Quote (eleklim)
Вспомните, что вы таскали в портфеле в школу... наверняка не только учебники и тетради, но и всякие "полезные" и "интересные" штуки...)))
... Да, “исключительно полезные весчи” - поджиги, дымовушки, самодельные петарды, рогатки, наверное, в младших классах. У меня вообще по химии/физике/биологии - всегда было отлично, от родителей, наверно - никогда не было никаких напрягов по этим предметам, все давалось настолько легко... и прозвище было под стать “Циалковский” - не знаю почему ... Может потому, что я в средних классах серьезно увлекался изготовлением огнестрельного оружия и различных взрывчатых веществ ... за что меня «уважали» в школе и «очень любили» местные бабушки и участковые ... ヅ ... да, было время.
Только вот вот не вижу параллели между стилем оформления и каркасом .... Я что, где-то написал, что ваш диз невозможно сделать правильно? ...
Quote (eleklim)
Очевидно, чтобы избавиться от левой колонки...
... Это для вас «очевидно» - мы оперируем разными знаниями в html, и, следовательно мои мотивации - не совпадают с вашими.
Quote (eleklim)
А каким по вашему мнению должен быть сайт ориентированный на детей младшего школьного возраста?
... Разноцветным, ярким - яркого цвета, но приглушённым тоном - чтобы не слишком отвлекало от контента, но было заметно при общем просмотре. Красивые “детские” картинки,где-то, может и легкая анимация - типа подмигивающих смайлов, но не много, по тем же причинам. Крупный шрифт - как минимум 12/13 px для текста, яркие заголовки, фонт 18/22px ... В контенте - обязательно картинки. Понятный и интересно написанный контент, даже не “красиво” написанный, а именно “интересно”.
Ну и конечно, до предела понятным и простым, как в навигации так и в функциональности интерфейса. Не допускать слишком глубоких вложений категорий, запутанных ссылок и ререходав. Большие элементы управления - кнопки, чекбоксы и прочее. Не огромные, а просто больше, чем обычно ... процентов на 25... то есть на 1/4 ... ヅ
И для всего этого - нужно много места, а не те 900px под контент ....
Ну, как-то так ... если в общих чертах ...
P.S. Помнится, вы, вроде как, собирались передать/продать сайт кому-то, или уже передумали? ... (или не вы ... ヅ )
eleklim, ..... Вот смотрю на ваш шаблон, в редакторе, и всё ясно, переделать не сложно, если из под нуля.... Больше всего переделывается шапка - полностью. Все отдельные картинки объединяются и заново режутся, под новый каркас. Всё остается, внешне, точно также. Но, я бы перенёс бы спидбар пониже, как раз освобождается место ... а время дату - на правую сторону. Ну и естественно - контент = 100%, левая колонка - фиксированная. Форум без неё. Вот, примерно вот так, если разберёте мои каракули ... ツ
Ничего, принципиально-сложного нет, но времени займёт ...
«Идеальный сайт», как понятие, величина, во первых - не постоянная, а во вторых сугубо индивидуальная.
Существуют только рекомендации, причем, абсолютно общего характера, и проверенные факты. А придерживаться их (учитывать) или нет - это чисто индивидуальный выбор. Ну и конечно, многое зависит от концепции сайта, целевой аудитории, географической/идейной/возрастной, и бог знает ещё какой, направленности.
Вот, примерно вот так, если разберёте мои каракули ... ツ
Выглядит все заманчиво... Но, боюсь, я этого не осилю... маловато опыта...
Quote (likbezz)
Ничего, принципиально-сложного нет, но времени займёт ...
Можно и футер поинтереснее сделать ...
Буду искренне благодарна и признательна, если возьметесь. Внесете, так сказать, скромный вклад в развитие образовательных ресурсов РФ... Или это намек, что всякий труд должен быть оплачен?
eleklim, ... Короче, вот что-то вроде... «универсального шаблона»... ヅ Особо картинки не вырисовывал - просто объединил и порубил заново. Картинку надписи - взял вашу. Оформление контента - ваапще не трогал - по этому всё без отступов и «по центру» ... Форум, как и должен быть - одной колонкой, остальное двумя - левая и контент. Можно добавить и правую. Короче, «правил» только шапку и каркас. Оформление всего остального - стандартное (Шаблон #908) ...
Спасибо... 
