Продвинутая CSS-верстка: шаг за шагом

Цена:
10 руб.

Состав работы

material.view.file_icon F524FF0F-A9D6-44EA-8B1C-21EB97AEE12C.zip [ 19 KB ]
material.view.file_icon bestref-5561.doc [ 73 KB ]
Работа представляет собой zip архив с файлами (распаковать онлайн), которые открываются в программах:
  • Microsoft Word

Описание

Продвинутая CSS-верстка: шаг за шагом
Rogelio Vizcaino Lizaola, Andy King
Задача: воспроизвести с помощью CSS основную страницу WebReference. Инструменты: CSS и много свободного времени.
Kwon Ekstrom предложил свою CSS версию главной страницы WebReference. Rogelio Lizaolo улучшил ее. Через несколько месяцев напряженной совместной работы финальный вариант на CSS полностью повторял прежний, табличный. В процессе мы обнаружили массу ошибок в NN и IE и нашли несколько элегантных уловок для их обхода. Ниже следует наша пошаговая инструкция, с помощью которой вы можете повторить наш подвиг.
Вступление
В статье Эволюция домашней странички Andy King бросил вызов читателям, предложив им воспроизвести табличную верстку WebRef с помощью CSS. Kwon Ekstrom предложил решение, которое работало, но только в ограниченном наборе броузеров. После исследования его проекта я нашел в нем некоторые несообразности, которые попытался решить. Несколько месяцев Andy, Kwon и я не покладая рук трудились над дизайном WebRef.
Основной нашей целью было создать CSS разметку, которая бы полностью повторяла табличный дизайн WebReference.com, и прилично бы выглядела при любых размерах окна и шрифта.

Похожие материалы

Университет «Синергия» Основы верстки при помощи html и css (Итоговый тест)
Университет «Синергия» Основы верстки при помощи html и css (Итоговый тест) Московский финансово-промышленный университет «Синергия» Тест оценка ОТЛИЧНО 2025 год Ответы на 30 вопросов Результат – 100 баллов С вопросами вы можете ознакомиться до покупки ВОПРОСЫ: Тема 1. Из чего состоит сайт. Работа с браузером Тема 2. Редакторы кода Тема 3. Что такое HTML Тема 4. Что такое DOM Тема 5. Базовая структура страницы Тема 6. Атрибуты Тема 7. HTML5 Тема 8. Семантическая верстка Тема 9. Работа
Университет «Синергия» Основы верстки при помощи html и css Тесты
User Synergy2098 : 12 января 2025
228 руб.
promo
Первые шаги аттофизики
На исходе прошлого тысячелетия (в 1999 году) Нобелевской премией было отмечено исследование сверхбыстрых химических реакций. Одним из заметных успехов физики в начале нового тысячелетия явился прорыв в генерации ультракоротких импульсов электромагнитного излучения (длительностью менее одной фемтосекунды!), что дало рождение новой области "аттофизике". Прежде чем говорить об аттофизике, разберемся, откуда происходит это название. Приставки нано-, пико-, фемто- и атто- перед названием единицы изме
Физика и энергетика Работа
User Lokard : 10 августа 2013
5 руб.
Шаг к структуре пространства
Как часто мы ошибочно полагаем, что в экспериментах вправе сами задавать координаты системы отсчета измеряемых параметров. Иногда это приводит к печальным последствиям, если полагаем, что лабораторный стол с измерительными приборами находится в начале координат. Подобно тому, как рыбы держатся выше или ниже в зависимости от атмосферного давления, мы должны так же “перемещать” лабораторную систему отсчета, ибо сами находимся в этой среде. Нечто похожее на заре изучения электричества произошло с о
Философия Работа Экзаменационная
User Lokard : 10 августа 2013
10 руб.
Первые шаги в Интернет
«В прежние времена богатство измерялось количеством земли, золота, нефти и машин. Сегодня богатство измеряется информацией – ее качеством, объемом, скоростью, с которой мы ее получаем и усваиваем.» (Ричард С. Бьярд, Гос. Департамент США) Аркадий и Борис Стругацкие в рассказе "Волны гасят ветер" писали "Человечество будет разделено на две неравные части по неизвестному нам параметру, причем меньшая часть форсированно и навсегда обгонит большую". Как вы думаете, какой параметр имели в виду изве
Информатика Работа
User GnobYTEL : 10 ноября 2012
15 руб.
Гребной винт с регулируемым шагом
Сделано в компас 16 Чертеж винта со следующими характеристиками: Техническая характеристика 1. Элементы гребного винта : диаметр D ,м 1,7 шаг Н ,м 1,23 шаговое отношение Н/D 0,83 дисковое отношение Ае/Ао 0,68 число лопастей Zл 4 2. Главные размерения судна: длина L,м
Чертежи Судостроение
User Laguz : 8 февраля 2024
100 руб.
Гребной винт с регулируемым шагом
Первые шаги астрономической оптики
В ночь на 7 января 1610 г. в истории наблюдательной астрономии произошел подлинный переворот: впервые зрительная труба была направлена на небо. В течение нескольких ночей великий Галилей (1564 - 1642) открыл недоступные невооруженному глазу цирки, горные вершины и цепи на Луне, спутники Юпитера, мириады звезд, составляющих Млечный Путь. Несколько позже Галилей наблюдал фазы Венеры и странные образования у Сатурна (что это были знаменитые кольца, стало известно значительно позже, в 1658 г., в рез
Астрономия Работа
User Qiwir : 13 августа 2013
Расчет винта регулируемого шага
Цель: Рассчитать двигательно-движительный комплекс для заданного судна в заданном режиме работы. Выбрать движитель по серийной диаграмме. Построить кривую предельных тяг и упоров. Исходные данные: 1) Судно: Рыбодобывающее обрабатывающее судно типа «Моряна». 2) Главные размерения: Длина между перпендикулярами Ширина судна Осадка судна Коэффициент общей полноты
Проектирование машин, механизмов и систем Работа Расчетная
User GnobYTEL : 16 сентября 2012
20 руб.
Накладной шагомер для проверки окружного шага
Чертеж выполнен в компасе 3D V13 Шагомер состоит из корпуса 1, к которому прикреплены две измерительные губки 8 и 10. Губка 10 прикреплена к движку, вместе с которым она может передвигаться в прорезях стенок корпуса относительно второй губки 8. В нужном положении губка фиксируется винтом 3. Величина передвижения движка определяется по шкале, нанесенной на передней стенке корпуса прибора. Интервал между штрихами этой шкалы равен 3,14мм, что соответствует величине . Губка прибора 8 подвешена на
Приборы и системы. Измерительная техника Чертежи Оренбургский Государственный Университет
User vermux1 : 3 ноября 2017
100 руб.
Накладной шагомер для проверки окружного шага

Другие работы

Вычислительная математика. Курсовая работа. Вариант №5
Задание Напряжение в электрической цепи описывается дифференциальным уравнением с начальным условием: {█(〖 y〗^'=1+3y*sinx-y@y(0)=0.2 ) Написать программу, которая определит количество теплоты, выделяющегося на единичном сопротивлении за единицу времени. Количество теплоты определяется по формуле: Q=∫_0^1▒〖y^2 dt〗 Дифференциальное уравнение решить методом Рунге-Кутта четвертого порядка с точностью 〖10〗^(-4) (для достижения заданной точности использовать метод двойного пересч
ДО СИБГУТИ Работа Курсовая Вычислительная математика
User sibguter : 5 июня 2018
49 руб.
Контрольная работа по Английскому языку (2-й семестр). Вариант 07
Раобота зачтена. Проверил: Алферова Т.А. Задание №1: Перепишите и письменно переведите на русский язык следующие предложения. Помните, что объектный и субъектный инфинитивные обороты соответствуют придаточным предложениям. Задание №2: Перепишите и письменно переведите на русский язык следующие предложения. Обратите внимание на перевод зависимого и независимого (самостоятельного) причастных оборотов. Задание №3: Перепишите и письменно переведите на русский язык следующие словные предложения. Обра
Английский язык Работа Контрольная
User Kozhin2010 : 11 ноября 2014
100 руб.
Тест по дисциплине: История государства и права зарубежных стран
--К каким странам древнего Востока можно отнести понятие «восточная деспотия» Древний Китай, Древний Египет Древний Китай, Древний Египет, Древняя Индия, Финикия, Месопотамия Древний Китай, Месопотамия, Древняя Индия Древний Китай, Древний Египет, Древняя Индия --Периодизация истории Древнего Египта Раннее, Старое, Срединное, Новейшее царство принципат, доминат, империя царский, республиканский, имперский Раннее, Древнее, Среднее, Новое царство --Во главе древнеегипетского государства стоял
История государства и права зарубежных стран Тесты
User IT-STUDHELP : 7 июля 2019
250 руб.
Курсовая работа по дисциплине: Проектирование и эксплуатация сетей связи. Вариант №7
Вариант № 7 Содержание: Введение 1.Разработка структурной схемы ГТС и нумерации АЛ. 1.1 Структурная схема ГТС 1.2 Разработка системы нумерации АЛ на ГТС. 2.Разработка структурной схемы проектируемой РАТС. 2.1 Определение количества и емкости DLU. 2.2 Распределение источников нагрузки на проектируемой РАТС по DLU. 2.3 Структурная схема проектируемой РАТС. 3.Расчет интенсивностей телефонных нагрузок. 3.1 Расчет исходящей нагрузки 3.2 Расчет интенсивностей нагрузок между РАТС. 3.3 Расчет входя
Проектирование и эксплуатация сетей связи Работа Курсовая
User IT-STUDHELP : 30 апреля 2021
800 руб.
promo
up Наверх