Сайт портального типа. Создание шаблонов.

Stasroot1 · May 10, 2008

Здравствуйте дорогие форумчане! Я начинающий вебпрограмист, пока это мое хобби... пока. Я хочу создать сайт портального типа, т.е. он будет частично посвящен мне, как создателю и различные части.

Эти части я называю проектами. Существует на данный момент несколько проектов, один из них нуждаеться в срочной реализации. Под это дело я использую CMS название не указываю так как может быть воспринято как реклама. Эта CMS использует для вывода инфы шаблоны *.tpl или (можно и так) *.xslt. При том пользовательскую часть сайта я и строю... Задумка такая: Таблица на 100% окна браузера в которой отображаеться вся инфа:

________________________________________________________________________________________________

———————————————————————————————————————————————————

Логотип проекта (логотип создан) но он только часть этого поля, как продолжить его до конца этого поля? При этом под логотипом всегда остаеться немного рамки, которую у меня не получаеться убрать! :-(

———————————————————————————————————————————————————

Меню проектов, здесь всегда отображаються ссылки на эти проекты.

———————————————————————————————————————————————————

менюшка Дополнительные блоки, реклама

Основное содержание

———————————————————————————————————————————————————

Копирайт и может еще какие управляющие кнопки/ссылки типа наверх страниц..

________________________________________________________________________________________________

Вот код который использую:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" >

<html>

 <head>

 <meta name="description" content="%description%" />
 <meta name="keywords" content="%keywords%" />
 <title>%title%</title>
 <link rel="stylesheet" href="../../css/mycms/start.css" type="text/css">
 <script type="text/javascript" src="/js/easy.php"></script> 
 <bgsound></bgsound><style></style>

 </head>

 <body>

<table background="../../images/imia fona.gif" width="100%" height="100%" cellspacing="0" border="0" cellpadding="0" align="left">
 <tbody align="left" valign="top">
 <tr>
 <td width="20%" height="180" colspan="3"><img src="../../images/logo.jpg"
alt="Логотип Тильш Проект. Продолжение логотипа, с элементами навигации переходящего в шапку сайта. Продолжение шапки сайта."
height="180"><img src="../../images/logonext.jpg"><img src="../../images/logonext.jpg"></td>
 </tr>

 <tr>

 <td width="10" colspan="3" height="15" bgcolor="red">Меню проектов..: "Нейтрино"
 </td>

 </tr>

 <tr>
 <td width="20%" height="100%" bgcolor="green">
 Меню сайта
 </td>
 <td width="62%" >%content%


 </td>
 <td width="18%" >
 Подменю, баннеры, блоки и рекламы.
 </td>
 </tr>
 <tr>
 <td>
 <a target="_blank" href="http://umi-cms.ru">Сайт строится на движке UMI.CMS!</a>
 </td>
 <td width="10" colspan="2" height="10" bgcolor="red">Дизайн и разработка сайта: <a target="_blank" href="http://www.tilsh.com">Тильш Станислав Александрович .</a>
 </td>
 </tr>
 </tbody>
</table>

 </body>

</html>

Вот css:

*{
 margin: 0px;
 padding: 0px;
 }

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

Мне интересно ваше мнение, дорогие, опытные веб-програмисты! Ваши советы вообще правильный ли я путь выбираю для создания шаблона главной страницы. Я только осваиваю HTML и CSS. Так же немного разбираюсь в PHP и MySQL.

Заранее благодарен за ответы и конструктив.

Вот сайт: www.tilsh.com сейчас туда выложу последние изменения у меня на локалке которые были сделаны...

rus · May 10, 2008

Во-первых, цмс уже указана в вашем коде.

Во-вторых, из этого куска кода мало вывода.

В-третьих, цсс у вас ну очень кратенький.

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

Иван Шумов · May 10, 2008

Привет! Чтож, как веб программист и верстальщик одной из веб-студий скажу тебе пару интересных вещей.Сначала чуть юмора

Сайт строится на движке UMI.CMS!

Да-да я прям так и не знаю на каком движке ты делаешь сайт) Не обижайся, просто не удержался. Umi хорошая фирма - ничего сказать особо против не могу, кроме одного - ты сказал что ты начинающий веб-программист, тогда тебе совет сразу

1) выбрасываешь весь этот движок

2) начинаешь думать сам, а не позволять думать чьему-то движку за тебя

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

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

Удачи!

UPD rus чуть опоздал я)))

Dimitry Wolotko · May 10, 2008

Stasroot1, вы действительно считаете, что я буду разбирать эту кашу?

Stasroot1 · May 10, 2008

Спасибо за советы.

Я не обижаюсь совершенно! Просто во время публикации кода забыл что там у меня это указано, но если это не допускаеться правилаи, то ссылку в коде удалите, или если скажите удалю сам.

Теперь по пунктам: 1. Согласен, пожалуй КМС надо откинуть в сторону... потому что уже много времени на них потратил и ВСЕГДА остаеться вот то самое впечатление о котором вы подумали... о том что КМС думает за меня.. на начальных парах думаю это плохо. Хоть и заключиля с ними партнерский договор.... мне в их КМС пока мало чего понятно.

2. Начинаю думать сам. Собственно сейчас сам и думаю... а *.tpl прикрутил к КМС в качестве эксперемента.

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

И в добавление: Есть у меня проект который требует реализации в сети. Но я думаю пока можно обойтись малой кровью, я для этого запустил движок форума и немного статики...

К тому же уже обновил сайт со своим вопросом... и тут у меня мысль... а может КМС этот отступ под рисунком рисует!? Хотя скорее у меня руки кривые чем у групы разработчиков этой КМС.

Заранее спасибо за внимание и ответы! Мне очень приятно, что меня конструктивно встретили! Спасибо.

Stasroot1 · May 10, 2008

Dimitry Wolotko, заранее извиняюсь если я буду слишком груб. Я Вас не заставлял разбирать как вы вразились "ЭТУ КАШУ"! Я вроде даже особо не просил вникать и ковырять приведенный код! Я просил совета как быть и как лучше поступить в моей ситуации! А вы сразу про кашу... css вообще пару строчек. ШТМЛ заметно больше, но вроде еще не каша... и предварительно эту "кашу" я описал схемой таблицы, в добавок добавил ссылку где на Кашу в действии можно посмотреть.

С уважением, и надеждой на взаимопонимание в дальнейшем. Спасибо.

А сейчас пойду доки и книги читать... потому, что за меня, мою работу никто делать не будет! правда глаза уже слипаться начинают...

Иван Шумов · May 10, 2008

1) давай учиться сразу - не КМС, а cms.

2) думать самому ... паз уж ты занимаешься в одиночку этим, то советую пойти по моему пути .... порядок изучения технологий таков

html + css

php || javascript

ajax

собственно + означает совместность, || - параллельность.

html и css можешь тут и начать - хороший мануал Влад на сайте сделал - такому мало соперников найдется, разве что официальные спецификации по ним

Stasroot1 · May 10, 2008

1. ОК cms!

html + css это означает, что сначала изучить и освоить html, а потом изучить и освоить css?

с параллельностью понятнее, это когда оба параллельно изучать.. я правильно вас понял?

Согласен! Мануал действительно весьма доступный!

Иван Шумов · May 10, 2008

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

Stasroot1 · May 10, 2008

Спасибо так и понял! Про то что html язык разметки, а css его отличное расширение я уже понял из доков и данного сайта. Спасибо.

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

body {
 margin: 0;
 padding: 0;
 }
img {
 margin: 0;
 padding: 0;
 border: 0;
 }
BODY IMG {
 border: none; /* Убираем границу вокруг картинки */
}

то ни какой вариант кроме первого не прилепляет рисунок к границе окна. А к нижней табличной рамке ни в каком случае не прилипло... Почему? Не врубаюсь.

Иван Шумов · May 10, 2008

у таблицы вероятно тоже задан маргин по-умолчанию

rus · May 10, 2008

to Девятилап:

А я считаю что php лучше изучать || с mysql

Иван Шумов · May 10, 2008

to Девятилап:
А я считаю что php лучше изучать || с mysql

не, ты неправ, тогда перефразирую

(php + mysql) || javascript

так лучше?

Stasroot1 · May 10, 2008

у таблицы вероятно тоже задан маргин по-умолчанию

незнаю. даже когда стиль вот так делаешь:

img {
 margin: 0;
 padding: 0;
 border: 0;
 }

То все равно та же штука получаеться, тока уже к окну совсем не прилипает...

Stasroot1 · May 10, 2008

to Девятилап:
А я считаю что php лучше изучать || с mysql
не, ты неправ, тогда перефразирую
(php + mysql) || javascript
так лучше?

Лучше на мой взгляд. мне кажется что PHP и MySQL так же неотделимы как HTML и CSS. Лично мое мнение судя по многочислинным форумам и моему незначительному опыту... :-)

Иван Шумов · May 10, 2008

а, в этом плане... ну да - у body надо обнулять margin и padding - почему - подумай сам. иначе неинтересно.

а на счет таблицы - это я про то что таблица с картинкой не в упор друг к другу

rus · May 10, 2008

to Девятилап:
А я считаю что php лучше изучать || с mysql
не, ты неправ, тогда перефразирую
(php + mysql) || javascript
так лучше?

Да я и не стремлюсь быть правым.

Как по мне, так яву отдельно нужно вообще изучать, так как к ней же наверное можно отнести если не ошибусь:

dhtml

ecshen skript

ajax

P.S. - насчет перечисленного может и ошибаюсь, но то что отдельно это просто мое мнение. :cool:

Shuranka · May 10, 2008

У margin(top, bottom, left, right) могут быть отрицательные значения. Поэксперементируй.

Stasroot1 · May 10, 2008

у таблицы вероятно тоже задан маргин по-умолчанию
незнаю. даже когда стиль вот так делаешь:
img {
 margin: 0;
 padding: 0;
 border: 0;
 }
То все равно та же штука получаеться, тока уже к окну совсем не прилипает...

Нет по умолчанию ничего не задано вкоде. а в таблице стилей было написано что все поля обнулить у всего, там ведь звездочка стоит в самом начале:

* {
 margin: 0;
 padding: 0;
 }

Но под картинкой все равно оставалось белое место... в любом браузере. попробовать с отрицательными значениями для картинки? это вот так:

img {
 margin: 0;
 margin-bottom: -3;
 }

Да? щас пробую...

Попробовал... нет.

Stasroot1 · May 10, 2008

у body надо обнулять margin и padding - почему - подумай сам. иначе неинтересно.

Я так понимаю, потому что иначе элемент body будут все немного не прикасаться к границам окна, так как каждый элемент в html помещаеться браузером как бы в отдельный прямоугольный контейнер и прорисовывает некоторые границы вокруг обекта помещенного в контейнер... Примерно правильно я рассуждаю?

rus · May 10, 2008

to Stasroot1:

Но под картинкой все равно оставалось белое место... в любом браузере.

Не в любом, в ИЕ6 все гуд,а в опере и мозиле есть такой баг.

Shuranka · May 10, 2008

Но под картинкой все равно оставалось белое место... в любом браузере. попробовать с отрицательными значениями для картинки? это вот так:
img {
 margin: 0;
 margin-bottom: -3;
 }
Да? щас пробую...
Попробовал... нет.

Если используешь margin-top(bottom и т.д.) не используй для этого же объекта margin 0. В ИЕ работать будет, а в других браузерех нет.

 <td width="10" colspan="3" height="15" bgcolor="red">Меню проектов..: "Нейтрино"</td> и
<td width="10" colspan="2" height="10" bgcolor="red">Дизайн и разработка сайта: <a target="_blank" href="http://www.tilsh.com">Тильш Станислав Александрович .</a>
 </td>

Укажи точные значения width и height (px или %), а то ИЕ кошмарно отображает. А вот это некрасиво:

администрирования</a>. 

если вы администратор. 






</p>

Stasroot1 · May 10, 2008

Отредактировал. в итоге в експлорере белое поле пропало а в фаерфоксе осталось как было... моет делаю чего не так.. уже сплю... и завтра буду только..:|

Да томоза страшные уже... пароль 10 рас вводил! Да один браузер круче другого... почему в эксплорере в красных полях (см на сайте) слова по слову переносяться на следующую строку а в других браузерах нет. все в одну строчку? До завтра!

Shuranka · May 10, 2008

... почему в эксплорере в красных полях (см на сайте) слова по слову переносяться на следующую строку а в других браузерах нет. все в одну строчку? До завтра!

Ячейка слишком узкая (см. предыдущее сообщение).

P.S. Тебе вот это надо было?

Скриншот

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

Stasroot1 · May 11, 2008

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

Shuranka · May 11, 2008

От какого белого места? Внизу окна браузера что ли?

Sign In

Сайт портального типа. Создание шаблонов.

Question

Link to comment

Share on other sites

29 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Обсуждения

Important Information