рефераты конспекты курсовые дипломные лекции шпоры

Реферат Курсовая Конспект

Тема Дизайн Web-страниц c помощью CSS

Тема Дизайн Web-страниц c помощью CSS - раздел Полиграфия, Лабораторная Работа №4 ...

Лабораторная работа №4

Тема «Дизайн Web-страниц c помощью CSS»

 

Цель:

1) научиться использовать свойства стилей для дизайна и верстки Web-страниц

2) выработать навык эстетического оформления web-документа.

 

Теоретическая часть

CSS-свойства: оформление таблиц

 

Таблицы

Свойства CSS могут применяться к таблицам, их строкам и ячейкам для за­дания свойств текста и шрифта, управления фоном, полями, границами,… Создадим таблицу и применим к ней CSS -стили. В таблицу внесем данные о… тег <th>...</th>.

ГодБраузер IE Firefox Safari Opera

2009 69.13% 22.67% 3.58% 2.18% 2008 77.83% 16.86% 2.65% 1.84% 2007 79.38% 14.35% 4.70% 0.50%

Псевдоклассы

 

Способы привязки правил оформления CSS к элементам документа HTML могут быть: по названию тега, по имени класса, по ID и т.п. В CSS также существует несколько псевдоклассов. С помощью псевдоклассов можно задать стиль в зависимости от состояния элемента или его положения в документе.

Для ссылок определено 4 псевдокласса:

 

link - ссылки, которые не посещались пользователем;

visited - посещенные ссылки;

active - активная (нажатая) ссылка;

hover - ссылка, на которую наведен курсор.

 

Пример:

<html>

<head>

<title>IIpимep</title>

<style>

A:link, A:visited {

color: black;

font-family: Verdana, sans-serif;

text-decoration: none;

}

A:hover {

color: #de7300;

text-decoration: underline;

}

</style>

</head>

<body>

<a href="index.html">Главная</а><br>

<a href="hobby.html">Moe хобби</а><br>

<a href="photo.html">Фотоальбом</а><br>

</body>

</html>

 

Рисунок 4. Пример: меню сайта

 

Позиционирование

С помощью CSS можно точно задать положение элемента на странице. Ре­жимом позиционирования управляет свойство position: <html> <head>

Плавающие элементы

По умолчанию блочные элементы идут строго друг под другом. Изменить этот порядок можно сделав элементы «плавающими». Для этого служит CSS атрибут… Создадим пример с несколькими плавающими блоками. Зададим основной контейнер с… <html>

– Конец работы –

Используемые теги: Тема, Дизайн, Web-страниц, помощью, css0.08

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Тема Дизайн Web-страниц c помощью CSS

Что будем делать с полученным материалом:

Если этот материал оказался полезным для Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Еще рефераты, курсовые, дипломные работы на эту тему:

Тема: Обработка событий и изменение свойств объектов на Web-странице
Доступ к свойствам объектов на Web странице с помощью языка JavaScript... Обработка событий на Web странице...

Тема: Размещение списков на Web-странице
Задание списков на Web странице средствами HTML... Нумерованные списки Ненумерованные списки Списки определения...

Знакомство с общими сведениями по изучаемой теме, тем самым происходит погружение в проблему предстоящего проекта
SubjectSimple сабджъектсимпл стоит на следующей ступени по сложности по сравнению с трежахантом здесь так же содержаться ссылки на текстовые и... Webquest веквест от англ интернет проект это самый сложный тип учебных... Знакомство с общими сведениями по изучаемой теме тем самым происходит погружение в проблему предстоящего проекта...

Лексическая тема: По родному краю. Здравницы Казахстана. Грамматическая тема: Односоставные предложения.
Специальность Общая медицина... Кафедра русского языка... Методические рекомендации...

Лексическая тема: По родному краю. Здравницы Казахстана. Грамматическая тема: Функционально-смысловые типы речи.
Специальность Общая медицина... Кафедра русского языка... Методические рекомендации...

Теоретический раздел → Курс лекций → Раздел 1. Информация и информатика. → Тема 1. Понятие информации → Тема 1. Лекция
Сигналы и данные Данные и методы Понятие об информации Кодирование данных двоичным кодом Единицы представления данных Понятия о... Теоретический раздел Курс лекций Раздел...

По произведениям Александра Блока «Моя тема - тема о России»
Тема России является центральной в творчестве поэта. Особенно мощно она начинает звучать в его лирике во время переломных событий начала века.… Обращаясь к этому миру, Блок утверждает: “не может сердце жить покоем, недаром… Доспех тяжел, как перед боем. Теперь твой час настал.

Тема 1. Предмет и система арбитражного процессуального права Тема 2. Арбитражные процессуальные правоотношения и их субъекты
Тема Арбитражные процессуальные правоотношения и их субъекты... Тема Участие публичных образований в арбитражном процессе Представительство... Тема Компетенция арбитражных судов подведомственность и подсудность...

Лексическая тема: Из жизни замечательных людей. Учёные-медики. Грамматическая тема: Типы сложноподчиненных предложений.
Специальность Общая медицина... Кафедра русского языка... Методические рекомендации...

0.043
Хотите получать на электронную почту самые свежие новости?
Education Insider Sample
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Реклама
Соответствующий теме материал
  • Похожее
  • По категориям
  • По работам