Офис НП AMWAY в Ярославле
Купить продукцию Амвей в Ярославле, офис Amway
На карте Купить AMWAY: офис в ЯрославлеКонсультации, презентации, мастер–классы, знакомство с продукцией, заказ и выдача купленного товара:
Адрес: улица Валентины Терешковой, дом 1 (Вход со двора)
Телефон: +7 (920) 112-00-91
Email: matyxho@mail.ru
Сайт: https://www.amway.ru/user/lebedem
Визитка: http://yar.meweb.ru
Просмотр темы
MeWEB: Учимся строить сайты » Программирование » CMS PHP Fusion
 Распечатать тему
Перевод сайта на html5 - с чего начать?
Ditrin
Очень понравилась статья Перевод сайта на стандарт HTML5, сразу же захотелось проделать то же самое! Но, как обычно это бывает , когда сталкиваешься с чем-то новым, всегда осторожничаешь и боишься что-нибудь сделать не так. Pisatel, с чего лучше начать? Есть какие нибудь рекомендации, поскольку ты уже прошел через это и возможно будут какие нибудь небольшие советы по этому поводу? судя по всему там похоже много прийдется исправлять... или это только так кажется Улыбчивый
 
Pisatel
В принципе, все несложно. Гораздо сложнее (относительно, конечно) будет чистка почти всех файлов, в которых есть разметка. Например, по новым стандартам весь стиль должен быть либо в файле css, либо в атрибуте style. Для начала могу скинуть файл themes/templates/header.php, как он сделан у меня. Дальше- нужно будет чуть подправить файл themes/your_theme_name/theme.php. Ну и еще небольшой штрих- добавить несколько правил в styles.css для "обнуления" некоторых тегов для последующей спокойной работы с ними.
Я не европеец. И не азиат. Я русский. Я россиянин. Я за истинные семейные христианские ценности. И это - моя национальная идея.
x1
 
http://www.meweb.ru
Pisatel
По порядку: мой файл themes/templates/header.php
Скачать код  Код: HTML5
 echo "<!DOCTYPE html>
<html xml:lang='".$locale['xml_lang']."' lang='".$locale['xml_lang']."'>
<head>
<title>".$settings['sitename']."</title>
<meta charset='".$locale['charset']."' />
<meta name='description' content='".$settings['description']."' />
<meta name='keywords' content='".$settings['keywords']."' />
<link rel='stylesheet' href='".THEME."styles.css' media='screen' />\n
".(file_exists(IMAGES."favicon.ico") ? "<link rel='shortcut icon' href='".IMAGES."favicon.ico' type='image/x-icon' />\n" : "")."
".(function_exists("get_head_tags") ? get_head_tags() : "")."
<script src='".INCLUDES."jquery/jquery-1.11.1.min.js'></script>
<script src='".INCLUDES."jscript.js'></script>
<!--[if lt IE 9]>
<script src='".INCLUDES."html5shiv.js'></script>
<![endif]-->
</head>
<body>\n";



Как видишь, код стал намного короче. Мы убрали все type из подключений скриптов и стилей. Еще обращу внимание на скрипт html5shiv.js: скачай его в папку (любую, у меня includes), он помогает старым ослам справляться с новым стандартом.
Изменил(а) Pisatel, 21 октября 2016 20:39:46
Я не европеец. И не азиат. Я русский. Я россиянин. Я за истинные семейные христианские ценности. И это - моя национальная идея.
x1
 
http://www.meweb.ru
Pisatel
Теперь- файл theme.php. Я не знаю, как он выглядит у тебя, поэтому дам общие рекомендации и небольшой свой пример. Итак, всю "шапку" помещаем в тег <header>...</header>. Далее обычно сразу под шапкой идет горизонтальная навигация, ее помешаем в тег <nav>...</nav>. И теперь- мой пример размещения html5-тегов в панелях (правая, левая, центральная)
Скачать код  Код: PHP
    if (LEFT) { echo "<aside>\n<div class='side-border-left'>".LEFT."</div>\n</aside>\n"; }
if (RIGHT) { echo "<aside>\n<div class='side-border-right'>".RIGHT."</div>\n</aside>\n"; }
echo "<article>\n<div class='main-content'>\n<div class='main-container clearfix floatfix'>".U_CENTER.CONTENT.L_CENTER."</div>\n</div>\n</article>\n";



Ну и подвал сайта помещаем в тег <footer>...</footer>
И последний штрих- добавляем в файл styles.css сброс стилей, чтобы дизайн не поплыл в ненужных местах
Скачать код  Код: CSS
address, article, aside, cite, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}



Этого для начала будет достаточно.
Я не европеец. И не азиат. Я русский. Я россиянин. Я за истинные семейные христианские ценности. И это - моя национальная идея.
x1
 
http://www.meweb.ru
Ditrin
Спасибо, буду действовать по инструкции Улыбчивый надеюсь получится сразу сделать без ошибок, пока все понятно - разложено по полочкам
 
Ditrin
Pisatel, это твой как есть header.php? или только основное скопировал?
что то не вижу закрывающих кавычек и echo
 
Pisatel
Основное. Но код валиден. Лишние echo я убрал, они ни к чему.
Я не европеец. И не азиат. Я русский. Я россиянин. Я за истинные семейные христианские ценности. И это - моя национальная идея.
 
http://www.meweb.ru
Поделиться:   
Перейти на форум:
Похожие темы
Темы Форум Ответов / Просмотров Последние сообщения
Мод Newsletter - рассылка писем пользователям сайта  →  CMS PHP Fusion 13 / 4834 10 апреля 2015 11:56:55
Слайдер для сайта  →  CMS PHP Fusion 9 / 4658 03 апреля 2015 09:24:55
Баги, ошибки на сайте  →  Всякая хрень 21 / 11592 25 марта 2013 18:52:09
Ai-Bolit: скрипт для обнаружения вредоносных кодов на сайте  →  PHP, MySQL 0 / 9258 22 марта 2013 08:32:07
Youtube: вывод информации о видео на сайте  →  PHP, MySQL 3 / 7191 21 марта 2013 13:15:26
Последние активные темы форума
  Темы Просмотров Ответов Последние сообщения
folder Вопрос по переделке bb-кода
PHP, MySQL
805 5 Pisatel
26. мая 2017
folder Вопросы по Ajax форме обратной связи
CMS PHP Fusion
5061 48 Ditrin
19. февраля 2017
folder BBCode YouTube Video Colorbox mod
CMS PHP Fusion
5954 2 Pisatel
10. декабря 2016
folder Как лучше создать собственную страницу?
CMS PHP Fusion
3768 17 Pisatel
11. мая 2016
folder Небольшие вопросы по скриптам магазина и катало...
PHP, MySQL
37535 80 Pisatel
11. января 2016
folder BBCode Code mod
CMS PHP Fusion
2835 0 Pisatel
31. августа 2015
folder Ajax Like Dislike Article Panel
CMS PHP Fusion
5103 16 Pisatel
07. июля 2015
folder Хлебные крошки / BreadCrumbs SEO Panel
CMS PHP Fusion
5637 17 Pisatel
04. июля 2015
folder Abbr Description BBCode
CMS PHP Fusion
2056 0 Pisatel
15. июня 2015
folder Плагин Email рассылки Mail To All by Pisatel
CMS PHP Fusion
7914 32 Pisatel
26. апреля 2015
folder Подозрительный трафик и прочие страшилки
Всякая хрень
3301 2 Ditrin
23. апреля 2015
folder Мод Newsletter - рассылка писем пользователям с...
CMS PHP Fusion
4834 13 Pisatel
10. апреля 2015
folder Мод отправки писем PHPMailer для PHP-Fusion
CMS PHP Fusion
23244 113 Ditrin
06. апреля 2015
folder Появление неизвестного файла subscriptions.php
CMS PHP Fusion
2496 2 Pisatel
06. апреля 2015
folder Autoban on IP
CMS PHP Fusion
10416 13 Pisatel
03. апреля 2015