Практически все что размещено на этом сайте я испоьзую сам для создания web-страниц и полнофункциональных сайтов.
Macromedia flash - создание движущихся персонажей
Практически любой web-мастер должен уметь пользоваться этой програмой
поскольку многие графические элементы сайтов делаются с помощью этой прогаммы
(баннеры,фон,движущиеся элементы сайта и т.д)
Будем розбирать даную прогамму поэтапно .
наследующей страничке нашего сайта .
Фрагмент из мультика Finile Fantasy - мой любимый мультик, который я вам
рекомендую посмотреть...
переход... Вопросы и ответы - ru.wickipedia.org
Список ресурсов
Наглядные примеры и шаблоны
 Форум для начинающих сайтостроителей где можна
найти ответы на многие вопросы ПО
ДАНОЙ ТЕМЕ
Заходите и спрашивайте !
Одним из наиболее популярных вариантов верстки веб-страниц выступает двухколонный макет, где в левой колонке располагаются ссылки, а в правой колонке — основной контент. Такая схема достаточно традиционна и привычна для пользователей, поэтому также пользуется признанием среди разработчиков (рис. 1).
Рис. 1. Двухколонный макет с навигацией слева
Создание двух колонок происходит с помощью стилевого свойства float с аргументом left, которое применяется для левой колонки. При этом одновременно следует установить отступ слева для правой колонки, значение которого равно ширине левой колонки плюс расстояние между ними (пример 1).
Пример 1. Создание двух колонок
#leftcol { /* Левая колонка */
float: left; /* Обтекание справа */ width: 200px; /* Ширина колонки */ } #rightcol { /* Правая колонка */ margin-left: 225px; /* Отступ слева */ } Приведенный способ создания колонок хорош тем, что ширину первого слоя можно задавать как в пикселах, так и процентах. При этом поменяются только значения параметров width и margin-left (пример 2).
Пример 2. Ширина колонки в процентах
#leftcol { /* Левая колонка */
float: left; /* Обтекание справа */ width: 20%; /* Ширина колонки */ } #rightcol { /* Правая колонка */ margin-left: 21%; /* Отступ слева */ } Окончательный вариант создания макета приведен в примере 3.
Пример 3. Полный листинг <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Байки из склепа</title> <style type="text/css"> body { font-family: Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; /* Отступы для браузера IE */ padding: 0; /* Отступы для браузера Firefox */ } h1 { font-size: 36px; /* Размер шрифта */ font-weight: bold; /* Жирное начертание */ margin: 0; /* Убираем отступы */ color: #fc6; /* Цвет текста */ } h2 { margin-top: 0; /* Убираем отступ сверху */ } #head { /* Верхний блок */ background: #0080c0; /* Цвет фона */ padding: 10px; /* Поля вокруг */ } #menu { /* Левая колонка */ float: left; /* Обтекание справа */ border: 1px solid #333; /* Параметры рамки вокруг */ width: 200px; /* Ширина колонки */ padding: 5px; /* Поля вокруг текста */ margin: 10px 10px 20px 5px; /* Значения отступов */ } #menu div { padding: 2px; /* Поля вокруг ссылок */ } #menu a { display: block; /* Отображать ссылку как блок */ width: 190px; /* Ширина ссылки для браузера IE */ padding: 2px; /* Поля вокруг ссылок */ margin: 1px; /* Отступы вокруг */ font-size: 90%; /* Размер текста */ text-decoration: none; /* Убираем подчеркивание текста */ } #menu a:hover { background: #faf3d2; /* Цвет фона */ border: 1px dashed #634f36; /* Добавление пунктирной рамки */ margin: 0; /* Убираем поля */ } #content { /* Правая колонка */ margin: 10px 5px 20px 225px; /* Значения отступов */ padding: 5px; /* Поля вокруг текста */ border: 1px solid #333; /* Параметры рамки */ } #line { border-bottom: 1px groove #333; /* Линия между ссылками */ } #foot { /* Нижний блок */ background: #333; /* Цвет фона */ padding: 5px; /* Поля вокруг текста */ color: #fff; /* Цвет текста */ clear: both; /* Отменяем обтекание */ } </style> </head> <body> <div id="head">
<h1>текст ссыки</h1> </div> <div id="menu"> <div><a href="link1.html">текст ссыки</a></div> <div><a href="link2.html">текст ссыки</a></div> <div><a href="link3.html">текст ссыки</a></div> <div id="line"></div> <div><a href="link4.html">текст ссыки</a></div> <div><a href="link5.html">текст ссыки</a></div> </div> <div id="content">
<h2>текст</h2> <p>текст</p> <p>текст<p> <p>-текст<br /> - А что такое? <br /> текст</p> </div> <div id="foot">
</div> </body> </html> Партнерки - Украина
Лучшие партнерские программы в Интернете | Лучшие спонсоры для веб ...
Главная > Обзор лучших партнерских программ для веб-мастера .... украинский траф по 2 центов за клик. - траф выкупается для сайта Dosug.Nu ... rusws.ru/partnership/ - Сохранено в кэше - Похожие - Поисковый форум, новости, политика, работа :: Банки Украины ... Сообщений: 3 - Авторов: 3 - Последнее сообщение: 3 мар Информация по банкам Украины, сравнение банков ... Партнерская программа по продаже ссылок. Если вы веб-мастер и хотите заработать ... www.phorum.bizua.com.ua/read.php?... - Сохранено в кэше - Похожие - Партнерская программа - AVA.com.ua Наша партнерская программа предлагает владельцам сайтов существенно улучшить информационное наполнение собственных сайтов а также заработать деньги, ... ava.com.ua/s/partner/ - Сохранено в кэше - Похожие - Заработок и халява Украина / Компьютеры и интернет / Украина / 18v ... Компьютеры и интернет Украина, Заработок и халява Украина, поисковая машина, ... Каталог партнерских программ для веб мастера, лучшие партнерские программы ... mytop-in.net/.../ukraine/.../18.html - Сохранено в кэше - Похожие - Обмен ссылками - Лучшая партнерская программа в Интернете для веб ... Лучшие партнерские программы, партнерская программа, партнерские программы в Интернете, партнерская программа для веб мастеров, самая выгодная партнерская программа, веб мастеру ... ТОЛЬКО хорошие новости и лучшие сайты украины и мира ... www.lutskinvest.com/links.php Партнерские программы: хостинг и регистрация доменов. Партнерская ... Партнерская программа для веб-мастеров и владельцев рассылок: Вы будете получать 30% от ... Компания надежная и работает на российском рынке уже очень долго ... www.emoney.al.ru/.../hosting.htm - - Сервис Украина - Сервис Украина Internet Service Каталог сайтов ... Информация об украинских бесплатных почтовых сервисах. ... Удобный интерфейс управления, есть партнёрская программа для веб-мастеров. ... находятся на независимых серверных пространствах и надежно защищенные от внешних проникновений. ... uaportal.com/Internet/Service/ - Сохранено в кэше - Похожие - Как начать зарабатывать - Партнерская программа Yakaboo Для веб-мастеров предусмотрена комиссия второго уровня. ... В Yakaboo самая надежная доставка в Украине – мы доставляем 365 дней в году, с 10 до 21 каждый ... partner.yakaboo.ua/.../tour.php - Сохранено в кэше - Похожие - Где заработать? Обзор партнерских программ | Offseo.org.ua На этой страничке, я буду выкладывать партнерские программы разных направлений, но только проверенные лично на надежность, стабильность и прибыльность. ... принимают Украину, Россию, Казахстан для остальных ставится трафик бек, выплаты раз в неделю. ... Также получаете 10$ за каждого активного веб мастера. ... offseo.org.ua/?page_id=24 - Сохранено в кэше - Похожие - Партнерские программы - PHP скрипты - Скрипты - WoWeb.ru Создать свой сайт · Программы · Форум веб-мастеров · Каталог сайтов · Обои ... мелодий, картинок, тем, видео, реалтонов для России, Украины и Казахстана. ... www.woweb.ru/load/86 - | Верстка web-страниц
Эластичный и жыдкий макеты трехколоночной верстки
(два в одном).
Создаем разметку на основной странице
content - контейнер;
mainContent - главное содержимое.
secondaryContent - дополнительное содержимое.
<div id="content">
<div id="mainContent">
..............................
</div>
<div id="secondaryContent">
...............................
</div>
</div>
Пишем css.
Втаком гибридном макете ширина устанавливается
в кеглях,а максимальная ширина - в процентах.
# wrapper {
width: 72em;
max-width:100%;
margin:0 auto;
text-align:left;
}
#mainNav {
width:18em;
max-width:23%;
float:left;
}
# content {
width:52em;
max-width:75%;
float:right;
}
#mainContent {
width:32em;
max-width:66%;
float:left;
}
# secondaryContent {
width:18em;
max-width:31%;
float:right;
}
В браузерах ,поддерживающих свойство max-width,
гибридный макет масштабируется относительно размера
шрифта ,никогда не тсановясь шире браузера.
 |
