Совет 1: Как сделать резиновую шапку

Верхняя часть сайта, которая еще называется шапкой, обычно отражает тематику ресурса и может содержать панель навигации. Если шапка сайта имеет определенную ширину, то на экранах пользователей, имеющих разное разрешение, эта часть сайта будет выглядеть по-разному. Для того, чтобы шапка сайта на любом экране выглядела одинаково, необходимо некоторые ее участки сделать растягивающимися или сжимающимися в зависимости от размеров экрана. Такую резиновую шапку можно сделать, отказавшись от фиксации ее ширины в пикселях.
Вам понадобится
  • - иметь собственный сайт
Инструкция
1
Чтобы сделать резиновую шапку, сначала нарисуйте ее в фотошопе. Затем отделите 3 части картинки: 2 боковых и середину. Эти части должны быть шириной примерно в 10-20 пикселей и высотой в нужную высоту шапки. Сохраните каждый элемент так, чтобы у вас получилось 3 разных файла: 1.gif, 2.gif, 3.gif. Залейте эти изображения на сайт.
2
Затем создайте таблицу, в которой будут помещаться элементы верхней части сайта. Для этого в HTML-коде напишите:
<table cellspacing="0" cellpadding="0" width="100%">
</table>Таблица с шириной 100% будет растягиваться или сжиматься в зависимости от размеров экрана пользователя.
3
Сделайте в таблице строку, в ячейке которой разместите левую часть шапки сайта 1.gif:
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="20">
<img src="images/1.gif" width="20" height="80" border="0">
</td>
</tr>
</table>
4
Создайте среднюю часть шапки сайта, состоящую из повторяющейся картинки 2.gif. Для этого в CSS-коде сделайте такую запись:
.header{background-image:url('images/2.gif');}
5
Теперь в строке таблицы создайте еще одну ячейку и поместите в нее средний элемент верхней части сайта, указав на его название header в CSS-коде:
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="20">
<img src="images/1.gif" width="20" height="80" border="0">
</td>
<td class="header">
<h1>Название сайта
6
Создав третью ячейку в строке таблицы, расположите в этой ячейке правую часть шапки сайта 3.gif:
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="20">
<img src="images/1.gif" width="20" height="80" border="0">
</td>
<td class="header">
<h1>Название сайта</h1>
</td>
<td width="30">
<img src="images/3.gif" width="30" height="80" border="0">
</td>
</tr>
</table>

Совет 2: Как сделать резиновую шапку для сайта

При создании сайта в интернете одним из наиболее важных моментов, которые должен учесть разработчик, является его функциональность, универсальность и быстродействие. Для того чтобы сайт полноценно и правильно отображался в любом браузере на компьютерах с самым разным разрешением экрана, вы можете создать удобную «резиновую» шапку, состоящую из нескольких графических элементов.
Инструкция
1
На первом этапе создания такой шапки для веб-сайта откройте в Фотошопе изображение, которое вы уже заранее подготовили для размещения в сети, и затем разрежьте его на части, используя инструмент Slice Tool на панели инструментов. Разрежьте шапку так, чтобы центральная ее часть была пустой, и чтобы в итоге у вас получилось три графических элемента. Это позволит шапке растягиваться под любое разрешение экрана.
2
После того, как вы разрежете шапку, сохраните ее, оптимизируя файлы при сохранении для веб-формата (Save for web). Установите нужный формат файла для сохранения – например, gif, jpeg или png. Для изменения каждого фрагмента изображения кликните в меню на опцию Slice Select Tool и измените картинки так, чтобы их размер был как можно меньше при наименьших потерях в качестве визуального отображения рисунка на экране. Сохраните отредактированные картинки как html и images.
3
После того как картинки будут сохранены, отредактируйте HTML-код, открыв сохраненный html-документ с помощью Блокнота. В блокноте сотрите все ненужные строки кода. Оставьте только необходимые строки – данные о таблице, в которую встроены ваши картинки:
<table id=”table_01” width=”100%” height=”200” border=”0” cellpadding=”0” cellspacing=”0”>
<tr>
<td>
<img src=”images/yourimage.gif” width=” “ height= “ “ alt = “ “></td>
<td style=”background image: url(адрес картинки);” width= “ “ height= “ “ alt= “ “></td><td><img src=”images/yourimage.gif” width=” “ height= “ “ alt = “ “></td>
</tr>
</table>
4
В данных строках вместо yourimage.gif должен быть указан путь к вашим изображениям с соответствующей шириной и высотой.
5
Для того чтобы средняя часть изображения растягивалась, разводя крайние изображения по сторонам, пропишите соответствующие атрибуты кода в строках. Все параметры ширины и высоты в коде указывайте свои собственные.
6
Загрузите созданные картинки для шапки в корневой каталог своего сайта, а затем отредактируйте HTML-код, указав новые пути к изображениям шапки на сервере. Вставьте код шапки между тегами <body></body>.
Видео по теме

Совет 3: Как сделать флеш-шапку

Сайты в качестве шапки используют анимационные картинки. Чтобы разместить подобную флеш-шапку на свой ресурс, не нужно быть опытным программистом или веб-дизайнером, достаточно знать основы. Выполнить данную операцию можно несколькими способами.
Инструкция
1
Выберите анимационную картинку, которую хотите поместить в шапку сайта. Ее размер должен быть примерно 150 пикселей в высоту и 900 пикселей в ширину. Параметры могут отличаться в зависимости от ширины сайта и его дизайна.
2
Если вы не нашли подходящего флеш-изображения, но обладаете общей идеей, то можете попробовать создать анимацию самостоятельно. Для этого можно воспользоваться одной из специальных программ, к примеру, приложением Sothink SWF Easy, которое удобно в использовании и понятно даже новичкам. В результате у вас должен получиться файл с картинкой с расширением swf.
3
Создайте альтернативную статическую картинку с расширением jpg, gif или png и такими же размерами, как у флеш-изображения. Поместите оба файла в папку /images/stories вашего сайта.
4
Откройте код файла index.php. Создайте блок < div id=«header» > < /div > и вставьте в него ссылки на созданные изображения для создания флеш-шапки. Создайте параметры DIV в файле таблиц стилей template.css, указав ширину и высоту изображения. В результате флеш-картинка будет выводиться в шапке сайта на всех страницах, а если в браузере будет отключен показ flash, то будет отображаться статическая картинка.
5
Воспользуйтесь Joomla расширением The Flash Module для создания флеш-шапки сайта. Данный модуль позволяет легко и просто внедрять флеш-картинки на сайт и создавать альтернативные изображения. Установите The Flash Module и запустите его в режиме редактирования.
6
Откройте строку «File Path» и укажите ссылку на папку, в которой сохранена анимация. Отметьте название картинки в строке «Filename» и укажите ее размеры. Откройте дополнительные параметры и укажите расположение альтернативной картинки. Для особого оформления можно воспользоваться таблицами модуля CSS. Сохраните редактирование и опубликуйте флеш-шапку на сайт.

Совет 4: Как использовать дрожжевые маски для волос

Без правильного ухода волосы становятся сухими, тусклыми, блеклыми и начинают выпадать. Шампуня и бальзама для них недостаточно. Для шевелюры нужно полноценное питание, которое включает витамины, микро- и макроэлементы, а также другие активные вещества, поступающие изнутри (с пищей) и снаружи - в виде масок для волос. Замечательное воздействие на шевелюру оказывают дрожжевые маски.
Дрожжи богаты витаминами групп В, Р и D, а также кальцием, магнием, железом, цинком и другими полезными элементами. Вот почему дрожжевые маски значительно улучшают кровообращение в коже головы, предотвращают выпадение волос, укрепляют их, насыщают живительным блеском и энергией.

Дрожжевая косметическая смесь для волос жирного типа


Чтобы приготовить дрожжевое косметическое средство для жирных волос, берут 28-30 г прессованных хлебопекарных дрожжей, белок куриного яйца и 1 ст.л. теплой воды. Дрожжи смешивают с водой и обогащают смесь взбитым в легкую пену белком. Питательную массу наносят на чистые влажные волосы и оставляют до полного высыхания. Далее тщательно вымывают маску водой комнатной температуры (с шампунем) и ополаскивают шевелюру травяным отваром, к примеру, ромашковым или крапивным.


Приготовленный по этому рецепту питательный состав благоприятно воздействует на волосы этого типа. Но положительный результат наблюдается лишь при условии регулярного применения дрожжевой маски. Лечебный курс: 10 процедур выполняют ежедневно, после чего дрожжевую маску продолжают делать 1 раз в 8-10 дней до полного «выздоровления» волос.
Если дрожжевые маски совместить с приемом пивных дрожжей вовнутрь, процесс улучшения состояния волос существенно ускорится.


Маска из дрожжей для сухого типа волос


Для приготовления дрожжевой маски для сухих волос берут 1,5-2 ч.л. сухих пекарских дрожжей и добавляют их в ½ стакана слегка подогретого на водяной бане кефира. Оставляют смесь на 47-50 минут. После чего обогащают массу 1 ч.л. натурального меда и наносят смесь на влажные чистые волосы. Сверху покрывают голову целлофановым пакетом и надевают шерстяную шапку. Держат маску не меньше 30 минут. Затем смывают водой комфортной температуры. После этой процедуры для придания волосам красивого блеска рекомендуют ополоснуть их «кислой» водой (на 1 литр воды добавляют сок от половинки лимона или 1 ч.л. уксуса).
1 ч.л. сухих хлебопекарных дрожжей эквивалентна 9-10 г прессованных дрожжей.



Чтобы вылечить волосы от повышенной сухости, ломкости и тусклости, рекомендуют сделать 13-15 дрожжевых масок. Причем первые 7 процедур следует делать ежедневно, а последующие - 2-3 раза в неделю.

Активизация роста волос с помощью дрожжевой маски


В составе ускоряющего рост волос средства присутствуют такие вот компоненты: 1 ст.л. сухих пекарских дрожжей, 1 ст.л. репейного масла, несколько капель эфирного масло (на ваш вкус), желток куриного яйца, немного отвара из ромашки или крапивы. Дрожжи растворяют в теплом отваре и оставляют смесь на 33-35 минут в теплом месте. Далее добавляют остальные компоненты и тщательно перемешивают. Наносят питательную массу на прикорневую систему и распределяют по всей длине прядей (перед этой процедурой моют волосы шампунем). После надевают резиновую шапочку и утепляют голову полотенцем. Спустя 65-70 минут смывают. Лечебный курс - 8-10 процедур, делать которые следует дважды в неделю. По отзывам, за месяц волосы вырастают на 2-3 см.
Маска для волос из кефира
Связанная статья
Маска для волос из кефира
Источники:
  • AJAX.RU
Поиск
Совет полезен?
Добавить комментарий к статье
Осталось символов: 500