|
|
Модератор форума: Dimitro, LightInDarkness |
Форум Web раздел Web форум Несколько советов начинающим (и не очень) сайтоделам |
Несколько советов начинающим (и не очень) сайтоделам |
В этой теме я хочу вам рассказать о нескольких вещах которые могут упростить создание сайта и добиться его правильного отображения в браузере, так же я вам хочу показать чего не стоит делать при создании сайта, в частности на примерах из этого раздела.
Перед прочтением этой темы рекомендую заглянуть сюда, тут вы сможете найти ответы на многие непонятные вещи изложенные тут. 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, но не забывайте сохранять оригиналы 2. Тщательно проверять сайт во всех доступных вам браузерах, хотя бы в самых популярных, если у вас нет такой возможности, то вы можете воспользоваться замечательным сервисом Browsershots, который сделает скриншоты сайта в выбранных вами браузерах. 3. Если у вас достаточно навыков, то можно использовать ajax там где ему самое место, например в статусе серверов либо в статистике сервера, так же не стоит делать таких глупостей как отправка запроса раз в секунду ради того что бы получать свежий аптайм, достаточно просто передавать время запуска и от него высчитывать текущий используя JavaScript Тема будет периодически обновляться Если у вас есть какие-нибудь дополнения или исправления, обращайтесь в icq 81шесть790семь, я вас обязательно укажу теме. Благодарности: RazArt (напомнил про валидаторы, из головы вылетело :)), Nicodinus (@font-face) |
Инфа +100500 отличная вообще!
Сообщение # 7 написано 13.09.2011 в 15:55
|
TheChosenOne, честно говоря те кто поддерживают 1е два пункта врятли будут замарачиваться на на 4ом. А вообще чистоо мое мнение я всегда был противником таких редакторов. Все с чего-то начинают, в конце концов уже все что нужно для этого дела придумано и остается только немного напрячь мозг, выучить и использовать. Во всяком случае на HTML и Css невероятного склада ум не требуется.
Сообщение # 11 написано 09.06.2012 в 14:50
|
Рекомендую еще обратить внимание на соответствующую литературу. Например, скачать книги бесплатно в формате fb2
Сообщение # 15 написано 21.01.2017 в 05:00
|
영암출장마사지? ∼카톡op399 ∼영암출장안전만남 ∼ 영암조건만남 ∼영암안마/남자천국 영암무한샷
영암출장마사지? ∼카톡op399 ∼영암출장안전만남 ∼ 영암조건만남 ∼영암안마/남자천국 영암무한샷 영암출장마사지? ∼카톡op399 ∼영암출장안전만남 ∼ 영암조건만남 ∼영암안마/남자천국 영암무한샷 영암출장마사지? ∼카톡op399 ∼영암출장안전만남 ∼ 영암조건만남 ∼영암안마/남자천국 영암무한샷 Добавлено (02.06.2023, 13:10)
Сообщение # 19 написано 02.06.2023 в 13:10
|
| |||
| |||