Каждый из веб-мастеров всегда сталкивался с проблемой, когда клиент кидает и кидает по крупному. Особенно часто это бывает когда клиенты вроде и не чужие люди, а даже на оборот поближе будут чем просто знакомые.
Странно. А ещё пытаются сказать, что всё хорошо и скоро всё будет.
Наглядный пример:
Компания по поставкам картона ПАКИНГРУ.ру (сайт давать не буду дабы не пиарить лишний раз и не помогать с раскруткой сайта, который по чести надо заказать хаккерам.
На протяжении 4-5 месяцев говорили, что контент предоставят вот вот, чуть ли ни завтра.
Итог: Аванс не брал (думал что через своих не кинут), сайт готов (осталось вылить только), денег нет. На телефон потратился, ездил. хм. печаль.
Ну и ладно подумал я и опять радуюсь в реальной жизни :)
Надеюсь этот урок стал для вас полезным, как и для меня.
Фотосъемка тех самых моментов, которые передают необыкновенную красоту, самые чистые и искренние эмоции переживаний и радости, наверное, в самый важный день.
В сети совсем недавно появился , на нём Вы сможете скачать фильмы, игры, кино, мультфильмы, сериалы, программы, и так далее, на ежедневно регистрируются более 100 человек, и добавляется более 300 файлов, средняя скорость скачки на торрент трекере составляет 2мб/сек.
Генеральный партнёр проекта Игровая социальная сеть CS.
Лучший игровой хостинг, уникальные цены и сервис. Играй в контру и получай удовольствие.
Зарабатываем на сайте или Заработок в интернете. С чего начать делать сайт!
Приветствую всех и каждого. Надеюсь, что моя статья поможет начинающему веб мастеру разобраться, в каком направлении лучше всего идти, чтобы получить не только деньги со своего проекта, но и интересный для людей сайт.
Немного о терминах:
СДЛ – Сделанный Для Людей.
Хостинг – интернет сервер под различные проекты, относящиеся к интернету и не только. Лучше всего использовать сразу платный хостинг, так как большинство бесплатных хостингов размещают на вашем сайте свою рекламу и не дают всех возможностей, что может предложить платный хостинг.
Баннер – это картинка несущая рекламную нагрузку, какого либо проекта или услуги.
Клик – щелчок или нажатие на что либо. (рекламу, ссылку, баннер).
Накрутка – нечестная работа веб мастера, когда тот в свою очередь использует чёрные методы накрутки счётчика или кликов на рекламу, часто за это карает сервис рекламодателя.
Вирусная реклама – реклама которая передаётся из «уст в уста», от человека к человеку и не требует лишних затрат бюджета. Стоит предложить хороший сервис или услуги привлекательные для людей и вирусная реклама сама заработает.
Движок – CMS Система Управления Сайтом (обычно используется php и MySQL)
План действий
1. Придумаем тему, которая нам очень интересна и нужна людям. К примеру возьмём проект . Изначально Блок-Ц задумывался как частный, публичный сервер для игры. Но при создании мы придумали много интересного, что сей час реализовывается нашей командой. Мы решили создать игровой хостинг с удобной системой управления. В феврале 2010 мы планируем уже запустить многие доработанные нами разделы, которые интересны многим игрокам. К примеру: раздел каталога файлов (скачивать плагины, карты, моды, модели для cs без ожидания на скачку и лишнего просмотра лишней рекламы, регистрация при этом совсем не нужна будет.), раздел FAQ (удобный сервис объясняющий как работать в системе и решающий все вопросы связанные с игрой . Наша тех поддержка по заявкам будет выявлять не опубликованные решения в данный раздел и таким образом мы сможем набрать большую библиотеку за короткий срок.), раздел мониторинга кс серверов ( тут всё понятно что многим это надо и просто необходимо для раскрутки личных серверов) и таких полезных разделов будет достаточно много с различной направленностью.
Помните главное, чтобы люди были заинтересованы в вашем сайте, последний должен быть сделан для них! И тогда Вы с уверенностью сможете получать хороший доход со своего детища.
2. Вот мы придумали тему, теперь нам требуется обдумать план действий и бюджет, если таков вообще есть вначале.
Опять возьмём за пример проект предоставляющий . Так как у нас в команде достаточно народу для реализации разных родов задач мы принялись с дизайна и всей идеологией проекта. То есть, дизайн – это некое лицо Вашего проекта, которое должно нести суть и тематику проекта.
Посмотрим на скрин:
На нём видно, что цвет сайта и его стилизация очень похожа на военный цвет. Есть название проекта, стилизованное под логотип. Мы в целом не хотели сделать логотип, а взять просто название Block-C. В некоторых кругах наших игроков от этого названия пошло другое. «БЛОК Сигарет». Интересная ассоциация и мы, в целом, не против каких либо вариаций названий в словах клиента или участника. Это лишний раз рекламирует наш проект (вирусная реклама). Нам это только помогает найти новых клиентов, которые арендуют у нас сервер или же «случайно» (захотят щёлкнуть по интересующей их рекламе, а мы получим монетку).
В сайте удобное и лаконичное меню, предоставляющая пользователь основные разделы по сайту. Продумываем тщательно все блоки, которые у нас находятся ниже и несут наиважнейшую составляющую (новости, приветствие, опрос, дополнительное меню, информационное меню, блоки авторизации и ссылки регистрации). Каждый блок должен нести пользователю максимально то, что ему нужно. Наш сайт ни раз, претерпевал глобальные изменения и скорей всего будут ещё улучшаться сервисы и работа сайта в целом.
Вот мы продумали дизайн и функционал разделов. Желательно всё на бумаге писать все идеи и структуру.
Теперь надо обязательно выбрать какой и движок мы поставим в основание сайта. В нашем случае весь сайт пишется одним из людей нашей команды. Но если Вы не умеете и рядом нету друга или компаньона, который мог бы осуществить данную идею в реальность, можно, либо самому за 1-3 недели освоить азы программирования на php и работой с базой данных MySQL. Либо постараться найти в интернете себе партнёра, который с удовольствием станет работать с вами и развивать идею. Людей в мире много и не раз приходилось общаться с разными личностями и находить новых друзей, которые в последствие становились партнёрами или же помощниками.
Либо крайний случай, когда придется заплатить человеку за работу, но в этом случае весь сайт принадлежит только Вам, и ни кому иному.
Когда сайт уже в разработке, пора задуматься о раскрутке проекта и начать её подготовительную часть. В эту часть входит:
А) написание оптимизированных текстов для каждого раздела и страниц. Главное чтобы они нигде на сайте больше не повторялись в разных URL и были уникальны (написаны лично или по заказу).
Б) подобрать ключевые слова к каждой странице, не больше чем 3 запроса на одну страницу.
В) Написать уникальное название (заголовок к странице) в тегах < title > и теге < H1 >. Желательно чтобы в Заголовок странице и заголовок статьи входили одни и те же ключевые слова, но при этом текст был разный и нормально читаемый для посетителей. Простое перечисление ключевиков, не даст Вам уважение со стороны юзера. Если человек видит нормальный и полезный сайт, сделанный для него, то он ещё не раз будет заходить на Ваш сайт и принесёт не один десяток долларов.
Г) Старайтесь не продавать на своём сайте ссылки с различных бирж. Это в глазах пользователя, тоже большой минус, ведь мы делаем CLK? А не дор или сателлит для кратковременного срубания капусты (поисковики быстро банят данные сайты и не всегда успевают затраты окупиться). Чужие ссылки кроме копирайта автора или программиста.
Д) пишем статьи рекламного характера и статьи которые будут рассказывать о вашем сервисе в интернете (блогах, новостных лентах, других сайтов [честно украденных из вашего блога, но оно то нам и надо]). Пишем статьи с нашими ключевыми словами. Объём текстов должен составлять не менее 2 000 знаков. Чем больше, тем лучше, на данный момент в этой статье уже 5 489 знаков без пробелов, с пробелами все 6 494. Но мы на этом не останавливаемся, мы делаем хорошую и доступную статью, при этом лишний раз указываем на проект , чтобы привлечь внимание людей, какой у нас сервис и что мы сдайм в аренду сервера Counter-Strike 1.6 (cs, css) по самым низким ценам с достойным сервисом. Обязательно проверяйте все тексты на ошибки, и лаконичность фраз.
У нас готов план, мы знаем, как двигаться дальше. Основная задача поставлена и запущена в оборот. Теперь поговорим о хостинге.
Часто начинающие веб мастера быстро ищут себе бесплатный хостинг и потом гордо показывают всем, как они создали сайт на «укозе», с простой системой управления и доменном 3 уровня. Не стоит такого делать. Если хотите научиться создавать сайты то поставьте Апач (программное обеспечение позволяющее установить на свой ПК php, mysql и не только - сервер) и учитесь на здоровье. За месяц можно создать свой простенький сайт с несколькими разделами и разместить его в интернете уплатного хостера.
Лично мы используем и рекомендуем стабильный хостинг . Стабильность и постоянная работа, это самое важное в хостинге. Тем более, что Джин часто делает подарки своим клиентам и цены одни из самых низких в интернете.
Цены на доменные имена в среднем составляют от 450 до 600 рублей в год.
Цена за хостинг средняя 1000 рублей в год. И того мы получаем смешную сумму 1500 рублей в год, а это в месяц 125 рублей.
При этом у нас появляется отличная площадка для создания СДЛ и в последствии получения дохода от услуг и рекламы. Продавать ссылки ни в коем случае не надо на сайте!
3. Теперь поговорим о рекламе и какая она, вообще бывает. На чём нам зарабатывать?
Как видно на нашем проекте www.Block-C.ru, используется гугл реклама. Её плюсы велики:
А) гугл использует java скрипт, чтобы демонстрировать рекламу с ссылками не читабельными для всех поисковых машин. Это нужно за тем, чтобы на нашем сайте не было лишних ссылок на внешние сайты, чтобы вес наших страниц не падал в глазах поисковых роботов.
Б) Легко настраиваемый вид окна и различные типы трансляции баннеров. Графический вид и текстовый.
В) Ссылки, мелькающие в рекламе от гугла непосредственно связаны с Вашим проектом и страницей на которой стоит реклама. По этому, такая реклама называется контекстной. В отличии от яндек директа. Гугл принимает в работу любые сайты, но это не повод создавать плохие сайты. Напоминаю, что наша задача, сделать качественный сайт для людей, а не для машин.
Также бывает реклама медийная, пупандеры и тп. Растяжки навесь сайт в шапке или где либо, мало кому нравятся. Они сильно нагружают страницу и мнение людей сразу портится. И тем более что в медийную рекламу сложно попасть. Требуется более 1000 уникальных посетителей на сайт, чтобы хороший сервис включил Ваш сайт в число площадок.
Если Вы зайдёте на сайт , то Вы увидите как в целом незаметно смотрится реклама на главной и второстепенных страницах нашего сайта. Зайдите к примеру на страницу услуг аренды серверов cs (второстепенная страница сайта) Обратите внимание как блоки расположены в начале и в конце блока текста. Такое расположение даёт нам шанс, что пользователь после прочтения нужной информации обязательно столкнётся с блоком рекламы от гугла и может не заметить в раздумьях, об аренде сервера, и кликнит на рекламу. Это нам плюс монетка.
Тем более что реклама подставит ссылки близкой тематики.
Придумывайте интересные проекты, самое главное, чтобы они Вам самим приносили удовольствия постоянно и всегда. Тогда на Вашем сайте появятся постоянные посетители и проект будет ползти всегда в верх при грамотном уходе и развитии.
Статья специально написана для начинающих сайтостроителей , которые не знают с чего начать.
Конфиг - конфигурационный файл "config.cfg" в папке cstrike Сервак, сервер - компьютер, который создаёт карту и к нему все подключаются Админ - игрок, следящий за порядком в игре Пинг - скорость обмена информации с сервером (чем меньше пинг, тем лучше связь) Консоль - командная строка, вызываемая в игре клавишей тильда "~" Коннект - соединение с другим компьютером Лаг, Баг - плохой коннект, ошибки, глюки Тимплэй - командная игра Боты - компьютерные игроки Вэйпоинты (waypoint) - дорожки для ботов. Т.е если у вас нету ботов на какой-нибудь карте, то надо скачать вэйпоинты для этих ботов (для этой карты) Пасхальные яйца - скрытые места на карте, которые можно увидеть в режиме спектатора (обычно там пишут кто эту карту сделал. Такие места есть на многих картах например de_aztec, de_dust2) Контра, конский страйк, CS, КС, КыСы - игра Контры, Сити, Спецназ - контр-Террористы Терроры, бандиты - Террористы Респаун, база - место где команды появляются в начале игры Бомбплэйс - место куда террористы закладывают бомбу Кемпер - игрок который сидит на месте с пушкой и отстреливает пробегающих мимо соперников Connect cs.Block-C.ru:27015 - Отец, папа - игрок который хорошо играет Ламер, ламо, ламобот - игрок который плохо играет Мясо - момент, когда много игроков разных команд встречаются в одном месте (например: 32 ламера (16 на 16) встречаются в коридоре de_dust) Читер - игрок который нечестно играет Бан - ограничение в доступе к серверу Тимкиллер - игрок который убивает членов своей команды Бомжи - заложники (второе значение - игрок без денег) Бомжатник - комната с заложниками Сутенёр - террорист, который сидит в бомжатнике и не выходит Камикадзэ - террорист с бомбой С4 Дама - ламер, который идет впереди ("пушечное мясо") Подонки - PODBot'ы Монитор - игрок который подглядывает в ваш монитор Вип - игрок V.I.P (Вот Идиот Попался) на специальных картах Френдлифаер - опция игры когда можно/нельзя убивать членов своей команды Спектатор - наблюдение за игрой без участия в ней (когда игрок убит он летает в спектаторе) Дух - мёртвый игрок который следит за игрой в спектаторе Стрэйфиться - двигаться боком Кикать - убить игрока, путём написанием в консоли команды kick Гравитация - команда консоли, которая меняет силу притяжения земли (гравитацию) Скинуть - отдать своё оружие (бросить на землю) Дропнуть - скинуть/перехватить оружие Рашить - идти в атаку! Хэдшот - выстрел в голову Фраг - очко за убитого игрока Анал - Канализация (узкие, длинные проходы в нижней части карты) Шахта - вентиляция (узкие, длинные проходы в верхней части карты) Блок сигарет, BC, По БеСИ - сайт проекта . Кишка - узкий и питляющий коридор Длина, dl - длинный промежуток на карте Нуб, noob - игрок плохо знающий игру Парапет, парик - мостик идущий вдоль стены на определённой высоте Хэлсы - здоровье (жизни) lol , :D , =) - мне очень смешно gl - желаю удачи gg - хорошая игра (обычно говорят после хорошей игры) hf - желаю тебе получить от игры удовольствие hi! qq - привет ppc - "плохие эмоции" 66, bb - до свидания
Создание виджетов Opera является быстрым и безболезненным, причем лишь несколько указателей в правильном направлении. Эта статья подробно, что виджет и что нужно его создать, а также принимает вас, путем создания, работы и упаковка виджетов шаг за шагом. Основные технические приемы, описанные здесь также применяются к Widgets предназначены для запуска на мобильных телефонах, Set-Top-коробках или в браузере Opera на Nintendo Wii Internet Channel.
Прежде чем начать
ОК, мы знаем, вы не можете ждать, чтобы начать работу, но несут с нами только через минуту мы проходят через несколько необходимым основам. Какие виджеты?
Виджеты малы Запуск веб-приложений на рабочем столе. Они осуществляются с помощью клиентских технологий сторону Сети, а также создания одного очень похожа на создание веб-страниц, кроме того, что выполняется в несколько ином контексте.
Opera браузер можно установить и открыть эти виджеты, показывающие их прямо на рабочем столе пользователя (или эквивалент в других устройствах.) Виджеты очень chromeless приложений, отображение без регулярных элементов пользовательского интерфейса, таких как кнопка "Назад" или поле адреса. При запуске на рабочем столе компьютера, виджет выглядеть часы виджетов показано на Рисунке 1.
Рисунок 1: аналоговые часы, отображается непосредственно на рабочем столе пользователя Упаковка виджетов
Opera Widgets упакованы, как обычные файлы ZIP, переименованный использовать расширение. WGT. Все файлы, относящиеся к виджет следует хранить внутри виджета файла. Типичный виджетов содержит следующие элементы: Виджет файла конфигурации. Это XML-файла в корневом каталоге виджет структура, которая содержит информацию о ваших виджетов включая его размер, название, автора и информационной безопасности. Индекс документа. Как и на веб-страницу, этот документ содержит основные скелета / Содержание виджета. Виджеты содержание может быть создана с помощью любого разметку, которая изначально оперы ручками, например, HTML, SVG, XML или файлы. Этот файл также живет в корневой виджет структуры. Изображения. Они содержатся в одной папке изображений. JavaScript файлов. Они содержатся в одной папке скрипта. Стилей. Они содержатся в одной папке стиля.
Когда пользователь, запускающий Opera для браузера кликов по ссылке. WGT файл, опера скачать виджет, запустите его, а спросить пользователя, если виджет должен быть сохранен в его компьютер. Обратите внимание, что поведение на различные платформы, поддерживающие виджеты могут слегка отличаться. Отметим также, что мы представили виджет спецификации W3C на рассмотрение в это попытка стандартизировать вещей.
Следующий раз, когда пользователь хочет запустить виджет, он может быть запущен из меню Widgets. Что нужно для создания и развертывания Opera Widget?
Для того, чтобы иметь возможность создавать Opera Widget, вам нужно то же самое, что необходимо для нормального развития Веб: Базовые знания веб-технологий. Текстовый редактор или веб-IDE, что позволяет создавать JavaScript, HTML и CSS файлов. Инструмент для создания. Zip архивов. Где-то опубликовать виджет. Сети Opera Widgets сайт предлагает идеальное место для размещения своих виджетов, и посещают десятки тысяч человек каждый день ищет виджеты для запуска. Как виджеты, связанной с веб-страниц?
Мы продолжаем говорить виджеты очень похожи на обычных веб-страниц, но есть несколько отличий: Виджет живет вне веб-браузера, прямо на рабочем столе пользователя без каких-либо регулярные элементы пользовательского интерфейса, такие как название бара. Безопасность ограничений виджетов отличаются от обычных веб-страниц - можно создать виджет, который будет одновременно взаимодействовать с различными веб-сервисов, проживающих на различные веб-серверах. Виджеты имеют widget объект через JavaScript, что позволяет осуществлять доступ к Widget-функциональность. Виджеты иметь доступ к постоянного хранилища для его настройки и загрузить данные. Этот механизм похож на печенье, но емкость больше, чем для печенья, и не ведет автоматически истекает по истечении определенного времени. Виджеты как правило, имеют несколько видов доступных в том же документе. Обычно там будет один или несколько представлений, используемых для доступа к нормальной функциональности виджет, а отдельное мнение, в котором Вы предоставить пользователю параметры конфигурации. Переключение между этими мнениями сделал, выполняя переходы на просмотр с помощью регулярных JavaScript / CSS методы. По умолчанию, перетаскивание виджетов, так что вы можете перемещать их по экрану, просто щелкнув и перетаскивая. Если такое поведение не желал для виджетов (или его части), Вам необходимо указать контроль районы, где виджет не реагирует на перетаскивание. По умолчанию, цвет фона виджета является прозрачным. Прозрачная область виджет не реагировать на события мыши, но вместо них проходит до любого исходного приложения. Виджет семинара: привет мир!
ОК, с фоном не в сторону, давайте начнем кодирования! Наш первый виджетов будут как можно более простым - "Hello World!" Виджет. Ранее мы говорили о виджетов содержащих CSS, JavaScript Imaga и файлы. Много делать, но по крайней мере, виджет требуется два файла: Основным документом. Виджет файла конфигурации.
Мы начнем эту Учебник по созданию минимальных виджете, а затем расширить виджет в полной виджет с стиль и конфигурацию зрения. Создание главного документа
Во-первых, создать HTML-документов внутри новую папку и называем его index.html. Этот документ будет, что ваши пользователи увидят, когда они сначала загрузить виджет. Добавьте следующий код к ней, и сохраните этот документ.
< !DOCTYPE html > < html > < head > < title >Hello World!< /title > < /head > < body > < p >Hello World!< /p > < /body > < /html > < !DOCTYPE html > < html > < head > < title >Hello World!< /title > < /head > < body > < p >Hello World!< /p > < /body > < /html >
Создание виджетов файла конфигурации
Далее мы покажем вам, как создать файл конфигурации виджетов, которые необходимы для того, чтобы запустить виджет. Это всегда называли config.xml, а также содержит информацию о некоторых свойствах виджета. Свойства, необходимые внутри этого файла являются следующие: Виджет имя. Виджета размеров. Это максимальная видимая область для виджетов. Информация об авторе. Не стесняйтесь похвастаться. Уникальный идентификатор для виджетов. Этот идентификатор состоит из трех частей: имя хоста, пути и пересмотр даты YYYY-MM формат (вы можете также использовать YYYY-MM-DDDD если вы планируете на пересмотре виджет более одного раза в месяц). Безопасность информации, которую предоставляет виджет пользователю информацию о том, какие домены виджетов будут связываться. Даже если эта информационной безопасности не является обязательным, любой виджет, что контакты к третьей стороне, чтобы к этому относятся, поскольку это будет установить доверительные отношения между вами, виджет автором и пользователем виджетов. Для получения дополнительной информации, просмотр config.xml спецификация здесь.
Создать новый файл в том же каталоге, что файл с названием index.html config.xml. Добавьте следующий код к ней, и сохраните его.
Давайте протестируем, что мы до сих пор - запустить виджет, открыв файл config.xml в браузере (перетащив его в окне браузера, используя Opera Файл → Открыть меню, или любым другим методом вы предпочитаете.) При запуске виджета определено выше, вы увидите что-то, как показано на Рисунке 2.
Рисунок 2: Запуск без стилей виджетов Opera. Добавление стиля
В своем нынешнем виде, по умолчанию фон виджета прозрачного цвета, а также регулярно использует браузер по умолчанию для укладки прически. Тьфу! Давайте Spice его с немного CSS и дополнительной разметки.
Во-первых, вам нужно добавить стиль ссылкой на документ HTML, и добавить несколько крючков для укладки прически. Замените, что сейчас у вас внутри index.html со следующим, и сохраните изменения.
< !DOCTYPE html > < html > < head > < title >Hello World!< /title > < link rel="stylesheet" type="text/css" href="http://go.blog.ru/?style/helloworld.css" > < /head > < body > < div id="container" > < div id="header" > < /div > < div id="content" > < h1 >Hello World!< /h1 > < /div > < div id="footer" >Powered by Opera< /div > < /div > < /body > < /html > < !DOCTYPE html > < html > < head > < title >Hello World!< /title > < link rel="stylesheet" type="text/css" href="http://go.blog.ru/?style/helloworld.css" > < /head > < body > < div id="container" > < div id="header" > < /div > < div id="content" > < h1 >Hello World!< /h1 > < /div > < div id="footer" >Powered by Opera< /div > < /div > < /body > < /html >
Следующее это время для создания стиля к стилю виджет. Создайте новую папку с именем style и создать новый файл внутри он призвал helloworld.css. Добавьте следующий код внутри этого файла и сохраните его.
Вы заметите, что есть несколько фоновых изображений ссылки внутри этого стиля, так что теперь нам нужно добавить их в нашу виджетов папки. Изображения нужно, можно найти в индекс примеров - загрузить код примеров здесь, распаковать архив, а затем захватить папку с изображениями, содержащиеся в ней, и положил его в том же каталоге файл index.html.
Стайлинг теперь все на месте, поэтому попробуйте запустить виджет снова, таким же образом, как и прежде - теперь оно должно выглядеть как на рисунке 3. После этого Styling применяется, виджет не выглядит мягким и без стилей. В настоящее время имеет опыт, что делает его выделиться из остальной части рабочего стола. Контроль регионы сделать центром виджет и любые полосы прокрутки, не вызывая интерактивных виджетов быть втянутой.
Рисунок 3: виджет сейчас называются - намного лучше! Сведения о виджете стиль
Мы не в моде полиции, но тем не менее мы определили некоторые простые Opera Widgets стиль руководящие принципы, которые мы рекомендуем вам изучить. Благо каждого придерживается того же стиля для своих виджетов является то, что они становятся более узнаваемыми для конечных пользователей и проще в использовании. Добавление интерактивных
Теперь у вас полностью рабочий виджетов, но есть гораздо дальше, вы можете пойти с ней - она еще не предлагать любые интерактивности, и нет никакой возможности для настройки виджета. Мы проведем вас через добавление конфигурации кнопка, которая "перестройки" виджет закончилась, и кнопку "Закрыть".
Открыто index.html снова, замените содержимое с помощью следующего кода, и сохраните его.
< !DOCTYPE html > < html > < head > < title >Hello World!< /title > < link rel="stylesheet" type="text/css" href="http://go.blog.ru/?style/helloworld.css" > < script type="text/javascript" src="script/helloworld.js" >< /script > < /head > < body > < div id="container" > < div id="header" > < div id="controlbuttons" > < button id="flipbutton" class="controlbutton" type="button" >< /button > < button id="closebutton" class="controlbutton" type="button" >< /button > < /div > < h1 >Hello World!< /h1 > < /div > < div id="content" > < div id="front" class="view" > < h2 id="hellotext" >Welcome to the world of Opera Widgets!< /h2 > < /div > < div id="config" class="view" > < h2 >Hello World! Configuration< /h2 > < p > < label for="frontlabel" >Text to display< /label > < input id="frontlabel" type="text" size="25" > < button id="updatebutton" type="button" >Update< /button > < /p > < /div > < /div > < div id="footer" >Powered by Opera< /div > < /div > < /body > < /html > < !DOCTYPE html > < html > < head > < title >Hello World!< /title > < link rel="stylesheet" type="text/css" href="http://go.blog.ru/?style/helloworld.css" > < script type="text/javascript" src="script/helloworld.js" >< /script > < /head > < body > < div id="container" > < div id="header" > < div id="controlbuttons" > < button id="flipbutton" class="controlbutton" type="button" >< /button > < button id="closebutton" class="controlbutton" type="button" >< /button > < /div > < h1 >Hello World!< /h1 > < /div > < div id="content" > < div id="front" class="view" > < h2 id="hellotext" >Welcome to the world of Opera Widgets!< /h2 > < /div > < div id="config" class="view" > < h2 >Hello World! Configuration< /h2 > < p > < label for="frontlabel" >Text to display< /label > < input id="frontlabel" type="text" size="25" > < button id="updatebutton" type="button" >Update< /button > < /p > < /div > < /div > < div id="footer" >Powered by Opera< /div > < /div > < /body > < /html >
Основные дополнения здесь: Ссылка на скрипт, который управляет мнение листать из основных целей конфигурации зрения. Кнопка листать между передней и задней панели виджетов, и кнопку "Закрыть". Конфигурация зрения.
Теперь вам необходимо обновить стиль и добавьте JavaScript. Стайлинг конфигурации и кнопки
Добавить следующие правила стиля helloworld.css файла ниже существующих правил, и сохраните файл. Эти правила скрыть Открыть конфигурацию по умолчанию и управления внешним видом кнопки.
Мы все еще не мода полиции, но это рекомендуется Widgets помощью кнопки управления использовать их, как показано в этом уроке: Виджеты всегда должна поставлять кнопку "Закрыть", если виджет, обозначается на портативном устройстве. Кнопки управления должно быть невидимым, когда мышь не более виджет Они должны стать видимыми с непрозрачностью 0,3 когда мышь движется виджет Когда указатель мыши находится над кнопкой управления, это непрозрачность должна увеличиться до 1,0 Когда контроль нажатия кнопки, кнопки должно измениться на кнопку государство Кнопки управления должны быть в верхнем правом углу виджета
Теперь пришло время для тестирования виджета снова, чтобы проверить новую функциональность. Запуск виджета как прежде. При наведении указателя мыши на виджете, она должна выглядеть как на Рисунке 4.
Рисунок 4: начальное состояние, когда виджет наведении мышки на.
Теперь попробуйте мышью над кнопкой управления, и вы увидите нечто похожее на рисунок 5.
Рисунок 5: Hover кнопки управления государством. Добавление поведение кнопки
Следующим шагом является добавление поведение панель кнопки, так что виджет показывает это другой стороны, когда панель нажата кнопка или активирован. Это поведение управляется простой JavaScript, и все, что вам нужно сделать, это положить его в нужное место. Посмотрите на ресурс Zip файла, который вы распаковали раньше, чтобы найти папку, содержащую сценарии helloworld.js файла. Скопируйте эту папку в том же каталоге, ваш файл index.html.
Содержимое файла выглядит следующим образом:
// define a namespace to hold our widget specific functions, // avoid polluting the global namespace var helloWorld = helloWorld || {}; // function for flipping between different sides of the widget helloWorld.flip = function ( e ) { var display = document.getElementById('front').style.display; if ( display == 'block' || display == '' ) { document.getElementById('front').style.display = "none"; document.getElementById('config').style.display = "block"; } else { document.getElementById('config').style.display = "none"; document.getElementById('front').style.display = "block"; } } // initialize the widget window.addEventListener( 'load' , function(ev) { // add behavior to the flip button document.getElementById('flipbutton').addEventListener('click',function(ev){ helloWorld.flip(); }, false); // add behavior to the close button document.getElementById('closebutton').addEventListener('click',function(ev){ window.close(); }, false); // make WOC button open a browser window document.getElementById('wocbutton').addEventListener('click', function(ev){ widget.openURL(''); }, false); // add a change handler so that the widget shows whatever we input into the // widget front, flip back to the front when done document.getElementById('updatebutton').addEventListener('click',function(ev){ document.getElementById('hellotext').textContent = document.getElementById('frontlabel').value; helloWorld.flip(); },false); // set the contents of the text field to the initial value document.getElementById('frontlabel').setAttribute( 'value', document.getElementById('hellotext').textContent ); },false); // define a namespace to hold our widget specific functions, // avoid polluting the global namespace var helloWorld = helloWorld || {}; // function for flipping between different sides of the widget helloWorld.flip = function ( e ) { var display = document.getElementById('front').style.display; if ( display == 'block' || display == '' ) { document.getElementById('front').style.display = "none"; document.getElementById('config').style.display = "block"; } else { document.getElementById('config').style.display = "none"; document.getElementById('front').style.display = "block"; } } // initialize the widget window.addEventListener( 'load' , function(ev) { // add behavior to the flip button document.getElementById('flipbutton').addEventListener('click',function(ev){ helloWorld.flip(); }, false); // add behavior to the close button document.getElementById('closebutton').addEventListener('click',function(ev){ window.close(); }, false); // make WOC button open a browser window document.getElementById('wocbutton').addEventListener('click', function(ev){ widget.openURL(''); }, false); // add a change handler so that the widget shows whatever we input into the // widget front, flip back to the front when done document.getElementById('updatebutton').addEventListener('click',function(ev){ document.getElementById('hellotext').textContent = document.getElementById('frontlabel').value; helloWorld.flip(); },false); // set the contents of the text field to the initial value document.getElementById('frontlabel').setAttribute( 'value', document.getElementById('hellotext').textContent ); },false);
В этом коде, мы инкапсулированы специфические функции в виджет в свой объект, или имен. Таким образом, эти функции не переопределен, если они уже были определены. Мы рекомендуем вам оставаться в стороне от глобального пространства имен как можно больше. Вторая половина кода это функция, которая запускается, когда виджет загружается и устанавливается на поведение кнопки и текстовое поле.
Теперь попробуйте запустить наши виджеты, статический его с помощью мыши и нажать на кнопки шестеренка. Виджет перевернуть так, чтобы обратная сторона виджет видна. Это обратная сторона показывает текстовое поле ввода, где вы можете изменить текст на главном экране в виджете, как показано на рисунке 6
Рисунок 6: Просмотр виджета конфигурации. Распространение виджет
На данный момент в этой статье, виджет должен быть полным. Th Последним шагом вы хотите принять это пакет ее и сделать ее доступной для других загрузки и использования. Есть инструкция доступна по развертыванию собственных виджетов здесь - Проверить эти instrictions то, чтобы найти, как это сделать. Резюме
Поздравляем! - Вы уже построили свой первый Opera Widget. Теперь вы можете перейти к персонализации этот виджет или создавать какие-то новые вашей собственной.
Вы можете загрузить Hello World! Виджет здесь. Нажмите кнопку Запуск на странице загрузки, чтобы запустить виджет. Если вы хотите сохранить виджет Zip-файлов на вашем жестком диске, щелкните правой кнопкой мыши на кнопку Запуск и выберите пункт Save Link As ....
31 числа этого месяца состоится большая вечеринка на сервере по игре Counter-Strike 1.6. Любой участник пати, сможет надеть на себя весёлую шапку, нарядиться чёртиком, ангелочком, поиграть в куклус клан, надеть на голову пакет, чтобы никто не виде и многое другое. Красочный фейерверк состоится ровно в 12 часов по Москве на сервере Более Вы сможете получить на сайте организаторов .
Всё ещё не поздно и начать делать личный бизнес в сфере радио. Недавно ездил в команию ЮрКон и Станислав мне посоветовал , так как при регистрации (индивидуально предпринимателя) в будущем будет сложно от него избавиться, когда он будет не нужен. А Организация Огрниченной Ответственности - это, то что в полне приемлимо для начинаещего бизнеса.
Хочу отметить хорошую работу персонала Центра регистраций фирм "ЮрКон". Всегда готовы проконсультировать и помочь с выбором, и конечно готовы взять на себя тяготы оформления , , , и так далее.
Офис в центре города. Москва. Очень удобно кним добираться из любого района.
Сегодня 6 октября 2009 года, в обед повально упали все сайты хостинга ДЖИНО.
Дозвониться долго не удавалось, сайт хостинга также не работал. Телефон был найден в бэкапе яндекса.
Спустя 3 часа взяли трубку, говорят: "Это авария в ДАТАЦЕНТРЕ, пока не известно когда будет устранена проблема. Надеются, что сегодня"
Кто чтобы не говорил это удар не только по хостингу, который зарекомендовал себя с 2003 года, но и по его клиентам. Многие надумали уходить, но я советую просто подождать. Рано или поздно бывают аварии везде.
Советую хостинг, сам юзаю а эти проблемы со всеми бывают, тем более что они не виновны в этом. :) Железки не вечные.
Команда Block-C.ru предлагает всем организаторам турниров по дисциплине Counter-Strike 1.6, свою спонсорскую помощь в виде предоставления сервера на время турнира, а также призового фонда в виде предоставления сервера победителям турнира. Подробнее с информации можно на сайте команды .
Команда Block-C, часто организовывает турниры по игре Counter-Strike 1.6. Каждый победитель получает сервер в подарок на месяц. Также в дальнейшем победителю делается скидка 10% за аренду сервера. О следующем чемпионате можно узнать на сайте или через форму .
03:28
