Советы начинающему web-мастеру

Информация, представленная в этой статье ориентирована в первую очередь для начинающих web-мастеров.

На двух страницах.  Страница 1.  На следующую >>>

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

Итак, Вы приняли решение верстать свой собственный сайт и имеете чёткое намерение воплотить свои мысли и теоретические разработки в жизнь. Честь Вам и хвала!
Естественно, самому, в одиночку, без помощи извне, это делать не очень удобно и несколько сложновато.

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

Когда Вы начнёте работать по какому-либо из его курсов, возможно Вам пригодятся мои советы, чтобы максимально облегчить обучение и ускорить процесс создания сайта. Постараюсь излагать коротко, чётко и понятно.


В начале обучения Вам понадобится:

  1. Таблица основных тегов html. Её смотрите здесь
  2. Элементы для создания таблиц. Смотрите здесь
  3. Таблица безопасных цветов для сайта. Открыть окно для просмотра можно здесь
  4. Для работы с «колером» есть ещё просто волшебная программка, возможности которой Вы можете оценить по достоинству, скачав её здесь (361 кб)

Я выбрал эти материалы, немного отредактировал их для удобства восприятия и предоставляю Вам.

Есть смысл распечатать некоторые из этих документов и иметь всегда «под рукой» на своём рабочем столе. Итак, удачи Вам!


Оформление страниц

  1. Пропускная способность Интернет-соединений не безгранична и чем меньше места будет занимать ваша страница, тем быстрее она будет загружаться. Размер каждой загружаемой страницы не должен превышать 30 кб. Если ваша страница требует длительной загрузки, предупредите об этом посетителей. Для ускорения загрузки страниц применяйте в изображениях теги height, width, alt.
  2. Не стоит злоупотреблять графикой в оформлении web-страниц. Всё хорошо в меру. Избегайте крупных изображений и апплетов, они долго грузятся, а также пестрых, многоэлементных фоновых изображений: они сильно затрудняют чтение страниц.
  3. Составляйте крупные изображения из более мелких. Несколько маленьких картинок загружаются значительно быстрее, чем одна большая. По общепринятым нормам баннер размером 468х60 рiх (пикселей) не должен превышать 15-20 кб.

Оформление ссылок:

  1. Регулярно проверяйте свои ссылки на работоспособность. Старайтесь умеренно использовать редирект (автоматическое или добровольное перенаправление пользователя на другой ресурс). Не делайте это единственной целью своего сайта.
  2. Не пишите ничего в статусной строке, пользователю хочется знать куда он попадет после нажатия на ссылку.
  3. Прописывайте в «style» или файле «CSS» цвета ссылок, так они выглядят привлекательнее.

Таблицы и изображения

  1. Пользуйтесь таблицами - это самый эффективный способ оформления, особенно для изображений, сопровождаемых текстом.
  2. Если на изображении сотни цветов или оно имеет фотографическое качество пользуйтесь форматом JPEG. Он обеспечивает меньший размер файла для таких изображений, позволяет существенно снижать размер картинок без видимой потери качества. Если же это изображения с крупными монотонными областями или текстом, пользуйтесь форматом GIF, так как JPEG пачкает цвета и смазывает текст.
  3. Не размещайте на своей страничке массу огромных картинок. Если загрузка вашей странички занимает по полчаса, то многие просто ее не увидят - у них не хватит времени дождаться окончания загрузки.

CSS

Если на вашем сайте слишком объёмный файл стилей (style.css) и Вам становится сложно в нём ориентироваться, можно проделать следующее:

  1. Разделить его на несколько частей по категориям, например, style.css, style1.css, style2.css, style3.css. В одной части - стили на таблицы и рамки, во второй - на изображения и ссылки, в третьей - на абзацы и списки и т.д.
  2. При таком раскладе в первой части файла (style.css), разделенных Вами стилей, которая подгружается с помощью кода <link rel="stylesheet" type="text/css" href="style.css">, нужно сделать записи:
    @import url("style1.css");
    @import url("style2.css");
    @import url("style3.css");

    Эти строки нужно вставлять в самом верху документа style.css. Количество таких записей зависит от того, на сколько частей Вы разделили свой основной файл стилей. C помощью этих записей файл стилей будет собран из отдельных документов, а Вам в этих отдельных файлах будет удобнее находить то, что нужно.

Выбор и регистрация хостинга и домена

Хостинг «Джино»

Принимая решение о создании собственного сайта, одним из главных пунктов программы этого направления является выбор места для размещения вашего ресурса в Интернете или ХОСТИНГА. Как правильно выбрать хостинг и зарегистрировать домен?

Читать подробнее>>>


Как сделать скриншот?

Очень часто у пользователей компьютера возникает желание сохранить изображение, которое в данный момент находится на экране монитора, иными словами, сделать скриншот с экрана монитора.

Читать подробнее>>>


Звук на web-странице

  1. Многие считают, что очень не желательно делать проигрывание музыкальных файлов, когда посетитель заходит на ваш сайт, что это плохой тон в области web-строительства.
  2. Автоматический запуск музыки может быть оправдан только в случае, если человек заходит на специальную страницу, например, с радио, или с плеером. Так, что мы с вами рассматриваем установку плеера только в тех местах, где музыка уместна, например, в поздравительных открытках, web-страницах-поздравлениях с праздниками и различными датами.

Читать подробнее>>>


Удаление баннеров вымогателей-блокеров с рабочего стола, разблокировка Windows

важно

Однажды, включив свой ПК, Вы видите на рабочем столе рекламный модуль, п#рн#-баннер или другой инфобаннер-вымогатель, который закрывает часть экрана. Вирусная эпидемия баннеров, закрывающих собой рабочий стол и требующая отправить СМС, захлестнула рунет.

Читать подробнее>>>


Как отключить проверку подлинности Windows XP?

важно

Борьба с нелицензионными Windows началась уже достаточно давно. Одним из методов этой борьбы является утилита, называющаяся Windows Genuine Advantage  (WGA), которая устанавливается на компьютер при приёме плановых обновлений от Windows Update. Это значит, что каждый компьютер, на котором задействовано автообновление получит эту специальную подпрограмму, которая будет проверять компьютер, а затем оповещать пользователя о том, что установленная на его ПК система нелицензионная.

Читать подробнее>>>



На двух страницах.  Конец страницы 1.  На следующую >>>


Ваше мнение по материалу, изложенному на сайте




  © 2015–2024  dynamic-site.olerant.ru  L.M. Служба поддержки Яндекс.Метрика