Офис НП 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
Наверх  #1 Распечатать пост
Опубликовано 02 марта 2015 22:28:39
Очень понравилась статья Перевод сайта на стандарт HTML5, сразу же захотелось проделать то же самое! Но, как обычно это бывает , когда сталкиваешься с чем-то новым, всегда осторожничаешь и боишься что-нибудь сделать не так. Pisatel, с чего лучше начать? Есть какие нибудь рекомендации, поскольку ты уже прошел через это и возможно будут какие нибудь небольшие советы по этому поводу? судя по всему там похоже много прийдется исправлять... или это только так кажется Улыбчивый
 
Pisatel
Наверх  #2 Распечатать пост
Опубликовано 03 марта 2015 08:39:29
В принципе, все несложно. Гораздо сложнее (относительно, конечно) будет чистка почти всех файлов, в которых есть разметка. Например, по новым стандартам весь стиль должен быть либо в файле css, либо в атрибуте style. Для начала могу скинуть файл themes/templates/header.php, как он сделан у меня. Дальше- нужно будет чуть подправить файл themes/your_theme_name/theme.php. Ну и еще небольшой штрих- добавить несколько правил в styles.css для "обнуления" некоторых тегов для последующей спокойной работы с ними.

Я не европеец. И не азиат. Я русский. Я россиянин. Я за истинные семейные христианские ценности. И это - моя национальная идея.
x1
 
http://www.meweb.ru
Pisatel
Наверх  #3 Распечатать пост
Опубликовано 03 марта 2015 08:43:31
По порядку: мой файл 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
Наверх  #4 Распечатать пост
Опубликовано 03 марта 2015 09:04:08
Теперь- файл 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
Наверх  #5 Распечатать пост
Опубликовано 03 марта 2015 09:37:58
Спасибо, буду действовать по инструкции Улыбчивый надеюсь получится сразу сделать без ошибок, пока все понятно - разложено по полочкам
 
Ditrin
Наверх  #6 Распечатать пост
Опубликовано 05 марта 2015 18:05:13
Pisatel, это твой как есть header.php? или только основное скопировал?
что то не вижу закрывающих кавычек и echo
 
Pisatel
Наверх  #7 Распечатать пост
Опубликовано 06 марта 2015 08:30:36
Основное. Но код валиден. Лишние echo я убрал, они ни к чему.

Я не европеец. И не азиат. Я русский. Я россиянин. Я за истинные семейные христианские ценности. И это - моя национальная идея.
 
http://www.meweb.ru
Поделиться:   
Перейти на форум:
Похожие темы
Темы Форум Ответов / Просмотров Последние сообщения
Мод Newsletter - рассылка писем пользователям сайта  →  CMS PHP Fusion 13 / 30930 10 апреля 2015 11:56:55
Слайдер для сайта  →  CMS PHP Fusion 9 / 13680 03 апреля 2015 09:24:55
Баги, ошибки на сайте  →  Всякая хрень 21 / 25730 25 марта 2013 18:52:09
Ai-Bolit: скрипт для обнаружения вредоносных кодов на сайте  →  PHP, MySQL 0 / 15822 22 марта 2013 08:32:07
Youtube: вывод информации о видео на сайте  →  PHP, MySQL 3 / 13157 21 марта 2013 13:15:26
Последние активные темы форума
  Темы Просмотров Ответов Последние сообщения
folder Вопрос по переделке bb-кода
PHP, MySQL		 22129 5 Pisatel
26. мая 2017
folder Вопросы по Ajax форме обратной связи
CMS PHP Fusion		 67430 48 Ditrin
19. февраля 2017
folder BBCode YouTube Video Colorbox mod
CMS PHP Fusion		 15252 2 Pisatel
10. декабря 2016
folder Как лучше создать собственную страницу?
CMS PHP Fusion		 17737 17 Pisatel
11. мая 2016
folder Небольшие вопросы по скриптам магазина и катало...
PHP, MySQL		 142744 80 Pisatel
11. января 2016
folder BBCode Code mod
CMS PHP Fusion		 14255 0 Pisatel
31. августа 2015
folder Ajax Like Dislike Article Panel
CMS PHP Fusion		 22299 16 Pisatel
07. июля 2015
folder Хлебные крошки / BreadCrumbs SEO Panel
CMS PHP Fusion		 25986 17 Pisatel
04. июля 2015
folder Abbr Description BBCode
CMS PHP Fusion		 7600 0 Pisatel
15. июня 2015
folder Плагин Email рассылки Mail To All by Pisatel
CMS PHP Fusion		 36619 32 Pisatel
26. апреля 2015
folder Подозрительный трафик и прочие страшилки
Всякая хрень		 11709 2 Ditrin
23. апреля 2015
folder Мод Newsletter - рассылка писем пользователям с...
CMS PHP Fusion		 30930 13 Pisatel
10. апреля 2015
folder Мод отправки писем PHPMailer для PHP-Fusion
CMS PHP Fusion		 126337 113 Ditrin
06. апреля 2015
folder Появление неизвестного файла subscriptions.php
CMS PHP Fusion		 8801 2 Pisatel
06. апреля 2015
folder Autoban on IP
CMS PHP Fusion		 23085 13 Pisatel
03. апреля 2015