- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Переиграть и победить: как анализировать конкурентов для продвижения сайта
С помощью Ahrefs
Александр Шестаков
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Добрый день форумчане. Ситуация следующая, есть сайт, который создан с помощью HTML и CSS.
Создан он на таблицах (с тегами <tr> <td> <table>, ну Вы понимаете). Как правильно сделать адаптивный дизайн и можно ли вообще его сделать? Заранее спасибо.
Добрый день форумчане. Ситуация следующая, есть сайт, который создан с помощью HTML и CSS.
Создан он на таблицах (с тегами <tr> <td> <table>, ну Вы понимаете). Как правильно сделать адаптивный дизайн и можно ли вообще его сделать? Заранее спасибо.
Можно 100%, но может нужно будет все переверстать. Вы сам код покажите
WooCommerce Product Request (https://wordpress.org/plugins/woo-product-request/) - Покупка в один клик
Можно 100%, но может нужно будет все переверстать. Вы сам код покажите
С кодом полный ужас, потому что сто раз переделывал, дописывал и прочее. Сейчас всё запихну в документ и скину. Блин, вот сайт zerga.ru
посмотрел сайт и ваш код, ну типа вроде никаких заморочек особых нет... ну пролистайте какую-нить книгу по адаптивному дизайну или статью, чтобы в общих принципах понимать и делайте.
посмотрел сайт и ваш код, ну типа вроде никаких заморочек особых нет... ну пролистайте какую-нить книгу по адаптивному дизайну или статью, чтобы в общих принципах понимать и делайте.
В данный момент листаю, но пока ничего конкретного не нахожу, книга большая. Мне хотя бы в общих принципах где что и на что поменять. Не сочтите за наивность, но Гугл с 21го вводит свои алгоритмы, по этому поводу, вот и беспокоюсь.
но Гугл с 21го вводит свои алгоритмы,
[офтоп]
гугл много чего "вводит" вебмастерам. Но это не значит, что нужно перед ним раздвигать ноги. Нужно прежде всего думать о юзерах и будет счастье.
ЗЫ. Сайт не смотрел.
[/офтоп]
ТС, не ленись, книжку по любому придется пролистать, никто бесплатно обучать сему священном действу ака дизайну не будет :)
ТС, не ленись, книжку по любому придется пролистать, никто бесплатно обучать сему священном действу ака дизайну не будет :)
Ну это-то понятно, вот по этому и листаю. Всем спасибо за помощь.
Мне хотя бы в общих принципах где что и на что поменять.
Если совсем в общем: все (почти все) размеры/отступы ставить в % а не в пикселях.
Создан он на таблицах (с тегами <tr> <td> <table>, ну Вы понимаете). Как правильно сделать адаптивный дизайн
Таблицы и адаптивность плохо сочетаются.
Правильно будет переверстать всё; блочная вёрстка, фактически, синоним адаптивности.
Копать в сторону:
@media screen and (max-width:768px){}
и т. п.
Самое первое - вам нужно переверстать шаблона на div-ах. Задаете в Google "layout generator" идете на один из найденных сайтов (выберете какой вам покажется наиболее подходящим для понимания) - там создаете упрощенную модель вашего сайта (header, left and right sidebars и так далее). Скачиваете полученные файлы (html и css) и на их основе создаете то же самое что у вас сейчас. На div-ах создать адаптивный дизайн возможно. С таблицами - нет.