Офис НП 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 / 7728 10 апреля 2015 11:56:55
Слайдер для сайта  →  CMS PHP Fusion 9 / 6731 03 апреля 2015 09:24:55
Баги, ошибки на сайте  →  Всякая хрень 21 / 14923 25 марта 2013 18:52:09
Ai-Bolit: скрипт для обнаружения вредоносных кодов на сайте  →  PHP, MySQL 0 / 10918 22 марта 2013 08:32:07
Youtube: вывод информации о видео на сайте  →  PHP, MySQL 3 / 8442 21 марта 2013 13:15:26
Последние активные темы форума
  Темы Просмотров Ответов Последние сообщения
folder Плагин Email рассылки Mail To All by Pisatel
CMS PHP Fusion
13262 33 promask
27. апреля 2019
folder Вопрос по переделке bb-кода
PHP, MySQL
3333 5 Pisatel
26. мая 2017
folder Вопросы по Ajax форме обратной связи
CMS PHP Fusion
13808 48 Ditrin
19. февраля 2017
folder BBCode YouTube Video Colorbox mod
CMS PHP Fusion
7711 2 Pisatel
10. декабря 2016
folder Как лучше создать собственную страницу?
CMS PHP Fusion
7059 17 Pisatel
11. мая 2016
folder Небольшие вопросы по скриптам магазина и катало...
PHP, MySQL
52727 80 Pisatel
11. января 2016
folder BBCode Code mod
CMS PHP Fusion
4029 0 Pisatel
31. августа 2015
folder Ajax Like Dislike Article Panel
CMS PHP Fusion
8163 16 Pisatel
07. июля 2015
folder Хлебные крошки / BreadCrumbs SEO Panel
CMS PHP Fusion
9202 17 Pisatel
04. июля 2015
folder Abbr Description BBCode
CMS PHP Fusion
3043 0 Pisatel
15. июня 2015
folder Подозрительный трафик и прочие страшилки
Всякая хрень
5707 2 Ditrin
23. апреля 2015
folder Мод Newsletter - рассылка писем пользователям с...
CMS PHP Fusion
7728 13 Pisatel
10. апреля 2015
folder Мод отправки писем PHPMailer для PHP-Fusion
CMS PHP Fusion
41288 113 Ditrin
06. апреля 2015
folder Появление неизвестного файла subscriptions.php
CMS PHP Fusion
3722 2 Pisatel
06. апреля 2015
folder Autoban on IP
CMS PHP Fusion
13641 13 Pisatel
03. апреля 2015