Первые шаги в сайтостроение
Рассмотрим телевидении в возрасте 15 лет, или кино. В то время, эти средства были примитивными, и достигнув своего пятнадцати летнего возраста, по-прежнему оставались таковыми. Изучить пределы новой технологии, узнать возможности продвинутого сайтостроения - дело увлекательное.
Веб-разработчики в той же точке развития сегодня. Мы пионеры, все еще изучающие границы новой среды. Наши внуки будут, без сомнения, оглядываться на то, что мы делаем, и думать, что это было странное время заблуждений и ошибок. Нам еще многое предстоит обнаружить о том, что Интернет может делать, и как он может быть использован.
Основы продвинутого сайтостроения откроют перед вами новые горизонты получения информации и выражения себя, новые возможности общения и передачи данных и информации, абсолютно иной способ ведения бизнеса и деловых контактов.
Планирование
Если вы планируете ваш сайт правильно, то вы сможете сделать ваш сайт привлекательным и полезным. Ключ для определения области, которая пользуется спросом.
Планирование вашего сайта очень важно, но это то, что многие люди не могут думать. Если вы не сможете планировать свой сайт, прежде чем начать разработку тогда это очень легко сделать напортил. Есть много сайтов в Интернете, которые были созданы без должного планирования. Это достаточно просто выяснить, какие сайты были созданы без должного планирования.
Вы должны придумать и продумать, прежде чем делать что-либо на вашем сайте. Это будет гарантировать, что все на ваш веб-сайт не требуется.
Мозговой штурм
Первым шагом в сайтостроении - использование мозгового штурма. Это первая часть любого процесса продвинутого сайтостроения, а это то, что вам придется потратить время делает. Эти мозгового штурма будет убедиться, что вы остаться на трассе и получить все сделал как хотел.
Исследование
Перед тем, как делать все, что вы кулаком необходимо проверить, что она точна и востребована. Именно поэтому вам нужно сделать исследования. Также потратить некоторое время на изучение конкуренции чтобы узнать, что происходит. Вы, конечно, не надо копировать их сайты слово в слово, но они могут дать вам указания на направление, который вы должны принять.
Карта сайта
Карта сайта является важной частью вашего сайта. Это дает возможность увидеть, как ваш сайт будет подходят друг другу. Он также покажет вам, как поисковые системы будут просматривать ваш сайт. Убедитесь, что вы структуру своего сайта так, чтобы легко ориентироваться. Целом не должно быть более чем за два клика, необходимое для получения в любом месте на сайте.
Содержание
Наиболее важной частью разработки сайта является создание содержания. Содержание Ведь то, что ваши посетители будут пришел. Это жизненно важно, чтобы это содержание имеет высокое качество и интересный. Убедитесь, что вы не просто создаете содержание, которое является пищевая поиска. Вы также должны обеспечить ваши статьи пригодны для потребления человеком.
SEO статьи могут быть записаны на тонкую работу в определенных ключевых слов на ваш сайт. Это позволит улучшить систему поиска рейтинга. Однако ключевые слова должны быть включены естественно. Важно, что они не только фаршированный статей.
Разработка веб-сайта является то, что требует времени. Некоторые люди склонны показывать прямо через разработку и приступить к созданию своего сайта. Вместе с тем важно, чтобы вам потребуется время, чтобы планировать и развивать свой сайт.
Все бизнесу нужен сайт, чтобы выжить. В целях развития вашего сайта планированием не требуется. Если у вас не хватает времени на развитие вашего сайта, то вы можете рассмотреть вопрос о найме экспертов веб дизайна Продвинутые основы сайтостроения.
Пять основных постулатов продвинутого сайтостроения, которые должен знать каждый уважающий себя веб разработчик:
1. Валидный код (соответствие стандартам)
2. Доступный код (хорошо читаемый поисковыми роботами)
3. Семантически правильный код
4. Разделение содержания и представления (использование CSS)
5. Интерактивность - основополагающее отличие Интернет-ресурсов от иных носителей информации и методов ее передачи.
Продвинутые основы сайтостроения для начинающих
Первое важное различие грамотного сайта - это соответствие нормам и правилам создания веб-страниц. Чтобы сделать это, всего лишь надо делать страницы вашего интернет ресурса, которые имеют действительный код, Ваш сайт должен быть доступным, семантически выдержанным, а также не забывать о разделение содержания от представления и не использовать устаревшие теги. Каждый из пяти моментов является частью головоломки, но наличие одной составляющей правильного сайта, не представляет собой законченное решение в плане разработки. Только совокупность всех вышеуказанных моментов приведёт вас к пониманию и достижению верного направления в создании сайтов. Давайте взглянем на каждый из этих пунктов.
1. Валидный код
Большинство промышленных товаров строятся на каких-то стандартах. Хотите купить автомобиль, который не соответствовует правилам дизайна? Хотите приобрести дом, который не соответствует нормам строительства зданий? Или компьютер, который не соответствует нормам безопасности?
Ответы на вопросы очевидны. Также и в сайтостроение. Есть свои правили и законы, несоблюдение которых, не позволит вам разработать правильно функционирующий веб-ресурс.
Нет сомнений: стандарты существуют по определённой причине, и это непрофессионально игнорировать их. Проверка валидности HTML кода страниц в службе проверки W3C должна быть стандартной частью Вашего процесса сайтостроения и достижения качества.
Главное: если ваши страницы были проверены, они должна быть исправлены, в случае обнаружения ошибок.
2. Доступный код
Пока вы не слышали, предоставленные через веб-сайта для чтения с экрана, как JAWS, вы действительно не знаю, насколько трудно сайты могут быть для людей, которые используют вспомогательные устройства. Зачастую, это основа, которая может вызвать проблемы:
1. title Элемент должен содержать описание конкретной страницы, а не только название компании.
2. h1 Элементов на вашей странице должен делать то же самое.
3. Убедитесь, что вы можете перейти на сайт с клавиатуры. Если у вас есть навигации, которая требует, 'OnClick' или 'onhover', не забудьте включить стандартные a href ссылку также.
4. Кроме того, "Выбор и пойти" меня нельзя использовать через чтения с экрана. Если вам необходимо использовать список для навигации, использование отдельного "Go" кнопки "Отправить", чтобы активировать свой выбор.
5. ALT использование текста для всех ваших изображений и Резюме для вашей таблицы. Сводная таблица очень похожа на Alt текста для ваших изображений. Используйте его для описания таблицы для тех, кто не видит, а не к настоящему подсказка для тех, кто может. Подсказки стиль замечания должны быть использованы в заголовок для изображений (и другие элементы) и заголовок таблицы. Хотя мы по вопросу о таблицах, убедитесь, что вы используете th элементы, как экран читатели могут перемещаться этих элементов.
6. Используйте высокие цветы отличие от размещения другими нарушениями зрения.
Основной доступности не сложно достичь, но может обойтись без некоторых пользователей существенную агонии. Речь идет о хорошей и веб гражданин вносит позитивный вклад в веб-бытия "во всем мире".
3. Семантически правильный код
Это слово получает брошены вокруг много. Но что это значит?
Семантика сделок с отношениями между знаками и символами и значениями, которые они представляют.
Чтобы перевести это на английский язык (X) HTML элементы, которые вы должны описать использование содержания в них содержатся. Ваш (X) HTML разметки должна объяснить самого документа, а не как он выглядит.
Важно также отметить, что закон убывающего плодородия почвы применяется к проверке семантики. Получить несколько самых основных аспектах права, и вы можете значительно улучшить смысла документа. Однако, вы также можете пройти мимо этой точки и часами добиться лишь незначительных изменений!
Какие виды вещей вы должны искать?
1. title Элемента. Опишите конкретные страницы, скорее, используя те же названия для сайта в целом.
2. h1 к h6 должна использоваться для "кусок" документ на значимые части. Объявляют тем, что следующие пункты будут рассмотрены.
3. Списки являются отличным способом группе соответствующую информацию. Даже если вы не хотите, чтобы ваша презентация, чтобы выглядеть как список, подумайте о том, что информация соответствует презентации и использования CSS для изменения его внешнего позднее при желании.
4. В случае изображений, используйте ALT объяснить на изображение, чтобы кто-то не видно, и использовать название для подсказки для тех, кто может.
5. Таблицы - любимым каждого! Использование таблиц для разметки, безусловно, из моды (и не без оснований), но таблиц все еще прекрасно подходит для отображения табличных данных. Таблица поможет установить отношения между частями информации, так что не используют плавающие div элементами, если это имеет смысл использовать таблицы!
* Используйте РЕЗЮМЕ объяснить таблицу, чтобы те, кто не может ее увидеть и подпись к объяснить ее тем, кто может.
* thead, tfoot И tbody помочь объяснить части таблицы, а также обеспечить хорошую CSS крючки для последующего стиля.
* Используйте th вместо td передать дополнительные значения заголовка клеток.
6. Группа формы в значимые куски. Использование fieldset legend и поможет не только лиц с ограниченными возможностями, это также большой плюс для тех, не имеющих инвалидности. Использование label на ваш заголовок элемента формы и поможет связать ваш текст с этими элементами.
7. div и span элементами не имеют реального семантического значения, так что использовать их рационально. Я не говорю "не использовать их", но если есть еще один элемент, который объясняет содержание, использовать его вместо!
Семантика само по себе не позволит получить доступ или проверку - они просто часть большой картины. Что семантически правильный код ли предоставить является прочной платформой для использования альтернативных устройств, и теперь и в будущем.
4. Разделение содержания и представления
Что такое разделение содержания от представления действительно означает? В двух словах, оно сообщает, что ваш код содержит нет "разметки презентация": ничего такого, что описывает, как он выглядит. Все "как оно выглядит" инструкции должны быть частью вашего CSS.
Никакие слова не могут описать значение этого любой более четко, чем можно рабочий пример, таким образом, родился CSS Zen Garden. Изучить некоторые из конструкций, а также иметь в виду, что вы смотрите на точно такой же документ XHTML все это время.
Помимо всех прекрасно веские аргументы об экономии полосы пропускания, быстрое время загрузки и повышение доступности, подумайте, сколько простая работа будет Ваш следующий раз, когда клиент требует модернизации. Нет более повторного кодирования на весь сайт!
Еще одним преимуществом для разделения содержания от представления пояснил Дуг Боуман, который обсуждал свой опыт работы с редизайн Blogger. Однажды он, и команда Blogger развития согласовали основные структуры XHTML, он может работать доработать дизайн через CSS файл, не мешая работе развитие команды. Дизайнеры и разработчики могут работать на месте независимо и одновременно - еще одной веской причиной, чтобы сохранить содержание и форму представления отдельной.
5. Интерактивность
Конечно, CMS может быть в том, как для некоторых, но если это в ваших силах, чтобы отделить содержание и форма представления, практические выгоды значительно перевешивают первоначального обучения.
Принятие этих пяти основных столпов развития веб основном матовый принятия наилучшей практики. Если взять вашу работу серьезно, где вы должны быть.
Продвинутые основы сайтостроения
Видео Курс "PHP за две недели"
