# 5 (17)
25 марта 2003г.
|
Проект веб-дизайн студии
"STEP BY STEP"
Количество подписчиков = 3700
|
Здравствуйте, уважаемые подписчики! Рассылка идет последовательно, если вы не читали какой-либо
из номеров рассылки, то сможете прочитать тут.
Заходите на наш сайт
http://web.pmg17.vn.ua и вы найдете там много интересного.
Давайте сделаем рассылку более интересной! Выскажите, пожалуйста, свое мнение о рассылке. Что вам нравится? Что не нравится?
Что хотели б еще увидеть в рассылке? Что необходимо убрать?
Все отзывы будут опубликованы в рассылке. Вот результаты прошлого опроса:
Абусев Ахмет:
Я жалею, что затянул с подпиской. Текучка заела.
Можно получить на мыло старые рассылки? Был бы очень благодарен.
А вот то, что отходите иногда от темы (к примеру, обещание о Fotoshop'е), так это просто здорово!
|
Ответ:
Да, письма я тебе уже отправил...
|
|
|
Ирина Евсеева:
Уважаемый Сергей!
К сожалению я недавно подписалась на рассылку, к тому же я не программист, поэтому лично мне хотелось бы больше конкретных примеров.
С уважением и пожеланием дальнейших успехов.
|
Ответ:
Сергей, просто, в прошлых номерах публиковал свои статьи. А я,
как автор рассылки постараюсь сделать все возможное, что б вам было интересно!
|
|
|
Евгений Тявкин:
На некоторых сайтах встречал некоторые эффекты: 1)
при наведении указателя мыши меняется фон ссылки, если убрать
мышь - возвращается оригинальный; 2) при выборе ссылки прямо на
этой странице открывается текст, а список ссылок (идущий ниже текста)
смещается ниже (как в справке по Word-XP), при этом не видно попыток
загружать новую страницу. Подскажите, как достигается такой эффект.
|
Ответ:
1. Вот код, думаю с размерами и цветами разберешся.
<table><tr>
<TD onmouseover="this.style.backgroundColor='#6592bf'" style="CURSOR: hand" onclick="parent.location='index.htm'"
onmouseout="this.style.backgroundColor='#29445f'" bgColor=#29445f height=13 width=300>
<font color="white">Тут надпись ссылки</font>
</td></tr></table>
2. На сайтах этого нигде не видел. Это, возможно, писалось на делфи.
|
|
|
Ирина:
Рассылка,в принципе, нормальная,не много нудноватая(это мое субъективное мнение :) ).А в целом,вери гуд :)
И все бы было хорошо, если не было бы столько рекламы. Может, она необходима для
существования рассылки, но если бы ее не было,то было бы намного лучше. Вот так вот.
|
Ответ:
Рекламу прикрепляю не я, а сервис рассылок, вы ж ведь подписались бесплатно :-)
|
|
|
Annet aka Littl:
Вообще-то от тега font пора избавляться. Давно существуют стили.
Конструкция <h2 align="center"> принципиально на сегодняшний день некорректна,
следует использовать синтаксис: <h2 style="text-align:center">.
К <nobr> неплохо бы добавить описание <wbr>.
Тег <center> считается устаревшим, хотя и пока работает в от 4-х версиях браузеров.
Не давали бы вы устаревшую информацию...
|
Ответ:
Хорошо. В общем, зная старое, азы, можно быстро перейти на новое!
|
|
|
---------------------------------
WEBTALK.RU - Форумы вебразработчиков
На форуме Вы сможете поучаствовать в обсуждении последних событий
Интернет и сайтов, решить вопросы о сетевых технологиях, раскрутке,
веб графике, скриптах и операционных системах, узнать мнения о
хостинг-провайдерах и многое другое. WebTALK.RU это форум для тех, кому не
скучно в Интернет.
Все вопросы решаются здесь!
---------------------------------
Правила грамотной верстки сайтов
Автор:
Земсков Юрий
Компьютерная библиотека | Компьютерный форум
В этой статье хотелось бы рассказать о некоторых, известных мне правилах верстки,
обращая внимание также и на их html-реализацию. Сразу скажу, что я не профессионал
в типографском деле и с радостью
выслушаю ваши
комментарии и возражения по поводу этой статьи.
Пробел
Пробел, как вам известно, используется для разделения слов в тексте. Также
пробелом отделяется слово со знаком препинания от следующего за ним слова, поэтому
следует писать примерно так:
У нас можно приобрести много всякой всячины: конфеты, шоколад, пиво,
мороженое и т._д.
|
Хм… надеюсь, не надо объяснять, что символ «_»
поставлен для наглядности, а не потому что так надо :) К тому же представился
случай рассказать о неразрывном пробеле ( ). Неразрывный пробел, как
и понятно из его названия, не позволяет браузеру «разделить» на
странице соединенную этим пробелом фразу, поэтому наш предыдущий пример в html-коде
лучше всего записать так, чтобы «д.» случайно не оказалась на другой
строке:
У нас можно приобрести много всякой всячины: конфеты, шоколад, пиво,
мороженое и т. д.
|
Такая запись позволит избежать разрыва сокращения «и т. д.».
Также можно использовать (если по-другому никак не получается) для
выравнивания и позиционирования элементов html-страницы, т. к. любое количество
обычных пробелов, следующих друг за другом, браузерами отображается как один
пробел, а каждый неразрывный немного отодвигает при отображении страницы следующие
за ним элементы.
Дефис и тире
Начну с того, что дефис и тире — это разные вещи. Дефис разделяет
между собой части одного слова, а тире — слова в предложении. Дефис не
отделяется пробелами от соседних символов, а длинное тире отделяется.
Веб-дизайн — очень тяжелая работа, она отнимает много сил и энергии. А желудочек у
дизайнера размером с наперсток, вот почему все дизайнеры так любят «Китикет»,
каждая порция которого дает дизайнеру 2–3
тысячи килокалорий…
|
Уф, пример получился глупый, но зато удалось воплотить в нем все виды дефисов
и тире. В html это выглядит так:
Веб-дизайн — очень тяжелая работа, она отнимает много сил и энергии. А желудочек у
дизайнера размером с наперсток, вот почему все дизайнеры так любят «Китикет»,
каждая порция которого дает дизайнеру 2–3
тысячи килокалорий…
|
Пожалуй, стоит немного разъяснить:
- Для дефиса (-) нет html-кода, он ставится клавишей «-», ну эта
которая еще служит как знак вычитания и находится рядом с клавишей «+» :)
Еще раз напомню, что дефис разделяет части сложносоставного слова.
- Длинное тире (—) разделяет слова в предложении и отделяется от
этих слов пробелами. Да, кстати, маленькое домашнее задание: подумайте почему
в примере используется код:
«Веб-дизайн —
очень…»
а не:
«Веб-дизайн — очень…»?
- Короткое тире (–) разделяет числа и само не отделяется от них
пробелами.
С этим тоже вроде разобрались. Думаю, что не так уж и тяжело набрать «—»
вместо нажатия клавиши «-». Знайте, ваши тяжкие муки и страдания
в этом случае не пройдут даром, текст будет более читабелен, да и сайт станет
выглядеть солиднее.
Кавычки
Существует 2 вида кавычек:
- Кавычки-«лапки»:
выглядят: "
html-код: "
- Кавычки-«елочки»:
левая и правая кавычки: « »
html-код: « и » для левой и правой соответственно.
По правилам русской типографии однозначно принято употреблять кавычки-«елочки».
Но в интернете пока безоговорочно властвуют кавычки-«лапки». Почему
бы это? Может потому что для «лапок» есть соответствующая клавиша,
которая прекрасно работает в WYSWYG html-редакторах, а «елочки»
надо перелопачивать вручную. Одним словом, лень победила общепризнанные правила,
неважно, что от этого страдает престиж сайта.
Подождите! Не стоит выбрасывать кавычки-«лапки» на задворки истории!
Если вначале или в конце цитаты встречаются внутренние и внешние кавычки, то
они должны визуально различаться:
Один сетевой графоман недавно написал редчайший бред:
«Веб-дизайн —
очень тяжелая работа, она отнимает много сил и энергии. А желудочек у
дизайнера размером с наперсток, вот почему все дизайнеры так любят
"Китикет"».
|
Разное
Ну и напоследок еще несколько известных мне правил:
- В конце заголовков точка не ставится, но если там стоят другие знаки препинания,
то они сохраняются.
- Многоточие обозначается не тремя точками, а кодом … Мелочь, конечно, но все-таки…
- Не стоит писать «Вы», «Ваш» и т. п. Такие обращения
используются в переписке, вряд ли сайт может сойти за личную переписку. Так
что подобные вещи выглядят довольно смешно. Лучше пишите «вы»,
«ваш»…
- Знаки copyright и registered — это не буквы «с» и «r»
в скобках, а коды © и ® соответственно.
Вот, пожалуй, и все. Тем, кто заинтересовался этой темой, советую просмотреть приведенные ниже ссылки. Думаю пригодится :)
Другие мои (и не только) статьи на компьютерную тематику можно прочитать на сайте
www.ComputerLibrary.info,
на форуме можно обсудить различные вопросы и
проблемы, связанные с компьютерами, а здесь подписаться на мои почтовые рассылки.
Рекомендуемые ссылки:
Статья «Тире, минус и дефис, или Черты русской типографики» В статье подробно рассматриваются различия между тире и дефисом, а также дается описание случаев применения каждого из этих знаков пунктуации.
Статья «Как это пишется в Интернете» Статья посвящена проблемам орфографии и правильного написания новых для русского языка слов, пришедших к нам вместе с компьютерами и интернетом.
Программа «Автотипографика»
Программа автоматически форматирует текст
для веб-публикации, расставляя неразрывные пробелы, кавычки, тире, теги переноса строк и
абзацев и удаляя лишние пробелы.
Дополнительные фильтры позволяют транслитерировать
текст и конвертировать некоторые
символы Windows в набор ASCII.
|