Офис НП 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
Наверх  #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
!
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
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
!
1
2
3
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
!
1
2
3
4
5
6
7
8
9
10
11
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 / 32720 10 апреля 2015 11:56:55
Слайдер для сайта  →  CMS PHP Fusion 9 / 15191 03 апреля 2015 09:24:55
Баги, ошибки на сайте  →  Всякая хрень 21 / 27611 25 марта 2013 18:52:09
Ai-Bolit: скрипт для обнаружения вредоносных кодов на сайте  →  PHP, MySQL 0 / 16606 22 марта 2013 08:32:07
Youtube: вывод информации о видео на сайте  →  PHP, MySQL 3 / 14160 21 марта 2013 13:15:26
Последние активные темы форума
  Темы Просмотров Ответов Последние сообщения