|
Здравствуйте, уважаемый читатель!
С Вами Чертоляс Олег и
двадцатый выпуск рассылки "Как
Создать Сайт В Интернете Без Знания Web-Технологий?!"
Архив рассылки находится по этой ссылке: http://site.bizpromo.ru/arhiv.html
Сегодня мы продолжим работу над созданием Вашего сайта. Всем
новым подписчикам рекомендую начать изучение материала с выпуска
6. В предыдущих выпусках рассылки мы рассмотрели следующие
вопросы:
- планирование сайта;
- тематика сайта;
- целевая аудитория сайта;
- структура сайта;
- регистрация демо-версии;
- выбор имени для Вашего сайта;
- авторизация сайта;
- административная страница сайта;
- первичное наполнение сайта (выбор дизайна и прототипа сайта,
ввод реквизитов);
- редактор сайта;
- создание типового сайта компании (создание Главной страницы
сайта);
- создание страницы Новостей;
- создание каталога товаров и услуг
- создание страницы анкетирования
- создание страницы "Заказ"
- создание страницы "Гостевая книга"
Сегодня мы продложим знакомство
со СкинМашиной -
данный продукт встроен в конструктор сайтов e-Gloryon.
СкинМашина
- это мощный механизм для изменения оформления вашего сайта.
В сегодняшней рассылке я дам Вам несколько советов по работе со СкинМашиной.
СкинМашина.
Как можно оформить входную страницу сайта.
Иногда при входе на какой-либо сайт мы видим такую картину: во
весь экран — красочное изображение, а на нём разбросаны ссылки,
которые ведут на основные страницы сайта. Посмотрите пример такой
страницы >>
Здесь приведена инструкция, как с помощью конструктора e-Gloryon
создать такую входную страницу на Вашем сайте.
Итак, для этого нужно:
1. Загрузить в библиотеку изображений файл с фоном (большую картинку 800х600 или больше в формате GIF, GPG или PNG).
2. Нажать на картинке правой кнопкой мыши и скопировать адрес в буфер.
3. Вставить адрес файла в нижеследующий фрагмент вместо фразы ‘путь_к_файлу_в_библиотеке_изображений’
#PageBody{
background-image: url('путь_к_файлу_в_библиотеке_изображений');
background-color: rgb(255,255,255);
width: 100%;
height:100%;
vertical-align:middle;}
#pageContent{
float: none;}
#pageHeader{
display: none;
background-image:
url(blank.gif);}
#siteTitle{
display: none;}
#siteSubtitle{
display:
none;}
#pageServiceMenu{
display: none;}
#pageMenu{
display: none;}
#pageFooter{
display: none;}
4. Создать новую страницу ( нажать красную иконку
с плюсом) и сделать её стартовой: закладка "Положение в меню" —
галочка "Сделать
эту страницу стартовой".
5. Перейти на закладку "Стили", вставить в поле "css-код" вышеуказанный фрагмент (не забудьте указать путь к нужному файлу в библиотеке изображений).
6. Нажмите "Сохранить". Все части страницы должны исчезнуть, а во весь экран — выбранное изображение.
7. Теперь можно добавить необходимые ссылки на
другие страницы сайта (например, с помощью иконки добавления раздела
— жёлтая иконка с плюсом).
Содержание страницы можно редактировать как обычно.
А теперь домашнее задание: используя
данную инструкцию, создайте входную страницу Вашего сайта и пришлите
мне ссылку на нее.
Размещение текста в виде колонок.
Текст на странице можно расположить разными способами. Это могут быть параграфы, следующие по порядку друг за другом, как в книге. Или несколько колонок, как в газете. На сайтах часто можно видеть такое расположение: основной текст — в середине (сплошной или колонками), а по правому краю — разные ссылки на новости, новые статьи, реклама и всё что угодно.
Итак, для этого нужно:
1. Создаём раздел (жмем желтую иконку с плюсом).
2. Добавляем объект (жмем зеленую иконку с плюсом). Заполняем
текстовые поля.
3. Переходим на закладку "Настройки". В поле "css-оформление" пишем: width: 32%; display: inline; vertical-align: top;
4. Нажимаем кнопку "Сохранить".
5. Для добавления новой записи повторяем п. 2-4.
Записи будут располагаться в таком порядке (кроме записей раздела "Новости" - там порядок обратный):
Остаётся настроить вид колонок в Скинмашине ("Изменение дизайна").
Чтобы выровнять текст по ширине, нужному элементу(*) устанавливаем
свойство "Текст": "Выравнивание": justify
Чтобы между колонками сделать промежуток, устанавливаем свойство "Отступы": слева и справа - 5
(*) - Если кликнуть на элементе на странице вашего сайта, удерживая
при этом кнопку Ctrl, то автоматически откроются его свойства.
Если найдено несколько подходящих css-правил, то их можно последовательно
просмотреть, кликая на элементе несколько раз подряд.
Полезные программы
В этом разделе я предлагаю Вам для
скачивания бесплатный бизнес-софт, который я использую для создания
сайтов и ведения бизнеса в интернете.
В прошлом выпуске рассылки для
скачивания была предложена следующая программа: Selteco Bannershop GIF Animator 5.1.1 -
визуальный инструмент для создания, оптимизации и публикации профессиональных
и качественных баннеров, кнопок и других GIF анимаций с минимальными
техническими навыками.
Сегодня я предлагаю скачать программу
Selteco Bannershop GIF Animator 5.1.1Это визуальный инструмент для создания, оптимизации и публикации профессиональных и качественных баннеров, кнопок и других GIF анимаций с минимальными техническими навыками. В этой компактной программе есть все необходимые инструментальные средства, утилита оптимизации изображений, функция предварительного просмотра и пр. Есть возможность добавлять в ваши работы несколько предустановленных эффектов. Результат сохраняется в формате gif, и даже генерируется необходимый html код, для вставки изображений в веб-страницы.
Скачать "Selteco
Bannershop GIF Animator 5.1.1" (zip, 1,50 мб)
Полезные ресурсы сети
Видеокурсы по сайтостроению
Как создать сайт?
Как изучить HTML, CSS, Dreamweaver? Как работать в Photoshop? Как
создать рассылку? Как принимать деньги на сайте? Как устанавливать
скрипты? И ещё 100 вопросов без ответа... Подробнее...
Анекдоты
Если ваша девушка беременна, у вас есть три варианта - Abort, Retry, Ignore.
----------------------------------------------------------------
Разговор программиста с женой. Программер:
- Ты слыхала, что через 10-15 лет станет возможным иметь секс с компьютером?
- А тебе-то что? Для тебя ничего не изменится...
--------------------------------------------------------------
Объявление:
Молодая программистка с маленькими скриптами ищет солидного провайдера, способного
удовлетворить ее сайт.
Интим не предлагать.
--------------------------------------------------------------
Просыпается программист с большого бодуна, поворачивается, а рядом
какая-то девушка лежит.
- Oops, обнаружено новое устройство...
Итак, на сегодня это все. Оставайтесь с нами и Вы
узнаете много интересного.
Желаю Вам всего доброго!
С уважением, Чертоляс
Олег.
Консультант по
вопросам создания собственного сайта и бизнеса в
интернет.
Мир
Вашего Здоровья!
Заработай на квартиру за 9 месяцев!
Сервис для создания
сайтов под ключ
Бесплатная электронная
книга "Бизнес для человека"
e-mail: chertolyas@bizpromo.ru
icq: 345107949
телефон:
89138133288
|