Jump to content

D.S.Denton

Expert
  • Posts

    993
  • Joined

  • Last visited

  • Days Won

    1

Everything posted by D.S.Denton

  1. охохо... a href="java script:window.open(...)" а для поисковиков ссылку на эту страницу приписываешь через link rel="child" либо в sitemap-файле
  2. D.S.Denton

    Теория

    ***DS предпочел воздержаться от комментариев дабы не сказать чего лишнего на нетрезвую голову
  3. вообще-то это по php и не имеет отношения к типографике... convert_cyr_string()
  4. няка нехорошая еще хуже... удобнее: <p><span>Адрес:</span> г.Краматорск <span class="voot">Ася:</span> 444048431</p> <p><span>Тел.:</span>(8050)1549028</p> <p><span>E-Mail:</span><a href="mailto:ageent.ua@gmail.com">ageent.ua@gmail.com</a></p> (в комментах статей отметился, хех...)
  5. вынесем еще наверх шапку, использовав абзац, хотя лучше вместо P задать h1. и пожалуй хватит оптимизации, дальше сам просто здесь такая станица, которую лучше делать блоками, а таблицы только усложняют <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>Var1</title> <style type="text/css" media="screen"> /* сбрасываем чтоб не мешалось */ html,body,p {margin:0; padding:0;} table,img {border-width:0px;} body {background-image: url('Oii1.jpg');} /* хорошее название для картинки, хм... не забудь исправить */ #header { width:1200px; height:75px; text-align:center; color:#000000; font-size:large; font-weight:bolder; font-family:courier; } .block1 { margin-top:150px; margin-left:18px; font-family:courier; font-weight:bolder; color:#646464; font-size:18px; } .block2 {margin-left:80px;} /************************************* это использовалось только для одного абзаца... непозволительная роскошь ради одного-единственного переопределять стили всех P и иметь в будущем потенциальные проблемы. потому выносим нужное в #header, кроме маргинов p { margin-top:10px; margin-left:50px; color:#000000; font-weight:bolder; font-size:large; font-family:courier; } *************************************/ a,a:visited { color:#646464; font-size:18px; text-decoration:none; } a:hover {text-decoration:underline;} /* a:visited {color:#646464;} - убираем, объединив с A */ a.link1 {color:#ff0000;} /************************************* не нашел нигде id=2. да и нельзя такой айди. выкинем #2 { color:#000000; font-weight:bolder; font-size:large; font-family:courier; } *************************************/ </style> </head> <body> <p id="header" style="border:3px dotted blue;">IINEIANEEE AINOAA?NOAAIIUE OIEAA?NEOAO I?E?IAIIAONO?IENOAA [IAOI]</p> <table style="text-align:left; height:800px;" width="1200" cellpadding="2" cellspacing="2"> <col width="216" /> <col width="334" /> <col width="440" /> <col span="2" width="105" /> <tbody> <tr> <td rowspan="2" style="vertical-align:top; height:605px;"> <div class="block1" style="line-height:1.4"> <a class="link1" href="Var1_1.html">Aeaaiay</a> <a href="Var1_2.htm">Iaiaoeee ycue</a> <a href="Var1_3.htm">Oai?aoe?aneay iaoaieea</a> <a href="Var1_4.htm">Iaoaiaoeea</a> <a href="Var1_5.htm">Ia?aoiay naycu</a> <a href="Var1_6.htm">Aeaaioai?eoaeuiinou</a> </div> </td> <td colspan="4" style="vertical-align:top; height:605px;"> <div class="block2"> <i><b>Iaiaoeee ycue &nbsp&nbsp (i?aiiaaaaoaeu I.E. Aiaaou??aa)</b></i> - <a class="link1" href="new_page_4.htm">A?aiiaoeea</a> - <a class="link1" href="new_page_3.htm">O?aaii-iaoiae?aneia iiniaea</a> - <a class="link1" href="new_page_3.htm">Ia?aaiau iaeioi?uo oaenoia (a iniiaiii ii oaia "Aiaa - ie?iaay i?iaeaia")</a> </div> </td> </tr> <tr> <td style="height:90px;">y?aeea3</td> <td>y?aeea</td> <td>y?aeea</td> <td>y?aeea</td> </tr> </tbody> </table> </body> </html>
  6. оформление очень сильно напоминает десяток аналогичных шаблонов с темплейт-монстерс... да и "вот по этому адресу" тоже. а если сравнивать исходник, как и было задано, сабж куда лучше http://hc.ru/ru/
  7. по гпрсу загружалось не дольше, чем лебедевский (раз уж АЛ упомянули). по коду - блин, завидую, что лентяй сам такое писать, даже основываясь на готовых шаблонах верстки.
  8. ну собственно решим это просто - задав среднему стобцу ширину на 44 пикселя больше. 396+44=440. и теперь можно избавляться от width, точнее выносить их. ... <table style="text-align:left; height:800px;" width="1200" cellpadding="2" cellspacing="2"> <col width="216" /> <col width="334" /> <col width="440" /> <col width="105" /> <col width="105" /> <!-- последние два КОЛа можно также объединить в <col span="2" width="105" /> --> <tbody> <tr> <td colspan="5" style="vertical-align:top; height:75px;"> <p>IINEIANEEE AINOAA?NOAAIIUE OIEAA?NEOAO I?E?IAIIAONO?IENOAA [IAOI]</p> </td> </tr> <tr> <td rowspan="2" style="vertical-align:top; height:605px;"> <div class="block1" style="line-height:1.4"> <a class="link1" href="Var1_1.html">Aeaaiay</a> <a href="Var1_2.htm">Iaiaoeee ycue</a> <a href="Var1_3.htm">Oai?aoe?aneay iaoaieea</a> <a href="Var1_4.htm">Iaoaiaoeea</a> <a href="Var1_5.htm">Ia?aoiay naycu</a> <a href="Var1_6.htm">Aeaaioai?eoaeuiinou</a> </div> </td> <td colspan="4" style="vertical-align:top; height:605px;"> <div class="block2"> <i><b>Iaiaoeee ycue &nbsp&nbsp (i?aiiaaaaoaeu I.E. Aiaaou??aa)</b></i> - <a class="link1" href="new_page_4.htm">A?aiiaoeea</a> - <a class="link1" href="new_page_3.htm">O?aaii-iaoiae?aneia iiniaea</a> - <a class="link1" href="new_page_3.htm">Ia?aaiau iaeioi?uo oaenoia (a iniiaiii ii oaia "Aiaa - ie?iaay i?iaeaia")</a> </div> </td> </tr> <tr> <td style="height:90px;">y?aeea3</td> <td>y?aeea</td> <td>y?aeea</td> <td>y?aeea</td> </tr> </tbody> </table>
  9. дальше пытаюсь избавиться от width:ширина в каждой ячейке... видя что при суммировании получиается какая-то хрень нехорошая, прописываю в каждую ячейку ее размеры - w:ширина, h:высота, c:столбцы, r:строки очевидно что как в математической игрушке "магический квадрат" должны сойтись по строкам суммы их ширин и количество столбцов <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>Var1</title> <style type="text/css" media="screen"> /* сбрасываем чтоб не мешалось */ html,body,p {margin:0; padding:0;} /*table,img {border-width:0px;}*/ /* хорошее название для картинки, хм... не забудь исправить */ body {background-image: url('Oii1.jpg');} .block1 { margin-top:150px; margin-left:18px; font-family:courier; font-weight:bolder; color:#646464; font-size:18px; } .block2{ margin-top:0px; margin-left:80px; } p { margin-top:10px; margin-left:50px; color:#000000; font-weight:bolder; font-size:large; font-family:courier; } a { color:#646464; font-size:18px; text-decoration:none; } a:hover {text-decoration:underline;} a:visited {color:#646464;} a.link1 {color:#ff0000;} #2 { color:#000000; font-weight:bolder; font-size:large; font-family:courier; } </style> </head> <body> <table border="1" style="text-align:left; width:1200px; height:800px;" cellpadding="2" cellspacing="2"> <tbody> <tr> <td colspan="5" style="vertical-align:top; height:75px; width:1200px;"> 1200w*75h (5c*1r) <p>IINEIANEEE AINOAA?NOAAIIUE OIEAA?NEOAO I?E?IAIIAONO?IENOAA [IAOI]</p> </td> </tr> <tr> <td rowspan="2" style="vertical-align:top; height:605px; width:216px;"> 216w*605h (1c*2r) <div class="block1" style="line-height:1.4"> <a class="link1" href="Var1_1.html">Aeaaiay</a> <a href="Var1_2.htm">Iaiaoeee ycue</a> <a href="Var1_3.htm">Oai?aoe?aneay iaoaieea</a> <a href="Var1_4.htm">Iaoaiaoeea</a> <a href="Var1_5.htm">Ia?aoiay naycu</a> <a href="Var1_6.htm">Aeaaioai?eoaeuiinou</a> </div> </td> <td colspan="4" style="vertical-align:top; height:605px; width:984px;"> 984w*605h (4c*1r) <div class="block2"> <i><b>Iaiaoeee ycue &nbsp&nbsp (i?aiiaaaaoaeu I.E. Aiaaou??aa)</b></i> - <a class="link1" href="new_page_4.htm">A?aiiaoeea</a> - <a class="link1" href="new_page_3.htm">O?aaii-iaoiae?aneia iiniaea</a> - <a class="link1" href="new_page_3.htm">Ia?aaiau iaeioi?uo oaenoia (a iniiaiii ii oaia "Aiaa - ie?iaay i?iaeaia")</a> </div> </td> </tr> <tr> <td style="height:90px; width:334px;">334w*90h (1c*1r) y?aeea3</td> <td style="width:396px;">396w*90h (1c*1r) y?aeea</td> <td style="width:105px;">105w*90h (1c*1r) y?aeea</td> <td style="width:105px;">105w*90h (1c*1r) y?aeea</td> </tr> </tbody> </table> </body> </html> но получается что-то нехорошее. с шапкой все ясно: сумма 5 столбцов, ширина 1200. следующая строка: 1 столбец + сумма 4, ширина 216 + 984. нижняя строка неправильная: 1 столбец у нас уже есть из предыдущей строки + 4 одиночных, ширина 216 + 334 + 396 +105 +105 оказывается 1156
  10. шаг 1 - исправляем самые грубые ошибки типа valign=top, вместо которого используем стиль. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>Var1</title> <style type="text/css" media="screen"> /* сбрасываем чтоб не мешалось */ html,body,p {margin:0; padding:0;} table,img {border-width:0;} /* хорошее название для картинки, хм... не забудь исправить */ body {background-image: url('Oii1.jpg');} .block1 { margin-top:150px; margin-left:18px; font-family:courier; font-weight:bolder; color:#646464; font-size:18px; } .block2{ margin-top:0px; margin-left:80px; } p { margin-top:10px; margin-left:50px; color:#000000; font-weight:bolder; font-size:large; font-family:courier; } a { color:#646464; font-size:18px; text-decoration:none; } a:hover {text-decoration:underline;} a:visited {color:#646464;} a.link1 {color:#ff0000;} #2 { color:#000000; font-weight:bolder; font-size:large; font-family:courier; } </style> </head> <body> <table style="text-align:left; width:1200px; height:800px;" cellpadding="2" cellspacing="2"> <tbody> <tr> <td colspan="5" style="vertical-align:top; height:75px; width:1200px;"> <p>IINEIANEEE AINOAA?NOAAIIUE OIEAA?NEOAO I?E?IAIIAONO?IENOAA [IAOI]</p> </td> </tr> <tr> <td rowspan="2" style="vertical-align:top; height:605px; width:216px;"> <div class="block1" style="line-height:1.4"> <a href="Var1_1.html" class=link1>Aeaaiay</a> <a href="Var1_2.htm">Iaiaoeee ycue</a> <a href="Var1_3.htm">Oai?aoe?aneay iaoaieea</a> <a href="Var1_4.htm">Iaoaiaoeea</a> <a href="Var1_5.htm">Ia?aoiay naycu</a> <a href="Var1_6.htm">Aeaaioai?eoaeuiinou</a> </div> </td> <td colspan="4" style="vertical-align:top; height:605px; width:984px;"> <div class="block2"> <i><b>Iaiaoeee ycue &nbsp&nbsp (i?aiiaaaaoaeu I.E. Aiaaou??aa)</b></i> - <a class="link1" href="new_page_4.htm">A?aiiaoeea</a> - <a class="link1" href="new_page_3.htm">O?aaii-iaoiae?aneia iiniaea</a> - <a class="link1" href="new_page_3.htm">Ia?aaiau iaeioi?uo oaenoia (a iniiaiii ii oaia "Aiaa - ie?iaay i?iaeaia")</a> </div> </td> </tr> <tr> <td style="height:90px; width:334px;">y?aeea3</td> <td style="width:396px;">y?aeea</td> <td style="width:105px;">y?aeea</td> <td style="width:105px;">y?aeea</td> </tr> </tbody> </table> </body> </html>
  11. да вот сразу же видно - кодировка задана 1251 а текст нечитаемый. если бы он действительно был в 1251, при копировании в пост форума, таких извращенных символов не оказалось бы ÌÎÑÊÎÂÑÊÈÉ ÃÎÑÓÄÀÐÑÒÂÅÍÍÛÉ ÓÍÈÂÅÐÑÈÒÅÒ ÏÐÈÐÎÄÎÎÁÓÑÒÐÎÉÑÒÂÀ [ÌÃÓÏ] ссылки не закрыты - Íåìåöêèé ÿçûê дальше - доктайп задан quot;-//W3C//DTD HTML 4.01 Transitional//EN"> при этом значения атрибутов без кавычек, напр valign=top советы по оптимизации: colspan="1" - бред, однозначно, без колспана все равно значение единица и прочие стили с указанием ширины ячейки - ширину можно не указывать, ведь она уже задана у одиночных ячеек, соответственно ширина объединенных ячеек будет равна сумме ширин и потому сие объявление игнорируется в конце страницы совершенно бесполезная вещь, особенно после таблицы ну и еще мелочи, сейчас помучаю код, выложу
  12. учел, благодарю. download 0.2 here discussion там правда русского в зарелизенных файлах как раз мало - если интересует именно перевод, а не многоязыковая поддержка, брать надо файлы из 0.1 версии.
  13. 1 - исправь ошибки 2 - все прекрасно становится, даже несмотря на п.1, и в лиске и в ИЕ6
  14. так... на пальцах: index.php: menu.txt: в результате клиент получит такой хтмл-код: на компе будет работать, разумеется, ведь сервер это тоже комп. главное чтоб php-интерпретатор стоял
  15. {margin:0; padding:0;} правда логично?
  16. ну так получается это потому что к примеру ширина клетки на тетрадном листе не зависит от ширины самого листа
  17. варианты на php: <?php include('my_file_with_menu.txt'); ?> таким образом в указанное место страницы будет вставлено содержимое файла my_file_with_menu.txt и выполнен php-код, если он присутствует в вставляемом файле. <?php require('my_file_with_menu.txt') or die('Менб недоступно, сообщите администратору admin@site.ru. Выполнение скрипта прервано'); ?> аналогично первому варианту, но если не удается втыкнуть менюшку (причина либо в отсутствии файла, либо у скрипта нет прав на его чтение) ругаемся и прекращаем работу, ведь сайт без навигации не рулит <?php readfile('my_file_with_menu.txt'); ?> аналогично первому варианту, но если в втыкаемом файле присутствует php-код, он будет отображен на странице, а не выполнен (впрочем браузеры скорее всего его спрячут, но это детали) почему я использовал расширение txt - если поставить расширение php - к файлу можно будет обратиться через браузер, запустив его таким образом на выполнение, что не всегда хорошо. поэтому обычно вставляемые файлы сохраняют с расширением .inc (от слова include), чтоб сразу было видно. с другой стороны, если действительно надо не допустить обращения кем либо, кроме скрипта, к втыкаемым файлам, это правильнее ограничивать через .htaccess
  18. ну фон можно репитом сделать, тут уже зависит от самой картинки - как ее лучше. в крайнем случае и фон можно сделать растягивающимся (js+php)
  19. 1 и 2 вопросы я задал совершенно серьезно.
  20. к сожалению я уже не молодой... (с)Гусев из дивовской "Выбраковки" значит так, дорогой, ответь на вопросы: 1. для чего делается сайт? (варианты: для себя чтоб лежали странички на компе | чтоб другие могли этим сайтом пользоваться) 2. ты пример пробовал хоть один из трех сделать на практике? (варианты: да | нет | за***ли нотации читать) 3. много пил на этот НГ? (варианты: много | очень много) 4. укроп знортийский курил вдобавок к алкоголю? (варианты: да | нет, только имперский) P.S. Дим, снеси в треш хвост топика, а? продолжим там обсуждение лучше P.P.S. это описывается одной фразой... "Мануал читал. Много думал"
  21. ок, прочитал это хорошо:+) пример 1: берем файл 123.avi и кладем его в ту же папку, где находится html-страница. код ссылки будет таким - текст или текст точка говорит что это текущая директория пример 2: создаем в папке с html-страницей папку video. в нее кладем 321.avi текст или аналогично с точкой текст пример 3: файл 666.avi лежит в какой-то папке, в которой также создана папка html и в ней уже лежит сама html-страница текст две точки означают что надо подняться на уровень вверх ну разумеется внутри ссылки может быть не только текст, но и картинка например
  22. во-первых - страница разве для себя делается? путь в ссылке прописывается абсолютно по тем же правилам как нампример в src тэга IMG. а пример на такой вопрос несмотря на раздел "для начинающих" приводить не стоит, т.к. это сродни вопросу "а как открыть дверь" - в самом начале любого учебника про ссылки пишут. кто мешает прочитать stepbystep.htmlbook.ru предварительно? там совсем не много текста.
  23. D.S.Denton

    Опрос

    во-вторых, не зная никакого языка, легче понять перл, чем пхп. одно только то, что тип переменной сразу виден из ее имени ($var, @var, %var) есть огромный плюс
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy