Якущенко Игорь, веб-дизайнер. Создание веб-сайтов, 2D, 3D и вект

[index.html] Библиотека . Сайты «Верстка сайта» Правила грамотной верстки сайтов . Вот некоторые моменты, которые необходимо знать. Кстати, не только при верстке сайта… Первое что вам нужно сделать перед прочтением этой статьи и понять, нужна ли вам она, сходите-ка на http://w3c.org и проверьте ваш код на валидность. А там и так все понятно будет. Пробел Пробел используется для разделения слов в тексте. Также пробелом отделяется слово со знаком препинания от следующего за ним слова, поэтому следует писать так: При изготовлении этого продукта использовались последние технологии,_т._е. качество изделия очевидно. Символ «_» является наглядным отображнием пробела. Неразрывный пробел ( &nbsр; ), не позволяет браузеру «разорвать» на странице соединенную этим пробелом фразу, поэтому наш предыдущий пример в HTML -коде нужно записать так, чтобы «д.» не оказалась на другой строке при «сжатии» страницы по бокам: Пассажирский самолет состоит примерно из 6 миллионов деталей: винты и гайки, огромные лопасти турбин и шасси, детали корпуса и т. д. Это позволит избежать разрыва сокращения «и т. д.». Также &nbsр; используют для выравнивания и позиционирования элементов HTML -страницы, т. к. любое количество обычных пробелов, следующих друг за другом, браузерами отображается как один пробел, а каждый неразрывный отодвигает при отображении страницы следующие за ним элементы. Дефис и тире Во-первых, дефис и тире — это два абсолютно разных символа. Дефис разделяет между собой части одного слова, а тире — слова в предложении. Дефис не отделяется пробелами от соседних символов, а длинное тире отделяется. Каждый веб-сайт — это своего рода уникальный котейнер информации, хоть и написаны они все на одном языке. Поэтому каждый сложный сайт заслуживает «поклонa», ведь над ним столько трудились, чтобы вам было удобно и приятно им пользоваться… В HTML это выглядит так: [. . . Каждый веб-сайт &nbsр;&mdаsh; это своего рода уникальный котейнер информации, хоть и написаны они все на одном языке. Поэтому каждый сложный сайт заслуживает &lаquo; поклона &rаquo; , ведь над ним столько трудились, чтобы вам было удобно и приятно им пользоваться &hеllip; . . .] Итак, подведем итоги: Для дефиса (-) нет html-кода, он ставится клавишей «-», которая еще служит как знак вычитания и находится рядом с клавишей «+». Еще раз напомню, что дефис разделяет части сложносоставного слова. Длинное тире (—) разделяет слова в предложении и отделяется от этих слов пробелами. Да, кстати, маленькое домашнее задание: посмотрите HTML -код этой страницы и подумайте, почему в примере используется код: «Веб-дизайн — очень…» а не: «Веб-дизайн — очень…»? Короткое тире (–) разделяет числа и само не отделяется от них пробелами. С этим тоже вроде разобрались. Думаю, что не так уж и тяжело набрать «—» вместо нажатия клавиши «-». Знайте, ваши тяжкие муки и страдания в этом случае не пройдут даром, текст будет более читабелен, да и сайт станет выглядеть солиднее. Кавычки Существует 2 вида кавычек: кавычки-«лапки». Выглядят так: “ и ” HTML -код: &ldquо; и &rdquо; кавычки-«елочки». Выглядят так: « и » HTML -код: &lаquo; и &rаquo; . По правилам русской типографии однозначно принято употреблять кавычки-«елочки». Но, к великому сожалению, в Интернете пока безоговорочно властвуют кавычки-«лапки». Почему? А потому что 50% не знают, что для «лапок» есть соответствующий HTML -код, который так лень каждый раз вводить, а еще 50% работающих в WYSIWYG html-редакторах уверены что клавиша «"» прекрасно выполняет свою функцию. Одним словом, лень победила общепризнанные правила, неважно, что от этого страдает престиж сайта и культура нашего с вами языка. СТОП! Стоит помнить, что если вначале или в конце цитаты встречаются внутренние и внешние кавычки, то они должны визуально различаться: Один сетевой графоман как-то написал редчайший флуд: «Каждый веб-сайт — это своего рода уникальный котейнер информации, хоть и написаны они все на одном языке. Поэтому каждый сложный сайт заслуживает “поклонa”» Разное Ну и напоследок еще несколько не менее важных правил: В конце заголовка точка не ставится, но если там стоят другие знаки препинания, то она сохраняется. Многоточие не обозначается тремя точками (...), а кодом &hеllip; Мелочь, конечно, но истинная прелесть заключается в маленьких деталях :) Не пишите «Вы», «Ваш» и т. п. Такие обращения используются только в личной переписке с глубокоуважаемым человеком, вряд ли сайт может сойти за личную переписку с вами, уважаемый читатель. Подобные вещи выглядят довольно потешно. Знаки copyright и registered — это не буквы «с» и «r» в скобках, а коды &cоpy; и &rеg; соответственно. Не указывайте денежные знаки перед числовым значением. Попробуем прочитать следующее предложение: «На столике лежало $100.» В звуковом варианте это звучало бы как: «На столике лежало долларов 100.» Получается, что на столе лежало примерно 100 долларов. Выводы делаем сами. Постскриптум : «Для тех, кто считает, что если компания Google употребляет денежный знак доллара перед числовым значением и, значит, автор статьи — откровенный лжец, советую не морочить себе голову критикой этой статьи, а просто сходить в ближайшую библиотеку и попросить у доблестного библиотекаря книгу «Грамматика русского языка». Остальные статьи 2001–2006г.г. Якущенко Игорь. Портфолио. Все права не защищены. Резюме . Контактная информация . Отослать сообщение .