Вообще можно создавать сайт для мобильных устройств с мобильного устройства. Но это крайне неудобно. Лучше создавать такой сайт на обычном компьютере. Или адоптировать имеющийся сайт к просмотру через WAP. Удачи вам в этом нелегком деле.
Бесплатные хостинги бывают и неплохими, например, блогспот (как раз от Гугла), на котором - куча сайтов, и многие коммерческого содержания. Но, как известно, на бесплатном хостинге Вы не являетесь хозяином своего сайта в полной мере: Вам могут навязать рекламу, сайт может обрушиться - да мало ли что, тут Вы правы.
Поэтому платный хостинг намного надёжнее, да и раскрутить сайт на нём легче. Альтернатива бесплатному - недорогой платный хостинг. В зависимости от назначения сайта можно выбрать менее быстрый, но более объёмный хостинг на SATA-дисках, либо скоростной, современный, но с меньшим дисковым пространством хостинг на SSD-дисках.
Стоимость виртуального хостинга (думаю, Вам именно такой и нужен, по крайней мере, пока) колеблется в пределах 1-3 долларов в месяц. Как правило, на одном аккаунте можно разместить несколько сайтов (иногда бывает и безлимит).
Для большей надёжности нужно найти в Интернете каталог хостингов с отзывами и выбрать подходящий. Важно при этом постараться узнать, какие сайты ещё есть на сервере с тем же IP адресом - чтобы не попались сайты с запрещённой или просто нехорошей тематикой (видно хотя бы из названия домена).Проверить сайты можно через сервис Whois, на котором можно узнать основные данные о владельцах доменов (доменных имён) и сделать свои выводы.
Для создания сайта необходимо: хостинг, домен, ну и конечно же скрипт каталога.
Хостинг необходимо выбрать из расчета того что будет содержать Ваш сайт, какой наплыв пользователей планируется и т.д. С доменным именем сайта я думаю у Вас проблем не возникнет. Ну скрипт, тут уж просто такое огромное поле действия, что выбор очень огромен. Тут можно написать самому, скачать уже разработанный скрипт, ну и конечно же заказать описав в ТЗ все то что Вам необходимо иметь на сайте.
В Css3 при создание кнопок мы уже можем создавать такие правила как тени и закругление углов, приведу небольшой пример как создать тени box-shadow: -4px,-4px,4px,#000; это у нас получится черная тень падающая в низ,для того что бы закруглить углы используем правило border:1px solid #000;border-radius:5px; кнопки с таким правилом закругляться на 5px.
Media queries (перевод на русский язык медиа запросы) - понятие, имеющее отношение к адаптивному веб-дизайну.
Представляют собой правила CSS, позволяющие управлять стилями элементов в зависимости от того, какие технические параметры имеют те или иные устройства.
С их помощью можно оптимизировать страницы сайтов для различных типов устройств (монитора, экрана смартфона, принтера, телевизора и так далее)
Медиа запросы используются, например, при создании адаптивных меню навигации, для скрытия элементов на экранах различных размеров, изменения величины шрифта, макета страницы при смене ориентации браузера и т.д.
В настоящее время поддерживаются во всех браузерах.
