Прихожая
Шаг 1: Создаем сайт
Шаг 2: Размещаем в интернет
Шаг 3: Раскручиваем сайт
Шаг 4: Зарабатываем
|
Как легко и быстро создать красивое меню на css ?Если Вы еще не научились создавать css меню для ваших сайтов, или их создание занимает у Вас много времени - то этот урок поможет Вам автоматизировать данный процесс :) В качестве инструмента для быстрого создания css меню, будем использовать замечательную программу Css Menu Generator. С помощью этой программы, можно создать как вертикальное меню, так и горизонтальное. Также есть возможность сделать выпадающее меню. Разобраться с этой программой сможет каждый. В ней нет ничего сложного. Чтобы создать css меню нужно лишь добавить необходимые пункты меню, выбрать тип меню и сгенерировать код, который затем вставить на страницы сайта. Ниже коротко рассмотрен интерфейс программы.
 Рис. 1 Рабочая область программы Css Menu Generator
В видеоуроке подробно рассмотрен процесс создания всех, возможных для данной программы, css меню и добавления их на страницы сайта.
Вот такое горизонтальное css меню получилось у меня в этом уроке:  Рис. 2 Создание горизонтального меню (скриншот из урока) А это вертикальное меню, которое сделать еще проще:  Рис. 3 Создание вертикального меню (скриншот из урока) Ну и наконец выпадающее меню:  Рис. 4 Создание выпадающего меню (скриншот из урока)
Для тех, кто не будет скачивать урок, скажу, что программа не поддерживает русскую кодировку. Поэтому при добавлении пунктов меню, их предварительно необходимо писать на латыни, а уже затем, после добавления css меню на сайт, поменять латинские символы на русские. Примечание: вертикальное меню, сделанное таким способом, некорректно отображается в старых версиях браузеров. Исправить ситуацию можно так: в файле стилей, подправить стиль #v_mnu_02 li a , нужно добавить туда строчку height: 1%; Также, Doctype должен быть такой как здесь:http://zvirec.com/html_book.php?id=2
 Создан: 2009-01-10 Просмотров: 70415 Автор:Андрей ГалямовКомментарии: Автор: Олег Прекрасная обучающая часть! Всё так доходчиво и просто объясняется. А если что не понятно, то можно пересмотреть заново и вникнуть! :-) Рад, что имею с Вами, Андрей, контакт. Благодарю! Очень Интересно излагаете материал. Хотелось бы и дальше поддерживать с Вами связь и другим советую ! :-) Автор: Иван Большое СПАСИБО, Вам Андрей!!! Вы человек с большой буквой. Я рад что нашёл Вас. Очень мало осталось таких людей как Вы в наше время. Автор: VYACHESLAV Большое СПАСИБО Автор: ozelot.59@mail.ru Спасибо! Очень доходчиво. С УВ. толя. Автор: Nikolay Спасибо большое Вам за такой матерьял... Как говорится """Написано по русски""" Я восторге,и очень даже восхищен.... Автор: Александр Большое Вам спасибо за то что вы создаете такие ролики,которые способствуют обучению. Материал изложен вполне доступно ! Я рад что такие люди живут на Земе!!! с ув. Александр Автор: Лейла Я так счастлива, что Вас встретила в Интернете! Мне очень нравиться Ваш язык, обращение, изложение. Все так доходчиво и просто. У вас великолепный литературный дар. Спасибо Вам! Автор: Фёдор Начал свой ЛИКБЕЗ в этой сфере. Благодарю МАЭСТРО. Низкий поклон Вам. Иванов. Автор: Николай Спасибо за помощь, но возникли проблемы с открытием загруженных файлов. Пишет: невозможно открыть файл. Автор: Елена Андрей, Вы ЧУДО. Спасибо,что ВЫ есть. Автор: Игорь Спасибо, все действительно отлично. Только видео так ине посмотрел, никак не открывает Автор: Андрей Галямов Игорь возможно у Вас не установлен флеш проигрыватель. В дополнении к уроку есть текстовый документ, почитайте инструкцию по просмотру там. Автор: Игорь Стоял проигрыватель, и после по вашему советы установил обновление, всёравно не запускается Автор: Алмаз Андрей ! Спасибо ... но я такой чайник , я прошу вас связаться со мной по мейлу almaz707070@mail.ru очень нужна ваша помощь... Автор: Александр Андрей ты лутший,ниделю назад я и не думал о своём сайте,а уже его почти додела.ссылку на твой сайт поставил в самом начале будут деньги обязательно куплю Adobe Dreamweaver Автор: Александр Для начала хочу поблагодарить за то, что есть такой нужный сайт, он мне очень помог - спасибо.И есть ещё вопрос по теме: делал вертик. меню - всё получилось - только в бразуере видны маркеры списка - как их убрать - подскажи. Спасибо. Автор: Андрей Галямов Александр, не видя кода помочь трудно, пожалуйста напишите мне письмо с исходным кодом меню в обратную связь(Раздел Об Авторе) . Также скажу что данное меню некоректно работает в старых версиях браузеров(в очень старых) Автор: Рома Большое спасибо! Подскажи пожалуста что такое клики, и подробнее о <a href> не получается переход по страницам(виснет). Зарание благодарен. Мой новый почтовый ящик scaner-xp@yandex.ru. Автор: Сергей Начал учить сайтостроение именно с твоего сайта,Андрей.....все очень доходчиво написано и рассказано.....Спасибо тебе большое,жду новых уроков и учебников Автор: николай ссылка Скачать видеоурок "Создание меню на css" + программа Css Menu Generator пореждена работает только программа Автор: Александр Андрей,спасибо вам огромное))))если б не вы то не знаю прям что я бы делал)))) Автор: Моложавенко максим Спасибо вам большое !если бы не вы!чтоб я без вас делал:-):-):-):-):-):-) Автор: Вячеслав Действительно, огромное спасибо, приступаю к созданию своего сайта))) Автор: ваня спасибо Автор: Николай спасибо Автор: Agasi Андрей ! Спасибо Автор: Роман При соеденяюсь ко все восторженным отзывам Автор: Юрий Большое спасибо, все очень понятно изложено! Автор: Дмитрий Да, несмотря на молодость, Вы очень даже молодец! Чувствуются педагогические способности. Так держать и спасибо от всех "чаников"! Автор: Виталий Я вижу ты тоже ученик Е.Попова. Молодец. Автор: Сергей Скачанная у тебя программа не пашет. Вот ссылка на новую версию http://wonderwebware.com/css-menu/cssMenuGenerator.exe Автор: Кирилл Спс Автор: Антон огромное спасобо Автор: Элина Андрей! Спасибо большое за все. Уроки, учебник и терпение.)) Ответьте пожалуйста, сделала вертикальное меню. В Экплореле все прекрасно работает, но вот Мазилла отказывается показывать блоки (квадратики, в которых название раздела. Виден только текст в виде ссылки). Может такое быть? Или это моя ошибка? Что нужно сделать ,чтобы ее избежать. Спасибо заранее. Автор: Андрей Галямов Вопросы на форум Автор: Акварель Спасибо - загнал похожее меню на www.timoshin.ru Автор: Евгений Здравствуйте, Андрей. Хочу посоветовать вам похожую программку, которая делает тожесамое, но аккуратнее и имеет более широкие возможности. Называется она MavStudio 2005. Автор: Ahenevr Respect Автор: Ahenevr Есть версия новее на http://wild.softodrom.ru/scr/get.php?id=5289 Автор: Марат 7774777 РЕСПЕКТ И УВАЖУХА Автор: Вольдемар спс Андрей очень всё понятно изложено у тя. Ток скажи плз в этой проге css когда создал таблицу она состоит из разделов допустим "главное" вот как мне этот пунктт сделать ссылко яя когда на него щелкаю у мя выдает ошибку браузера(( Автор: olezya Не открывает видео. Архив поврежден Автор: М21448 Класно ! 5 + ! Очень доходчиво и интересно ... "ток с кавычками запара :D" - но эт мелочь Спасибо. Автор: Валентин Спасибо супер урок!!!!! Автор: роман Из чайника который не знает где диск с находиться, за месяц я почти создал сайт! Я восхищаюсь с себя и с Андрея, все просто и красиво. Андрей у тебя четко поставлены мысли нет лишних слов! С Поповым сложнее!!!! Автор: Евгений Спасибо!!! Но у меня проблемка: сделал вертикальное меню, но у меня слева какие то точки стоят, просмотрел в браузере такая же фигня, поставил margin: 0px;, все то же самое... Что делать??? Автор: Максим бOльшOе сп@(ибО. Очень выручела меня программа! Автор: Ольга А в Joomla 1.5 можно такое меню вставить? Автор: Макс Создал меню все кул) только одна проблема когда кликаю по меню в браузере с главной страницы периходит на другие,а вот с любой другой не куда не периходит ошибка в ьраузере(((((.Помогите плиз!! Автор: Евгений Андрей вы создали сайт на курсах Попова? Автор: Дима все работает, но у меня тоже точки с лева в вертикальном меню. но это походу настройки в dreamweaver . если кто знает как это изменить.. буду очень благодарен. Автор: Андрей Попал на ваш сайт чисто случайно и узнал столько интересного!!! Спасибо вам за все что вы делаете!!! Автор: Владимир Андрей! Браво Вы прирожденный учитель... Ваши уроки построены гениально...Нашим педагогам по информатике (и не только) стоило бы у Вас поучиться. Автор: Стас Очень хорошо,большое спасибо,займусь созданием сайта! Автор: Лен че там Автор: Alex Да ,вы все правы,сайт хорош,но не все мелочи расписаны,кто не знает ,тот упрется,в инете нашел сайт :www.about-site,видно что он исчо сыроват,но там не менее подробно,мож даже и лучше и проще обьяснено,к тому же там есть вся инфа про robots.txt,favicon,sitemap +перенос сайта с денвера на хости т.д. Автор: auelhan Андрей!Спасибо.Вы меня здорово выручили,как раз мне на сайт нужно было сделать вертикальное меню. Маленькое добавление когда создавал меню вместо названий писал порядковые буквы-экономия времени. Уважаемый,Андрей,а можно в этой программе Css Menu Generator создать ввыпадающее меню? Добавить комментарий: |
Поиск по сайту
|
