• Страница 1 из 1
  • 1
Модератор форума: Dimitro, LightInDarkness  
Форум » Web раздел » Web форум » Несколько советов начинающим (и не очень) сайтоделам
Несколько советов начинающим (и не очень) сайтоделам
TheChosenOne
FUS RO DAH
В этой теме я хочу вам рассказать о нескольких вещах которые могут упростить создание сайта и добиться его правильного отображения в браузере, так же я вам хочу показать чего не стоит делать при создании сайта, в частности на примерах из этого раздела.

Перед прочтением этой темы рекомендую заглянуть сюда, тут вы сможете найти ответы на многие непонятные вещи изложенные тут.

1) Визуальные редакторы.

Да, совсем не обязательно писать сайт в блокноте, можно очень сильно упростить эту задачу используя визуальные редакторы такие как Adobe Dreamweaver.

2) Генераторы макетов.

Не всегда обязательно вручную писать каркас для шаблона, конечно это желательно, но если у вас недостаточно опыта для этого, либо вам просто лень, можно воспользоваться онлайн генератором который находится тут. Для того что бы получить готовый макет достаточно выбрать размеры шапки и низа (футера), ширину и количество колонок (сайдбаров), так же стоит выбрать сброс css стилей от Eric Meyer, о том зачем это нужно вы можете прочитать тут, всё остальное можно не трогать.

3) Цвета

Почему важно правильно подбирать цвета для будущего сайта? Рассмотрим простой и наглядный пример, сайт из соседней темы:



Приятно видеть такой сайт? А теперь подумайте что вы перешли на такой сайт из топа серверов в надежде поиграть, а тут скачут, бегают ещё и красный текст на черном фоне, куда первым делом потянется ваш курсор? Правильно - в сторону выхода. Не стоит брать слишком яркие цвета , тем более, когда их на странице много и находится это поверх темного фона. Для создания сайта можно ограничится 2-3 цветами. В подборе цветовой схемы для сайта может помочь замечательный сервис под названием Kuler, который проживает тут, там вы можете как создать свою схему, так и воспользоваться готовыми, благо их там предостаточно. Не стоит брать для основы яркие и режущие глаза цвета такие как #ff0000 либо #1100ff, куда приятнее будет выглядеть #a3c2ff, либо #d65353.

4) Валидаторы.

Для проверки вашего HTML и CSS кода на правильность воспользуйтесь валидаторами: HTML, CSS
ВНИМАНИЕ: перед проверкой CSS выберите профиль соответствующий вашему документу, например если вы используете свойства CSS3 такие как text-shadow или drop-shadow выбирайте CSS3. Валидный код один из залогов правильного отображения вашего сайта в браузерах.

Чего не следует делать:

1. Нагружать сайт обилием анимаций, баннеров, попапов, разными бегущими строками, текстом который бегает за курсором и прочей мишурой, всё это отпугивает посетителей и увеличивает время загрузки.
2. Использовать шрифты отличные от стандартных, если хотите использовать нестандартные шрифты, то Cufon либо стандартное свойство CSS3 @font-face (статья на эту тему, генератор шрифтов) для вас.

Что следует делать:

1. Сжимайте CSS и javascript, но не забывайте сохранять оригиналы wink
2. Тщательно проверять сайт во всех доступных вам браузерах, хотя бы в самых популярных, если у вас нет такой возможности, то вы можете воспользоваться замечательным сервисом Browsershots, который сделает скриншоты сайта в выбранных вами браузерах.
3. Если у вас достаточно навыков, то можно использовать ajax там где ему самое место, например в статусе серверов либо в статистике сервера, так же не стоит делать таких глупостей как отправка запроса раз в секунду ради того что бы получать свежий аптайм, достаточно просто передавать время запуска и от него высчитывать текущий используя JavaScript



Тема будет периодически обновляться

Если у вас есть какие-нибудь дополнения или исправления, обращайтесь в icq 81шесть790семь, я вас обязательно укажу теме.

Благодарности: RazArt (напомнил про валидаторы, из головы вылетело :)), Nicodinus (@font-face)
Сообщение # 1 отредактировано TheChosenOne - Вторник, 30.08.2011, 09:26
morric
Рыцарь
Спасибо за инфу.+
Сообщение # 2 написано 30.08.2011 в 01:27
RazArt
Тазовод
Пасиб) узнал о некоторых интересных сервисах!)
DumpMe v1.0 - система автоматического переноса персонажей

Вышла в свет первая стабильная версия. Писать в скайп - razart8
Сообщение # 3 написано 30.08.2011 в 07:59
Nicodinus
Командир
Quote (TheChosenOne)
2. Использовать шрифты отличные от стандартных, если хотите использовать нестандартные шрифты, то Cufon для вас.

Есть ещё @font-face, для простоты преобразований шрифтов был создан специальный сайт
Сообщение # 4 написано 30.08.2011 в 09:19
TheChosenOne
FUS RO DAH
Да, немного забыл про него, добавлю
Сообщение # 5 написано 30.08.2011 в 09:20
GeorgeVL
Капрал
молор автор
МАЙН АКК Driper
Сообщение # 6 написано 01.09.2011 в 13:52
Radds
Сержант
Инфа +100500 отличная вообще!
Сообщение # 7 написано 13.09.2011 в 15:55
saji
спс
Сообщение # 8 написано 26.09.2011 в 05:56
Vladyxxa
Рыцарь
спс за инфу.
Сообщение # 9 написано 16.03.2012 в 03:26
stekpk
Скаут
+
Сообщение # 10 написано 06.04.2012 в 22:42
smails
Рыцарь
TheChosenOne, честно говоря те кто поддерживают 1е два пункта врятли будут замарачиваться на на 4ом. А вообще чистоо мое мнение я всегда был противником таких редакторов. Все с чего-то начинают, в конце концов уже все что нужно для этого дела придумано и остается только немного напрячь мозг, выучить и использовать. Во всяком случае на HTML и Css невероятного склада ум не требуется.
Сообщение # 11 написано 09.06.2012 в 14:50
Physics
Laugh at Life
Спасибо узнал много полезного.
Сообщение # 12 написано 07.10.2012 в 09:17
kionis
L'unione fa la forza
respect автору. Особенно, за онлайн-генератор макетов
Сообщение # 13 написано 07.11.2012 в 20:01
resato
lol, u die
Спасибо за информацию, полезно! smile
Skype: nonsenx
Сообщение # 14 написано 24.11.2012 в 22:08
Grau22
Скаут
Рекомендую еще обратить внимание на соответствующую литературу. Например, скачать книги бесплатно в формате fb2
Сообщение # 15 написано 21.01.2017 в 05:00
Wowfanat1
Скаут
всем спс, ошибка исправлена;)
Сообщение # 16 отредактировано Wowfanat1 - Суббота, 02.02.2019, 00:32
Форум » Web раздел » Web форум » Несколько советов начинающим (и не очень) сайтоделам
  • Страница 1 из 1
  • 1
Поиск: