C чего начать..

tooner · Feb 9, 2008

Рапунзель said:
Какой наиболее рациональный и отвечает всем стандартным и новейшим требованиям?

Провокационный вопрос, ибо языков много и каждого есть свои сторонники/противники.
Если опыта программирования нет вообще, лучше обратиться к знающему человеку, который напишет необходимый функционал. По деньгам может варьироваться от пары бутылок пива до сотен уе. Это если нет времени. Если время не особо поджимает и есть желание, то я бы посоветовал PHP.
Море всяко-разных туториалов и примеров, хорошая документация, опятьже с примерами, поддержка 99,9% хостингов.
Для Ваших задач - хватит с избытком.
Если планируете далее этим зарабатывть - смотрите в сторону Python, Ruby, .Net (не забывая при этом о PHP). Ну и в любом случае придется знакомиться с базами данных. (MySQL, PostgreSQL, SQLite - Google в помощь по любому из этих слов)
Удачи!

viper · Feb 9, 2008

сами элементы формы и она сама пишется на html, но их обработка пишется уже на другом языке. Думаю учить стоит PHP. Он проще для новичка и легче в освоении

По поводу блога/дневника. Есть специализированные CMS под это дело. Рекомендую WordPress(Ru/En) для блога/дневника или Joomla(Ru/En) для новостного или коммерческого или... сайта. Из бесплатных это пожалуй лучшие.

Night_Cruiser · Feb 10, 2008

Парни - нужен небольшой совет при работе в программе "Notepad++".
Считаю, что он будет полезным для начинающего веб дизайнера при работе в этом редакторе (от которого у меня сносит крышу, к слову).

Вопрос такой - можно ли включить сразу подсветку двух языков? Например html и css? Или только по одному переключать при работе со стилями и в теле документа с хтмл?

И еще такой вопрос возник после прохождения урока с сайта "листэпарт" про "див"-ую верстку: что означает параметр "repeat-y right"?

"""#container {
width: 100%;
background: url(background 2.gif) repeat-y right;
float: left;
margin-right: -200px;
}"""

viper · Feb 11, 2008

Рапунзель said:
Парни - нужен небольшой совет при работе в программе "Notepad++".
Считаю, что он будет полезным для начинающего веб дизайнера при работе в этом редакторе (от которого у меня сносит крышу, к слову).

Вопрос такой - можно ли включить сразу подсветку двух языков? Например html и css? Или только по одному переключать при работе со стилями и в теле документа с хтмл?

И еще такой вопрос возник после прохождения урока с сайта "листэпарт" про "див"-ую верстку: что означает параметр "repeat-y right"?

"""#container {
width: 100%;
background: url(background 2.gif) repeat-y right;
float: left;
margin-right: -200px;
}"""

про Notepad++ ненаю, т.к. пользую Adobe Dreamveawer. Про урок:
означает что фон будет повторятся по оси y(т.е. вертикально) и начиная с правого края.

Night_Cruiser · Feb 11, 2008

Доброй ночи, парни!

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

Код элементарный, в нем я разбираюсь с этой самой версткой, но я в тупике - я не могу сделать третью колонку.. точнее, не могу поставить блок "side bar" вверх-справа. Посмотрите, пожалуйста код - скажите чего не хватает? Или где я допустил ошибку?

К сожалению, я не нашел опции "приложить изображение", я помещу код прямо в свое сообщение:
<html>
<head>
<title>Изучение CSS</title>
<style type="text/css">
#header {
border: 2px solid #cdcdcd;
background: #3a3f44;
height: 150px;
}
#container {
border: 2px solid #123654;
width: 100%;
background: #f4f4eb;
float: left;
}
#content {
border: 2px solid #cdcdcd;
margin-right: 200px;
background: #f4f4eb;
}
#main {
border: 2px solid #CC0029;
margin-left: 150px;
}
#sidebar {
border: 2px solid #cgku88;
width: 200px;
float: right;
background: #f4f4eb;
}
#left {
border: 2px solid #548695;
width: 150px;
float: left;
}
#footer {
border: 2px solid #cecea5;
background: #f4f4eb;
}
</style>
</head>

<body>
<div id="header">Шапка сайта</div>
<div id="container">
<div id="content">

<div id="left">
<h1>navbar</h1>
<ul>
<li>link one</li>
<li>link two</li>
</ul>
</div>

<div id="main">
<h1>content</h1>
<p>Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Phasellus varius eleifend.</p>
<p>Donec euismod.
Praesent mauris mi, adipiscing non,
mollis eget, adipiscing ac, erat.
Integer nonummy mauris sit.</p>
</div>

<div id="sidebar">
<h1>sidebar</h1>
<p> Типа сайт-бар. Или что там угодно</p>
</div>
</div>
</div>

<div id="footer">footer</div>
</body>

</html>

А вот такая фигня с кодом (вес картинки 97кб):
http://images.people.overclockers.ru/149340.jpg

И еще два вопроса в догонку: при помощи чего следует описать, чтобы колонки были фиксированной ширины, а растягивался только их фон (вставить еще один контейнер?) с шапкой сайта?

Помогите, парни!

Abraxas · Feb 11, 2008

Возьми код отсюда http://univer.wz.cz/1st_site.html , контейнеры для наглядности раскрашены в разные цвета.

при помощи чего следует описать, чтобы колонки были фиксированной ширины, а растягивался только их фон (вставить еще один контейнер?) с шапкой сайта?

не поняла вопроса.

Night_Cruiser · Feb 12, 2008

Abraxas, доброе утро. Вопрос действительно задан не понятно. Исправляю:
Вот пример сайта: _http://www.simplebits.com/, дизайн которого мне нравится своим стилем. Браузер у меня "Опера". Например - сайт загружен - я убираю панель закладок и серо-черная шапка сайта и пастельно-небесный фон всего остального - заполняет добавленное пространство, при этом размеры колонок и шапки, не меняются (там нет четких границ, но это улавливается).
Как это достигается? Еще двумя блоками, которые служат как-бы бэкграундом?

Прошу прощения - я понятно изъяснился? Если не понятно, то я продолжу свое совершенствование и попозже дам более конкретное описание.

Abraxas · Feb 12, 2008

У меня не всё так шоколадно с этим сайтом в Опере http://pixs.ru/showimage/45jpg_4125510_30618.jpg
Советую поискать и почитать о резиновом дизайне. На пальцах объяснять буду долго и запутанно.

viper · Feb 12, 2008

Рапунзель said:
Доброй ночи, парни!

при помощи чего следует описать, чтобы колонки были фиксированной ширины, а растягивался только их фон (вставить еще один контейнер?) с шапкой сайта?

Помогите, парни!

используй вложенные div'ы. и первому задай фон с repeat.

#id {
background: #fff url(bg.jpg) repeat-y;
}

<div id="mainframe">
<div id="content">12345</div>
<div id="sidebar">1234567890</div>
</div>

указал по y это если у тебя картинка больше по ширине, а если по высоте то x. Браузеры позиционируют по умолчанию фон слева сверху.

ЗЫ! Рекомендую для отладки связку Mozilla FireFox 2.x + плагин на неё Firebug и Web Developer
+ рекомендую проверять шаблон на div'ах в Mozilla 2.x, IE 6(7 не рекомендую) и Opera 9.x. Иначе может быть такое что в одном показывает нормально и ниче не "ползет", а в другом пропадают отступы и все "ползет"

Night_Cruiser · Feb 12, 2008

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

Abraxas · Feb 12, 2008

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

Night_Cruiser · Feb 12, 2008

Чем дальше изучаю, тем становится больше вопросов.

Снова вернусь к сайту (беру его как пример для своих вопросов) _http://www.simplebits.com/
1 вопрос. Верхнее навигационное меню (home, notebook, work и т.д.) - при помощи чего оно сделано? Это явно не картинка, порезанная на зоны.. Простая таблица в "головном" div-e? Или же маленькие вложенные div-ы на каждое меню?

2 вопрос. Если я делаю низ сайта не резиновый (т.е. контейнер контента будет фиксированной длины, например 768 пикселей), то с течением времени, когда одна статья или новость будут идти друг за другом вниз по дате... с течением времени блоки новостей подойдут к этому фиксированному низу, к "footer"-у сайта... Что случится? И как сделать, чтобы они отправлялись в папку "Архив"?
Я так понимаю, что чтобы это сделать, нужно будет изучать "php"? Т.е. обработка ложится в таких случаях на сервер?

А если не делать фиксированный низ, то "новости, статьи" будут идти до победного вниз?

Abraxas · Feb 13, 2008

Рапунзель
ты теорию хоть немного читал вообще-то? Ты код полюбившегося сайта смотрел? Львиная доля ответов на твои вопросы находится именно в коде.

Насчет фиксированного футера и статей. Тебе уже посоветовали изучить разные движки, изучи их, разберись с принципом, как это работает. Вот так вот, только на вопросах-ответах, далеко не уедешь, нужна самостоятельная теоретическая подготовка, ознакомление с принципами, возможностями, приёмами. А вопросы - это когда уже ну совсем невозможно разобраться и инфу найти негде, тогда несём вопрос в массы. Ликбезом здесь заниматься вряд ли кто будет, азы надо изучить самостоятельно, тогда и вопросы будут формулироваться грамотнее, да и поубавится их.
Удачи!

viper · Feb 13, 2008

Рапунзель said:
Чем дальше изучаю, тем становится больше вопросов.

Снова вернусь к сайту (беру его как пример для своих вопросов) _http://www.simplebits.com/
1 вопрос. Верхнее навигационное меню (home, notebook, work и т.д.) - при помощи чего оно сделано? Это явно не картинка, порезанная на зоны.. Простая таблица в "головном" div-e? Или же маленькие вложенные div-ы на каждое меню?

2 вопрос. Если я делаю низ сайта не резиновый (т.е. контейнер контента будет фиксированной длины, например 768 пикселей), то с течением времени, когда одна статья или новость будут идти друг за другом вниз по дате... с течением времени блоки новостей подойдут к этому фиксированному низу, к "footer"-у сайта... Что случится? И как сделать, чтобы они отправлялись в папку "Архив"?
Я так понимаю, что чтобы это сделать, нужно будет изучать "php"? Т.е. обработка ложится в таких случаях на сервер?

А если не делать фиксированный низ, то "новости, статьи" будут идти до победного вниз?

1.
а. Можно и в ячейках таблицы сделать, но это дурной вкус.
б. Можно дивами сделать, но это тоже дурной вкус.
в. Нужно делать списком ul и задать для него не вертикальное формирование а горизонтальное. Как это сделать с помощью CSS читай в инете.

2. Начинай подучивать php, ставь Wordpress. В нем это уже все сделано. (Имею ввиду разбивку на страницы, архив, и т.д. и т.п.)

Night_Cruiser · Feb 14, 2008

Еще раз, привет всем!

Вордпресс ставить не хочу - есть желание писать код лишь самому в ноутпаде.

Возник вопрос после недолгой практики. Каркас сайта в виде "хидер-а" и трех полос фиксированной ширины сделан.
В шапку сайта включил свой будущий логотип в виде картинки (так, чтобы она сливалась с фоном). Следующим моим шагом было создать меню, как я указывал выше (навигационное меню в строчку оказалось достаточно простым делом - это заслуга вот этой статьи _http://www.webmascon.com/topics/coding/37a.asp).
Это навигационное меню в строку я тоже включил в див "хидер".
И я наткнулся на проблему - "див" этого навигационного меню начинает делать отступы не от краев дива "хидер", а от картинки!
Сначала я не понимал в чем дело, но убрав картинку - все стало на свои места и меню свободно центрировалось там, где я этого хотел! (В этом помогла установка третьего браузера "Фаерфокса", в котором навигационное меню съезжало и было не видно!). До осознания "виновности" картинки - решал эту проблему (чтобы меню располагалось внизу "хидера"), задавая отрицательные величины margin-ов.. Но это оказалось неверным.
Такой вопрос - как заставить верхнее навигационное меню в строку отсчитывать отступы не от картинки в "хидер-е", а от его краев, что является стандартом и здравым смыслом!
Прописать для картинки еще один "див"?

Viper-у огромный респект, что посоветовал учить "css-ную" верстку - меня это окрыляет и захватывает не-по-детски.!

viper · Feb 14, 2008

я так понял структура примерно так:
<div>
<div id=1>header+<img src="картинко">
<div id=2><ul><li>menu...</div>
</div>
</div>

ты хочеш чтобы отступы дива 2 считались от дива 1, а не от "картинко". Тогда вложенный див не поможет. все равно будет считать от картинки. вариант это сделать div 1 по размеру картини, задать ему в css background картинку с логотипом, а в него уже вложить див 2. в этом случае отсупы див 2 будет считать не от картинки, а от границ дивa 1.

Night_Cruiser · Feb 14, 2008

Viper, структура была именно такая. Но пока что не получается. Весь день бьюсь.
Дело в том, что я задал для див-а "хидер" фиксированную ширину и высоту. Когда прописываю там "имж срс=картинка", то все нормально - ее можно как угодно разместить.
Но когда потом я забабахиваю туда "горизонт.навигационное меню", то ведет себя получающая картина по-разному...
Но что самое неприятное, так это то, что параметры "margins" перестают работать и само навигационное меню, во-первых, не получается расположить так, чтобы его границы совпадали с границами див-а "хидера) (остается прогал), так плюс еще заданная фиксированная высота "хидера" увеличивается! Ужас, блин.
Я сейчас нашел еще статьи про горизонт.меню и буду изучать.. но думаю, что моя ошибка именно в распложении дивов.. Буду долбить дальше.

Как подключил Мозиллу, так вообще! В опере и ИЕ - нормально, а в ней - хер знает что.. Круто, в общем!

Я вот думаю, включить просто еще один "див" для навигационного меню, который располагался бы ниже "хидера", как думаете - что предпочтительнее: менять структуру лэйаута (т.е. 2 гориз-х полосы и 3 вертикальных) или же все-таки долбить с размещением в хидере?

Но почему могут не действовать "маргин-ы"?

viper · Feb 15, 2008

думаю 2-ой вариант проще реализовать. Да и зачем лишний геморой, если можно обойти

По поводу маргинов хз. Сам ещё не могу понять. Скорее всего просто некуда отступать.

Night_Cruiser · Feb 15, 2008

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

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

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

P.S. Через некоторое время дам свой "старт-лист ссылок изучения хтмл/css для начинающих". !

Abraxas · Feb 15, 2008

Попробуй так:

Code:

<p>Контакты<br />свяжитесь с нами</p>

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

C чего начать..

Member

Member

Member

Member

Member

ex-Team DUMPz

Member

ex-Team DUMPz

Member

Member

ex-Team DUMPz

Member

ex-Team DUMPz

Member

Member

Member

Member

Member

Member

ex-Team DUMPz