Разрезание и склейка изображений

       Разрезание изображения на фрагменты с последующим их объединением в одну целую картинку — давний прием, вошедший в арсенал верстки веб-страниц. Предварительно подготовленный рисунок разрезают на части в графическом редакторе, сохраняют их как отдельные графические изображения, а затем соединяют их вместе с помощью таблицы.   >>>

 JavaScript — это просто. Ответы на вопросы читателей

       После статьи про JavaScript (КГ №42-43, 2005 г.) мной было получено (и вопросы все еще поступают) огромное количество писем от читателей. В данном материале я попытаюсь ответить на интересующие вас вопросы.   >>>

 Выравнивание элементов

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

 Макет из трех колонок

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

 Макет из двух колонок

       Двухколонная модульная сетка достаточно часто применяется на сайтах, при этом, как правило, в одной колонке располагается основной материал (текст статьи, например), а во второй — ссылки на разделы сайта и другая информация. Для создания подобного макета таблицы достаточно удобны — каждая ячейка выступает в качестве отдельной колонки, что позволяет легко регулировать различные параметры отображения документа.  >>>

 Особенности таблиц

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

 Photoshop для веб-мастера

       Принято считать, что Photoshop для веб-мастера — такой же незаменимый инструмент, как топор — для дровосека. Ни в одной другой программе нельзя так быстро нарисовать кнопки, стрелки, баннеры и прочие графические элементы интернет-сайта. И даже саму веб-страницу можно тоже сделать в Photoshop. Причем для ее создания вам не нужно знать язык HTML и, уж тем более, быть программистом. Широчайшие возможности программы дают возможность каждому попробовать себя в роли веб-мастера.   >>>

 Преимущества и недостатки таблиц

       Табличная верстка нынче совсем не в почете. Буквально на каждом углу кричат, что надо переходить к верстке с помощью слоев, потому что это соответствует стандартам, правильнее и вообще «прикольно». Почему слои лучше таблиц обычно не сообщают, так что приходится либо верить на слово, либо решать дилемму самостоятельно. Поэтому попытаемся объективно решить, что же представляют собой таблицы, где их следует применять, а где не стоит. Сразу следует оговорить, что спор вокруг таблиц происходит только в том случае, когда они используются для верстки. Если дело касается хранения табличных данных, то не возникает сомнений, что таблицы именно для этой цели и предназначены.   >>>

 Фоновые рисунки

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

 Изображение на всю ширину макета

       Известно, что ширина окна браузера варьируется в довольно сильных пределах, поэтому подгадать под нее не представляется возможным. Установить рисунок на всю ширину можно лишь в том случае, когда применяется фиксированный макет. Ширина при этом четко задана, и сделать рисунок требуемого размера достаточно просто. Следует уточнить, что речь здесь идет не о ширине веб-страницы как таковой, а лишь о ширине макета, в который вписывается вся информация. Например, на сайте boeing.com применяется именно такой подход (рис. 1) и суммарная ширина изображений не превышает заданную величину.   >>>

На следующей странице:

• Изображения в тексте
  
• Модульные сетки
  
• Java Script — это просто. Часть 2
  
• Задачи верстки
  
• Особенности верстки веб-страниц
  
• Java Script — это просто. Часть 1
  
• Волшебные кавычки
  
• Строки таблицы
  
• Интервью с CTO Lucasfilm и ILM Клиффом Плюмером: роль цифровых технологий в индустрии кино и игр
  
• Создание flash-анимации при помощи программы SwishMAX