Создание Web странички

(balabol @ 09.03.2005 - время: 08:03) (Киллер @ 09.03.2005 - время: 06:36) Кстати, было бы не плохо, если бы те кто задаёт вопросы, выкладывали ссылки на сайт. Так и интересней будет, и полезней!
ты может хотел сказать, кто отвечает? Типа с примерами?
Нет. Я хотел сказать, кто задаёт!

(ALsEX @ 05.03.2005 - время: 14:45) Под правильным кодом лично я понимаю, что этот код, помимо того, что он работает, должен работать максимально быстро и безопасно.
Ну а чё тогда огород то городить есть же понятие оптимальный код это как задачка по программированию на втором курсе... Оптимизировать код, так чтоб он не терял своей функциональности... Это не значит что просто очистить его от мусора, а именно переработать... И вообще столько вещей кажутся правильными в одном случае и абсолютно неверными в другом... Для примера ты пишешь функцию на JS и вносишь её в "заголовок" документа... Страничка грузиться дольше поскольку код заноситься в "оператику", но за то потом функция срабатывает махом... И тоже самое если ты не помещаешь тело функции в заголовок... например на кой его туда заносить если обрабатывается событие onClick некой кнопки на форме и ещё неизвестно будут её нажимсать или нет... Так что как говориться, шевели извилинами и все дела... Да кстати, в моём примере код странички абсолютно одинаковый по весу... Но работает она с разной скоростью, по причинам написаным мною выше... И оба варианта нельзя назвать неправильным кодом, но оптимальным они могут быть ОБА, взависимости назначения той или иной странички...

(A. A. A. @ 05.03.2005 - время: 10:30) * Red Hat, ты путаешь не много тёплое с мягким. Вот например:
CODE <table> .....
 <table>....
<table> ....
</table>
  </table>
.... </table> Плюс во все 3 вложенные таблицы напихано много различной графики.. и сколько это будет грузится??? - Я считаю это не правильным кодом! (Хотя слово неправильный можно тректовать и понимать по разному).

А сколько весит, столько и будет... Кстати твой пример не очень показательный, ну хотябы потому что не понятно на кой чёрт вложено несколько таблиц... Если например можно было бы создать одну, но просто с более сложным форматированием... Но это одна сторона медали... А вот тебе другая... Если таблицы действительно вложены.. пусть три, пусть четыре, но в каждой из них подключается модуль на РНР... И тиут уж хочешь-нехочешь.. а придётся влаживать таблицу в таблицу... Если их невлаживать друг в друга... то легко может поехать компоновка страницы и дизайн... Например при разных разрешения экрана монитора.. вот и приходиться порою всё это связывать и увязывать... и DHTML применять те же каскадные таблицы стилей.. и прочее... согласись вот так код выглядит наименее рисково:CODE
<table width=800>
<table width=200>
<?php include("../menu.php");?>
</table>
<table   width=600>
<?php include("news.php");?>
</table>
</table>


Можно конечно всё это было уложить в ячейки одной таблицы... Но если учесть что скрипты Выводят инфу тоже через какие-то форматированые таблички.... Со ссылками, картинками и прочим, плюс с привязками к CSS... то можно лажануться капитально и ковыряться неделю в коде, не понимая куда у тебя пропадает треть дизайна странички... А дело всё в том например.. что скрипт при выполнении закрывает ячейку кодом </tr>... и здапец...

(Red Hat @ 09.03.2005 - время: 11:36) Ну а чё тогда огород то городить есть же понятие оптимальный код это как задачка по программированию на втором курсе... Оптимизировать код, так чтоб он не терял своей функциональности... Это не значит что просто очистить его от мусора, а именно переработать...
Ты вероятно прав!
Програмированию в институте я не учился, усе только по книжкам и методом тыка, к сожалению.
Для меня правильный код и оптимизированый код под конкретную задачу - это одно и то же. Лично мое мнение, хотя возможно оно и противоречит официальным определениям правильного кода.

Можно конечно всё это было уложить в ячейки одной таблицы... Но если учесть что скрипты Выводят инфу тоже через какие-то форматированые таблички.... Со ссылками, картинками и прочим, плюс с привязками к CSS... то можно лажануться капитально и ковыряться неделю в коде, не понимая куда у тебя пропадает треть дизайна странички... А дело всё в том например.. что скрипт при выполнении закрывает ячейку кодом </tr>... и здапец...

Вот с этими ошибками мне очень сильно помогает бороться Dreamweaver. Он находит все незакрытые и одиночные тэги и выводит их. Хотя конечно лучше их и не допускать

Да нет ты не понял... это </tr> Выводит скрипт на РНР, в процессе выполнения... и DW тут тебе ничем не поможет... поскольку скрипт может выполняться только на сервере с поддержкой РНР... Ну можно поставить веб-сервер локально... Установить РНР.. и всё равно этот закидон ты увидишь только в браузере... поскольку твой DW не может выполнить РНР-код... Я раз влетел так.. и парился как сказал выше неделю.. пока всю логику в РНР-не перековырял... А Модуль был с инета станут.. То есть так сказать не родной... Вот в итоге и пришлось ковыряться в чужих глюках.. Хотя за это время вполне мог навешать своих...

(Red Hat @ 09.03.2005 - время: 13:04) Да нет ты не понял... это </tr> Выводит скрипт на РНР, в процессе выполнения... и DW тут тебе ничем не поможет... поскольку скрипт может выполняться только на сервере с поддержкой РНР... Ну можно поставить веб-сервер локально... Установить РНР.. и всё равно этот закидон ты увидишь только в браузере... поскольку твой DW не может выполнить РНР-код... Я раз влетел так.. и парился как сказал выше неделю.. пока всю логику в РНР-не перековырял... А Модуль был с инета станут.. То есть так сказать не родной... Вот в итоге и пришлось ковыряться в чужих глюках.. Хотя за это время вполне мог навешать своих...
Да нет. Это ты не понял (или я не правильно объяснил)
После выполнения скрипта в браузере сохраняешь страницу как ХТМЛ и открываешь ее в дримвивере. И Проверяешь на наличие ошибок. По крайней мере видишь ошибку и можешь понять откуда она происходит.

(ALsEX @ 06.03.2005 - время: 23:19) (osob @ 06.03.2005 - время: 17:04) ALsEX мне нужно чтобы документ сохранялся в формате .cgi
В любом редакторе пишешь код, нажимаешь "Сохранить как" и сохраняешь под любым расширением.
Правда в блокноте надо написать название файла в кавычки ("test.cgi"), а то он по умолчанию сохраняет в тхт (то есть получится test.cgi.txt, если без кавычек)
Спасибо ты прелесть, мне очень помог
* osob, что скрипты кончились? или занята????
У меня еще куча всего есть я сейчас занята немного, но скоро вернусть, ждите

(ALsEX @ 09.03.2005 - время: 14:50) Да нет. Это ты не понял (или я не правильно объяснил)
После выполнения скрипта в браузере сохраняешь страницу как ХТМЛ и открываешь ее в дримвивере. И Проверяешь на наличие ошибок. По крайней мере видишь ошибку и можешь понять откуда она происходит.
Sorry... это я не понял о чём ты... Просто я привык пользоваться FP а там нет этих функции и я как-то не привык использовать этот приём для отладки скриптов. Хотя приём конечно отличный и есть просто чудный инструмент для работы с ним... не помню точно по моему MSE... Но эта штуковина сноситься когда ставиться FP. MSE подсвечивает и скрипты , их вообще можно скрыть, чтоб не путались под ногами при отладке чистого ХТМЛ. А можно раскрыть один - нужный, а остальные скрыть... Короче на любой вкус... Но париться с постоянным просмотром через браузер, плюс у него визуальная среда работает как-то коряво, особенно с таблицами и формами... Но он ведь и предназначен для отладки именно скриптов...

Полезное:
Стили шрифта и текста.
Свойства оформления шрифта:

Код Описание
font-family Определяет шрифт или семейство шрифта. Можно указывать до трех шрифтов, через запятую (если у клиента не будет установлен первый шрифт, то браузер перейдет к следующему в списке).
font-style Определяет способ начертания. Возможные значения: normal (нормальный, установлен по умолчанию), italic (курсив), oblique (наклонный).
font-variant Определяет варианты начертания шрифта. Возможные значения: normal (нормальный, установлен по умолчанию), small-caps (все буквы заглавные).
font-weight Определяет степень жирности шрифта. Возможные значения: normal (нормальный, установлен по умолчанию), bold, bolder, lighter. Значения bolder и lighter являются относительными, например, значение lighter для жирного текста делает его нормальным.
font-size Устанавливает размер шрифта. Можно указывать как в относительных единицах (проценты), так и в абсолютных (пикселы, сантиметры и т.д.)

Рассмотрим пример по использования стиля шрифта. Для начала опишем соответствующие классы стилей. Напомню, что это делается внутри элемента <STYLE>, расположенного внутри элемента <HEAD>.

<STYLE>
<!--
.font_main{font-family:Arial;}
.font_strong{font-family:Arial;font-weight: bold;}
.font_comment{font-family:System; font-style: italic;}
.font_footnote{font-family:Arial;color: gray;}
-->
</STYLE>
А теперь запишем фрагмент текста оформленного с помощью определенных выше стилей:

<p class="font_main"><span class="font_strong">CSS</span> (<span class="font_comment">Cascading Style Sheets - Каскадные таблицы стилей</span> ) - это набор правил оформления и форматирования HTML страницы, позволяющий определять свойства элементов HTML для целого документа. В CSS Вы один раз описываете характеристики объекта и связываете объект со стилем. Для того, чтобы поменять характеристики объекта достаточно изменить описание стиля*.</p> <p class="font_footnote">*При подключении CSS через стилевой файл, все изменения стиля автоматически переносятся на страницы сайта. При этом, сам код html страниц остается без изменений.</p>
Посмотрим, как будет выглядеть текст:

CSS (Cascading Style Sheets - Каскадные таблицы стилей ) - это набор правил оформления и форматирования HTML страницы, позволяющий определять свойства элементов HTML для целого документа. В CSS Вы один раз описываете характеристики объекта и связываете объект со стилем. Для того, чтобы поменять характеристики объекта достаточно изменить описание стиля*.

*При подключении CSS через стилевой файл, все изменения стиля автоматически переносятся на страницы сайта. При этом, сам код html страниц остается без изменений.

Хотелось бы добавить, если вы желаете использовать технологию CSS на своих страницах, то удобнее всего это делать в Дримвивере

* Технология CSS очень удобна и не стоит ей принебрегать.
* Могу ещё посоветовать (для тех кто создаёт сайты по крупнее) использовать технологию SSI (.shtml). Писать придётся ручками, но это не страшно. Когда поймёте наскольно она вас выручит, начнёте другим советовать.

Класический пример. (Вот представте, что у вас на 500 документах сайта видится ваш @e-mail, но вы его сменили. Врикиньте, что лишней работы сразу возникнет со сменой @e-mail????) Вот чтобы так не случилось и чтобы сэкономить ваше время и есть SSI....

Киллер, я прекрастно понимаю, что ты любишь Dreamweaver, но есть ведь и другие программы способные работать с CSS.
A. A. A. спасибо очень полезная информация.
Вопрос:
Я делаю первый сайт и у меня вопрос века ( для меня).
Есть Яваскрипты. Как их вставить - немного понятно. А вот в каждой папке с сайтом при наличии Яваскриптов должен быть еще и файл ".js"
Что это такое и как его сделать?
Ответ:
JavaScript`ы могут быть внутренние и "выносные". Другими словами скрипт может быть написан внутри самого html кода сайта или сохранён в отдельном файле *.js.
Во втором случае внутри html кода сайта указывается ссылка на этот файл и браузер загружает скрипт из отдельного файла.
Для того, чтобы сделать такой файл, вам нужно поместить содержимое скрипта в текстовое поле "Блокнота" и сохранить файл с расширением *.js. Например так: script.js
Затем в коде сайта следует прописать:
<script LANGUAGE="JavaScript" src="script.js"></SCRIPT>
Полезное:
Приветствие посетителя по времени суток.
<script language="JavaScript">
var h=(new Date()).getHours();
if (h > 4 && h < 12) document.write(" Доброе утро!");
if (h > 11 && h < 19) document.write(" Добрый день!");
if (h > 18 && h < 24) document.write(" Добрый вечер!");
if (h > 23 || h < 5 ) document.write(" Доброй ночи!");
</script>
Текст около курсора мышки.
<script language="JavaScript">
var message='sxn.io';
var messagecolor='#000000'
var dismissafter=0
var amount=5,ypos=0,xpos=0,Ay=0,Ax=0,By=0,Bx=0,Cy=0,Cx=0,Dy=0,Dx=0,Ey=0,Ex=0;
if (document.layers){
for (i = 0; i < amount; i++)
{document.write('<layer name=ns'+i+' top=0 left=0><font face="Courier New" size=3 color='+messagecolor+'>'+message+'</font></layer>')}
window.captureEvents(Event.MOUSEMOVE);
function nsmouse(evnt){xpos = evnt.pageX;ypos = evnt.pageY;makefollow()}
}
else if (document.all){
document.write("<div id='outer' style='position:absolute;top:0px;left:0px'>");
document.write("<div id='inner' style='position:relative'>");
for (i = 0; i < amount; i++)
{document.write('<div id="text"'+i+' style="position:absolute;top:0px;left:0px;font-family:Courier New;font-size:16px;color:'+messagecolor+'">'+message+'</div>')}
document.write("</div>");
document.write("</div>");
function iemouse(){ypos = document.body.scrollTop + event.y;xpos = document.body.scrollLeft + event.x;makefollow()}
}
function makefollow(){
if (document.layers){
document.layers.top=ay;document.layers.left=ax;
document.layers.top=by;document.layers.left=bx;
document.layers.top=cy;document.layers.left=cx;
document.layers.top=Dy;document.layers.left=Dx;
document.layers.top=Ey;document.layers.left=Ex;
}
else if (document.all){
outer.all.inner.all.style.pixelTop=ay;outer.all.inner.all.style.pixelLeft=ax;
outer.all.inner.all.style.pixelTop=by;outer.all.inner.all.style.pixelLeft=bx;
outer.all.inner.all.style.pixelTop=cy;outer.all.inner.all.style.pixelLeft=cx;
outer.all.inner.all.style.pixelTop=Dy;outer.all.inner.all.style.pixelLeft=Dx;
outer.all.inner.all.style.pixelTop=Ey;outer.all.inner.all.style.pixelLeft=Ex;
}
}
function move(){
if (dismissafter!=0)
setTimeout("hidetrail()",dismissafter*1000)
if (document.layers){window.onMouseMove = nsmouse}
else if (document.all){window.document.onmousemove = iemouse}
ey = Math.round(Ey+=((ypos+20)-Ey)*2/2);ex = Math.round(Ex+=((xpos+20)-Ex)*2/2);
dy = Math.round(Dy+=(ey - Dy)*2/4);dx = Math.round(Dx+=(ex - Dx)*2/4);
cy = Math.round(Cy+=(dy - Cy)*2/6);cx = Math.round(Cx+=(dx - Cx)*2/6);
by = Math.round(By+=(cy - By)*2/8);bx = Math.round(Bx+=(cx - Bx)*2/8);
ay = Math.round(Ay+= (by - Ay)*2/10);ax = Math.round(Ax+= (bx - Ax)*2/10);
makefollow();
jumpstart=setTimeout('move()',10);
}
function hidetrail(){
if (document.all){
for (i2=0;i2<amount;i2++){
outer.all.inner.all.style.visibility="hidden"
clearTimeout(jumpstart)
}
}
else if (document.layers){
for (i2=0;i2<amount;i2++){
temp="ns"+i2
document.layers.visibility="hide"
clearTimeout(jumpstart)
}
}
}
window.onload=move;
</SCRIPT>
Мигающая таблица.
<table border=0 width=270 id="myexample" style="border:2px solid yellow">
<tr>
<td>MaxDesignesStudio<br></td></tr></table>
<script language="JavaScript">
function flashit()
{
if (!document.all)return;
if (myexample.style.borderColor== "yellow")myexample.style.borderColor="lime";
else myexample.style.borderColor= "yellow"}setInterval("flashit()", 1000)
</script>
Маленький календарь.
<script language="Javascript" type="text/javascript">
calendar = new Date();
day = calendar.getDay();
document.write("<table width=100 border=1><tr><td><center><font size=2>")
if (day == 0) {
document.write("<font color=#ff0000>Воскресенье</font>")
}
if (day == 1) {
document.write("Понедельник")
}
if (day == 2) {
document.write("Вторник")
}
if (day == 3) {
document.write("Среда")
}
if (day == 4) {
document.write("Четверг")
}
if (day == 5) {
document.write("Пятница")
}
if (day == 6) {
document.write("<font color=#ff0000>Суббота</font>")
}
document.write("</font></center></td></tr><tr><td><center><font size=2>")
month = calendar.getMonth();
if (month == 0) {
document.write("Январь")
}
if (month == 1) {
document.write("Февраль")
}
if (month == 2) {
document.write("Март")
}
if (month == 3) {
document.write("Апрель")
}
if (month == 4) {
document.write("Май")
}
if (month == 5) {
document.write("Июнь")
}
if (month == 6) {
document.write("Июль")
}
if (month == 7) {
document.write("Август")
}
if (month == 8) {
document.write("Сентябрь")
}
if (month == 9) {
document.write("Октябрь")
}
if (month == 10) {
document.write("Ноябрь")
}
if (month == 11) {
document.write("Декабрь")
}
document.write("</font></center></td></tr><tr><td><center><font size=6>")
date = calendar.getDate();
document.write(date)
document.write("</font></center></td></tr><tr><td><center><font size=2>")
year = calendar.getYear();
if (year < 100) {
document.write("19" + year + "")
}
else if (year > 1999) {
document.write(year)
}
document.write("</font></center></td></tr></table>")
</script>
Может кто-нибудь выложит какие-нибудь скрипты

Может кто-нибудь выложит какие-нибудь скрипты * osob, ты просто сложи всё в один архив и скинь в СексНародый файловый архим, а там может и я чего выложу.

(osob @ 11.03.2005 - время: 19:42) Киллер, я прекрастно понимаю, что ты любишь Dreamweaver, но есть ведь и другие программы способные работать с CSS.
Да, я люблю Дримвивер и у меня есть на то основания! А вы вот не толко выкладывайте скрипты и длинные коды, а лучше напишите в каких программах лучше их настраивать. Те же CSS. Можно конечно и в блокноте написать, но для новичка это не нужно. Вот вы какую прогу для работы с CSS рекомендуете? Всё таки тема создана с целью помощи для создания сайтов!

А вот тут выкладывать длинные коды, которые есть на всех сайтах, предоставляющих скрипты, совершенно неэффективно . Думаю никто не воспользуется. Если кому надо https://cgi.myweb.ru/index.phtml - огромный архив скриптов на разных языках.

(A. A. A. @ 11.03.2005 - время: 21:48) Может кто-нибудь выложит какие-нибудь скрипты * osob, ты просто сложи всё в один архив и скинь в СексНародый файловый архим, а там может и я чего выложу.
А где этот архив, ссылочку дай

(osob @ 12.03.2005 - время: 07:35) А где этот архив, ссылочку дай
* https://sxn.io/index.php?act=Downloads

Учебники по Web. В том числе и по Perl.

во фронт паге легко работать? ламер в создании страничек поймёт?

(Воланд @ 12.03.2005 - время: 12:50) Учебники по Web. В том числе и по Perl.
Спасибо.

* osob, покажи скриншот своёй странички... заинтриговала...