bigpo.ru
добавить свой файл
1

Колледж автоматизации и информационных технологий, КАИТ № 20 г. Москва

Аксиомы веб-дизайна

  1. Все файлы сайта должны быть в одной папке.

  2. Имена папок сайта, файлов веб-страниц и картинок и др. элементов сайта должны быть записаны строчными (маленькими) латинскими буквами, без пробелов и точек. Между словами допускается дефис. Расширения должны быть записаны маленькими буквами.

Нельзя

Можно, только так

папка Сайт (или сайт)

папка site

папка Греция (или греция)

папка greece

япония.htm

japan.htm

культура японии.htm

japan-culture.htm

Колизей в Риме.jpg

kolizey-roma.jpg

Parfenon.JPG или PARFENON.JPG

parfenon.jpg

vitraz.sobor.jpg

vitraz-sobor.jpg

  1. Имена файлов должны соответствовать содержанию файлов.

    Нельзя

    Можно, только так

    4f105.gif

    arka.gif

    3_4_25.jpg

    gotika-bazilika.jpg

  2. Имена файлов веб-страниц и картинок не должны быть длинными, желательно = 8 символов или чуть более.

  3. У каждой веб-страницы должен быть свой , который должен соответствовать содержанию веб-страницы.<br /> </ol> <table width=688 cellpadding=7 cellspacing=0> <col width=304> <col width=354> <tr valign=top> <td width=304 bgcolor="#000000"> <br />Нельзя<br /> </td> <td width=354 bgcolor="#000000"> <br />Можно, только так<br /> </td> </tr> <tr valign=top> <td width=304> <br /> Новая страница 1<br /> </td> <td width=354> <br /> Искусство Японии<br /> </td> </tr> </table> <ol start=6> <li><br /> Картинки-фотографии должны быть формата jpg (или png), который поддерживает более 16 млн. цветов. Картинки могут быть форматом gif <a href="/potrb/%D0%93%D0%B4%D0%B5+%D0%B8%D1%81%D1%87%D0%B5%D0%B7%D0%B0%D1%8E%D1%82+%D0%B2%D0%B8%D1%80%D1%82%D1%83%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5+%D0%BC%D0%B8%D1%80%D1%8B%3Fb/main.html">только тогда</a>, когда кол-во цветов на картинке не более 256 (часто это малоцветные изображения из 2-х, 4-х и т.д. цветов).<br /> <li><br /> Картинки формата bmp использовать нельзя!<br /> <li><br /> Разрешение картинок должно быть 72 dpi или 96 dpi. Бóльшее разрешение ведет к увеличению объема файла в кб.<br /> <li><br /> У каждой картинки должен быть альтернативный текст.<br /> <li><br /> Большие по ширине и высоте картинки надо размещать по гиперссылке с картинки-миниатюры.<br /> </ol> <br /> <br /> <br /> <table width=688 cellpadding=7 cellspacing=0> <col width=219> <col width=439> <tr valign=top> <td width=219 bgcolor="#000000"> <br />Нельзя<br /> </td> <td width=439 bgcolor="#000000"> <br />Можно, только так<br /> </td> </tr> <tr valign=top> <td width=219> <br /> Вставить картинку на веб-страницу и там изменять ее ширину и/или высоту.<br /> </td> <td width=439> <br /> Картинку для сайта готовить заранее в Photoshop-e, затем сжать ее информационный объем в Photoshop-e (меню File, Save for Web), и только после этого вставлять на веб-страницу.<br /> </td> </tr> </table> <ol start=10> <li><br /> Позиционирование элементов на веб-страницах надо выполнять только с помощью таблиц (в такой таблице допустимы и пустые ячейки, при необходимости). Недопустимо для этого использовать множественные пробелы или пустые абзацы.<br /> <li><br /> На каждой веб-странице должен быть абзац с копирайтом и адресом e-mail.<br /> </ol> <br /><b>Аксиомы при вводе текста:</b><br /> <ol> <li><br /> Между словами вводится <b>только один</b> пробел.<br /> <li><br /> Пробел вводится всегда <b>после знака препинания</b>, и никогда – перед знаком препинания.<br /> <li><br /> Пробел вводится <b>перед открывающей и после закрывающей</b> кавычки, но никогда – наоборот.<br /> <li><br /> Пробел вводится <b>перед открывающей и после закрывающей</b> скобки, но никогда – наоборот.<br /> <li><br /> Тире между словами <b>с обеих сторон обособляется пробелами</b>, <a href="/potrb/-b/main.html">например</a>, Москва – столица России.<br /> <li><br /> Дефис внутри слова пробелами <b>никогда не обособляется</b>, <a href="/potrb/-b/main.html">например</a>, кое-то или где-нибудь.<br /> <li><br />Точки в заголовках и подзаголовках не ставятся (возьмите любую книгу и проверьте мое утверждение).<br /> <li><br />После набора текста на веб-странице в веб-редакторе его надо скопировать в Word и проверить на отсутствие орфографических и пунктуационных ошибок.<br /> <li><br />При наборе текста в Word его копировать на веб-страницу в веб-редакторе можно только через Блокнот.<br /> </ol> <br /><b>Аксиомы при форматировании шрифта и абзацев:</b><br /> <ol> <li><br /> По правилам компьютерной верстки на одной веб-странице нельзя использовать более двух типов шрифтов. Иное допускается только в исключительных случаях.<br /> <li><br /> В тексте нельзя использовать редкие фигурные шрифты.<br /> <li><br /> Большой текст надо разбивать на абзацы. Количество строк в абзаце не должно быть более 6 – 7.<br /> <li><br /> Ширина массива текста не должна быть более 600 – 700 точек.<br /> <li><br /> В тексте необходимо выделять ключевые слова.<br /> </ol> <br /><b>Аксиомы при написании содержания веб-страницы (текстового контента):</b><br /> <ol> <li><br /> Наличие текстов.<br /> <li><br /> Актуальность и уникальность текстов (стараться писать авторские тексты).<br /> <li><br /> Фактическая полезность текстов.<br /> <li><br /> Отсутствие <a href="/potrb/%D0%98%D1%81%D1%81%D0%BB%D0%B5%D0%B4%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D1%81%D0%BA%D0%B0%D1%8F+%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0+%D0%BF%D0%BE+%D1%80%D1%83%D1%81%D1%81%D0%BA%D0%BE%D0%BC%D1%83+%D1%8F%D0%B7%D1%8B%D0%BA%D1%83+%C2%AB%D0%A4%D0%BE%D1%80%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+%D0%BE%D1%80%D1%84%D0%BE%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D1%85+%D0%BD%D0%B0%D0%B2%D1%8B%D0%BA%D0%BE%D0%B2%C2%BBb/main.html">орфографических</a>, пунктуационных и фактических ошибок.<br /> <li><br /> Доступность изложения, <a href="/potrb/%D0%A2%D0%B5%D0%BA%D1%81%D1%82%D0%BE%D0%B2%D1%8B%D0%B5+%D0%A0%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%BE%D1%80%D1%8Bb/main.html">понятность текстов</a>, занимательность текстов.<br /> </ol> <div> <br /> <br /><br /> <b>© Николаева Вера Александровна, 2010</b> <br /> </div>