Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.71/7: Рейтинг темы: голосов - 7, средняя оценка - 4.71
-3 / 2 / 0
Регистрация: 29.10.2013
Сообщений: 190

Оптимизация кода страницы школьного сайта на HTML

23.08.2017, 18:04. Показов 1707. Ответов 19
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем доброго времени суток.
Читая данный форум и другие ресурсы, стараюсь как могу улучшить код сайта.
Для кого-то это само собой разумеющееся, а для меня прям открытие за открытием.
Убрал все стили в файл, код стал меньше и понятнее.
Страница для примера.
http://www.kanewshool44.ru/news/2017/08/21_1.htm
Страница формируется по средствам index.dwt
По бокам каждую страницу сайта обрамляют с одной стороны меню с другой ссылки на сторонние ресурсы.
Возможно ли исключить их, заменив ссылкой на содержащий их файл, например. Что-то типа как со стилями?
Или такое не возможно? А то заменишь что-то в меню и нужно ВСЕ страницы сайта обновлять что очень не удобно.
Вот меню.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<ul1 class="menu">
    <li_meny><a href="https://www.cyberforum.ru/pages/01_school.name.htm">Имя Героя - имя школы</a></li_meny>
    <li_meny><a href="https://www.cyberforum.ru/pages/02_sved.ob.obraz.htm">Сведения об образовательной организации</a></li_meny>
    <li_meny><a href="https://www.cyberforum.ru/pages/03_npd.htm">Учредительные и правоустанавливающие документы</a></li_meny>
    <li_meny><a href="https://www.cyberforum.ru/pages/04_naprobrdeat.htm">Направления образовательной деятельности </a></li_meny>
    <li_meny><a href="https://www.cyberforum.ru/pages/05_orgobrpro.htm">Организация образовательного процесса</a></li_meny>
    <li_meny><a href="https://www.cyberforum.ru/pages/06_Kozak.htm">Казачье образование</a></li_meny> 
    <li_meny><a href="https://www.cyberforum.ru/pages/07_postupl.htm">Порядок поступления и вакантные места <br> в СОШ № 44</a></li_meny> 
    <li_meny><a href="https://www.cyberforum.ru/index.htm">Новости школьной жизни</a></li_meny>
    <li_meny><a href="https://www.cyberforum.ru/pages/08_pitanie.htm">Школьное питание</a></li_meny> 
    <li_meny><a href="https://www.cyberforum.ru/pages/09_uslugi.htm">Услуги населению и организациям</a></li_meny> 
    <li_meny><a href="https://www.cyberforum.ru/pages/10_mtr.htm">Материально-технические ресурсы ►</a>
            <ul_meny>
            <li_meny><a href="https://www.cyberforum.ru/pages/10-1_finansi.htm">Финансово-хозяйственная деятельность</a></li_meny> 
            </ul_meny> </li_meny>
 
    <li_meny><a href="https://www.cyberforum.ru/pages/11_rezultati.htm">Результаты деятельности</a></li_meny> 
    <li_meny><a href="https://www.cyberforum.ru/pages/12_vipusk.htm">Жизнеустройство выпускников документы</a></li_meny>
    <li_meny><a href="https://www.cyberforum.ru/html/html/pages/13_personaln.dann..htm">Персональные данные</a></li_meny>
    <li_meny><a href="https://www.cyberforum.ru/pages/14_examen.htm">Экзаменационная страничка  </a></li_meny>
    <li_meny><a href="https://www.cyberforum.ru/pages/15_olimpiada1.htm">Олимпиады и конкурсы</a></li_meny>
    <li_meny><a href="https://www.cyberforum.ru/pages/16_ASU_SGO.htm">АСУ «СГО»</a></li_meny>
    <li_meny><a href="https://www.cyberforum.ru/pages/17_GTO.htm">«Готов к труду и обороне»</a></li_meny>
    <li_meny><a href="https://www.cyberforum.ru/pages/18_Druzhba.htm">Спортивный клуб "Дружба"</a></li_meny>     
    <li_meny><a href="https://www.cyberforum.ru/pages/19_letopis.htm">Летопись Победы ►</a>
            <ul_meny>
            <li_meny><a href="https://www.cyberforum.ru/pages/19-1_70.htm">70-летию Победы-70 добрых дел</a></li_meny>
            </ul_meny> </li_meny>
    <li_meny><a href="https://www.cyberforum.ru/pages/20_kuban.htm">Кубановедение  </a></li_meny> 
    <li_meny><a href="https://www.cyberforum.ru/pages/21_rkpmo.htm">РКПМО</a></li_meny> 
    <li_meny><a href="https://www.cyberforum.ru/pages/22_prof.htm">Профсоюз</a></li_meny> 
    <li_meny><a href="https://www.cyberforum.ru/pages/23_Help_prof.htm">В помощь учителю  ►</a>
            <ul_meny>
            <li_meny><a href="https://www.cyberforum.ru/pages/23-1_att.htm">Аттестация педагогических кадров</a></li_meny> 
            <li_meny><a href="https://www.cyberforum.ru/pages/23-2_opit.htm">Передовой педагогический опыт</a></li_meny>
            <li_meny><a href="https://www.cyberforum.ru/pages/23-3_Personal_pages.htm">Личные страницы учителей</a></li_meny>
            </ul_meny> </li_meny>   
    <li_meny><a href="https://www.cyberforum.ru/pages/24_Phone_Red.htm" style="color:  #FF0000">Антикоррупция<br>ТЕЛЕФОН «ГОРЯЧЕЙ ЛИНИИ»</a></li_meny>
    <li_meny><a href="">БЕЗОПАСНОСТЬ ►</a>
        <ul_meny> 
             <li_meny><a href="https://www.cyberforum.ru/pages/25_Street_security.htm">«Дорожная безопасность»</a></li_meny> 
             <li_meny><a href="https://www.cyberforum.ru/pages/26_Anti-terror.htm">Антитеррор</a></li_meny>             
        </ul_meny> </li_meny>
    <li_meny><a href="https://www.cyberforum.ru/pages/27_couns_service.htm">Социально-психологическая служба</a></li_meny>    
    <li_meny><a href="https://www.cyberforum.ru/pages/28_school%20archives.htm">Школьный архив</a></li_meny>
    <li_meny><a href="https://www.cyberforum.ru/pages/29_about.htm">О сайте </a></li_meny>
    </ul1>
Возможно ли его как-то спрятать из шаблона заменив ссылкой по которой оно будет подружатся на каждой странице?

З.Ы. Возможно есть на что обратить внимание, буду рад любой конструктивной критике. Так как новичок в этом деле.
И если вы видите ошибки, то пожалуйста укажите на них. Лишний или не правильно организованный код и т.д.
За ранее премного благодарен.
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
23.08.2017, 18:04
Ответы с готовыми решениями:

Оптимизация html кода
Удельный вес (%) Head В среднем для Title:12.6% В среднем для Meta Keywords: на главной странице 3.7% В среднем для...

Оптимизация кода (HTML, CSS, JS)
Доброго времени суток уважаемые! Недавно задался себе вопросом: как оптимизировать страницу, в соответствии со всеми рекомендациями...

Оптимизация сайта - html / php
Есть такая замечательная игра - Dota Allstars (коротко говоря - Dota). В интернете сейчас это популярная тема - Яндекс-директ...

19
9 / 9 / 1
Регистрация: 07.09.2013
Сообщений: 96
23.08.2017, 20:50
Цитата Сообщение от NikolayHAOS Посмотреть сообщение
По бокам каждую страницу сайта обрамляют с одной стороны меню с другой ссылки на сторонние ресурсы.
Возможно ли исключить их, заменив ссылкой на содержащий их файл, например. Что-то типа как со стилями?
Исключить кого? ссылки на сторонние ресурсы? или меню?
можно сделать блок вставку с меню или с ссылками и подгружать их из отдельного файла.
0
-3 / 2 / 0
Регистрация: 29.10.2013
Сообщений: 190
23.08.2017, 22:14  [ТС]
Цитата Сообщение от Freekazoid Посмотреть сообщение
можно сделать блок вставку с меню или с ссылками и подгружать их из отдельного файла.
КАК сие сделать?
Читал вот такое.
http://www.webremeslo.ru/faq/faq2.html
НЕ работает.
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
23.08.2017, 22:39
Первый вариант. При помощи PHP.
Файл index.php:
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html lang="ru-UA">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">  
  <title>Document</title>
</head>
<body>
 
<!-- Подключаем нужные файлы -->
<?php include('first.php') ?>
<?php include('second.php') ?>
 
</body>
</html>
Второй вариант. При помощи js
Файл index.html:
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html lang="ru-UA">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
</head>
 
<body>
    <!-- Подключаем нужные файлы -->
    <div w3-include-html="first.html"></div>
    <div w3-include-html="second.html"></div>
    <!-- Подключаем плагин -->
    <script src="https://www.w3schools.com/lib/w3.js"></script>
    <script>
        // инициализируем плагин
        w3.includeHTML();
    </script>
</body>
 
</html>
Оба варианта следует запускать на сервере. В архиве работающие примеры. Первый вариант выполняется на сервере, второй - на стороне клиента.
Вложения
Тип файла: zip include.zip (2.6 Кб, 5 просмотров)
1
-3 / 2 / 0
Регистрация: 29.10.2013
Сообщений: 190
24.08.2017, 08:24  [ТС]
mrtoxas,
Взял второй вариант.
Отлично.
Но получилось не сразу, оказалось что код
HTML5
1
<script>w3.includeHTML();</script>
Должен быть в самом низу страницы, иначе не работает.
Премного благодарен.
Пошел переделывать все страницы сайта.
Возможно, если вас не затруднит, вы загляните вот в эту тему.
Фотогалерея, оптимизация кода
0
9 / 9 / 1
Регистрация: 07.09.2013
Сообщений: 96
24.08.2017, 09:01
Вам нужен шаблон сайта. его проще редактировать да и изменять легче
что такое шаблон почитать тут http://i-vd.org.ru/books/php/patterns.shtml
0
-3 / 2 / 0
Регистрация: 29.10.2013
Сообщений: 190
24.08.2017, 09:09  [ТС]
Freekazoid,
Дык я и работаю через шаблон, собственно его и редактирую.
У меня он называется index.dwt
0
9 / 9 / 1
Регистрация: 07.09.2013
Сообщений: 96
24.08.2017, 09:19
Никто и не оспаривает. У вас готовый шаблон возможно с CMS если его редактировать руками то CMS перестанет работать.
а так вам достаточно include 'фаил с блоком ссылок';
а лучше почитать о вашем шаблоне. https://helpx.adobe.com/ru/dreamweaver/using/dreamweaver-templates.html Дабы не сломать то что есть.
и тут http://webmastersam.ru/ins-dre... ablon.html
0
-3 / 2 / 0
Регистрация: 29.10.2013
Сообщений: 190
24.08.2017, 12:46  [ТС]
Freekazoid,
Упс.
Я работаю в Microsoft Office SharePoint Designer 2007
А ломать там уже не чего. :-)
Благодаря mrtoxas, там того шаблона кот наплакал.

Добавлено через 35 минут
Вот до чего до оптимизировался. :-)
Мобыть еще чего лишнего осталось?
Удалил лишние строки кода.
Привел вроде к человеческому виду.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!DOCTYPE html>
<html lang="ru">
<head>      
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<!-- #BeginEditable "doctitle" -->
<title></title>
<!-- #EndEditable -->
<script src="include/js/w3.js"></script>
<link href="skins/style.css" type="text/css" media="screen" rel="stylesheet" />
<script type="text/javascript" src="js/special.js"></script>
<link href="lightgallery/skins/shape/style.css" type="text/css" media="screen" rel="stylesheet" />
<script src="lightgallery/lightgallery.min.js" type="text/javascript"></script>
<script src="lightgallery/java.js" type="text/javascript"></script> 
</head>
<body background="https://www.cyberforum.ru/images/GLAVNAYA/fon.gif" style="background-attachment: fixed">
        <div align="center">
                <table border="0" width="1256" cellspacing="0" cellpadding="0">
                    <tr>
                        <td rowspan="2" width="27%" valign="top">
                            <div w3-include-html="include/menu.html"></div>
                        </td>
                        <td height="254" align="center" valign="top" width="56%">
                            <div w3-include-html="include/header.html"></div>
                        </td>
                        <td rowspan="2" valign="top" align="center" width="17%">
                            <div w3-include-html="include/sidebar.html"></div>
                        </td>
                    </tr>
                    <tr>                        
                        <td valign="top" style="width: 56%">
                        <!-- #BeginEditable "6" -->
                        <p><div class="Zagolovok"> </div></p>
                        <p><div class="Osnovnoy">
                        
                        </div>
                        
                        <p>&nbsp;</p>
                        <p>&nbsp;</p>
                                                                
                        <!-- #EndEditable -->
                        </td>
                    </tr>
                    <tr>
                        <td align="center" colspan="3">
                            <div w3-include-html="include/Footer.html"></div>
                        </td>
                    </tr>
                </table>
            </div>
            <script>w3.includeHTML();</script>
</body>
</html>
Добавлено через 24 минуты
ПОМОГИТЕ.

Столкнулся с проблемой при применении шаблона пути находящиеся в
HTML5
1
<div w3-include-html="include/Footer.html"></div>
Не изменяются автоматически на основании расположения файла.
Вот например
HTML5
1
<script src="lightgallery/lightgallery.min.js" type="text/javascript"></script>
Меняется если файл уходит в глубь сайта
на
HTML5
1
<script src="../lightgallery/lightgallery.min.js" type="text/javascript"></script>
Кто подскажет как быть?
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
24.08.2017, 12:55
Все подключения скриптов должны быть в index.html и тогда никакие пути меняться не должны.
0
-3 / 2 / 0
Регистрация: 29.10.2013
Сообщений: 190
24.08.2017, 12:58  [ТС]
Цитата Сообщение от mrtoxas Посмотреть сообщение
Все подключения скриптов должны быть в index.html
Это как?
У меня есть главная страница сайта index.htm.
Но другие страницы сайта это другие htm файлы, в которых свой код.
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
24.08.2017, 13:10
Код свой, а скрипты подключаем в index.htm. Может начаться, конечно, заморочка с асинхронностью, но это отдельная история.
Почему вы выбрали второй вариант - подключение страниц при помощи js? C первым у вас будет меньше проблем.
0
-3 / 2 / 0
Регистрация: 29.10.2013
Сообщений: 190
24.08.2017, 13:26  [ТС]
Цитата Сообщение от mrtoxas Посмотреть сообщение
Почему вы выбрали второй вариант - подключение страниц при помощи js?
Он мне понятнее.
И он работает.
Цитата Сообщение от mrtoxas Посмотреть сообщение
C первым у вас будет меньше проблем.
Вряд ли.

Ведь что
HTML5
1
2
3
<!-- Подключаем нужные файлы -->
    <div w3-include-html="first.html"></div>
    <div w3-include-html="second.html"></div>
Что

HTML5
1
2
3
<!-- Подключаем нужные файлы -->
<?php include('first.php') ?>
<?php include('second.php') ?>
Пути к этим файлам корректироваться не будут.
Установил Adobe Dreamweaver CC 2017 там так же пути не корректируются.
Интересно как заставить Microsoft Office SharePoint Designer 2007 корректировать пути типа
HTML5
1
<div w3-include-html="first.html"></div>
Сайт школы (ссылка на него в первом сообщении, построен на чистом html и по большому счету каждая его страница абсолютно отдельный модуль. Где в коде прописаны пути и параметры для неё.

Надеюсь я смог объяснить свое мнение понятно.

Или я не правильно понимаю принцип работы сайта?
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
24.08.2017, 13:43
Посмотрите внимательно на структуру файлов, которые я вам скинул выше.
Все стили и скрипты, которые у вас в блоке <head> на всех подключаемых страницах, должны подключаться в файле index.htm. Страницы, которые вы подключаете, не должны иметь ни <html>, ни <head>, ни <body>. В подключаемых файлах хранится только контент, тот, который находится между тегов <body></body>.
И если вы подключаете в index.htm стили
HTML5
1
2
<link href="skins/style.css" type="text/css" media="screen" rel="stylesheet" />
<script src="lightgallery/java.js" type="text/javascript"></script>
то подключаемые к index.htm файлы тоже будут работать с этими стилями\скриптами. Но при этом, index.htm у вас всегда находится в одном месте и путь к этим скриптам\файлам всегда один.

Это теория, а что там у вас происходит в Dreamweaver и SharePoint - я не знаю.
0
-3 / 2 / 0
Регистрация: 29.10.2013
Сообщений: 190
24.08.2017, 18:27  [ТС]
Цитата Сообщение от mrtoxas Посмотреть сообщение
Это теория, а что там у вас происходит в Dreamweaver и SharePoint - я не знаю.
Не... ну я естественно проверяю все закачивая через файлзиллу на сервер.
Цитата Сообщение от mrtoxas Посмотреть сообщение
Посмотрите внимательно на структуру файлов, которые я вам скинул выше.
Пошел изучать.

Добавлено через 15 минут
Так. Походу ничего не выйдет. Жаль.
Да! настраивая главную страницу сайта index.htm (или html разницы не заметил)
И вставляя в код страницы ссылки на меню. ВСЁ работает.
Вот можете посмотреть. Тестовую страницу.
http://www.kanewshool44.ru/TEST_1.htm
НО на сайте много страниц :-) И они размещены в весьма многоуровневых каталогах.
И вот тут то и кроется проблема.
Ссылки меню имеют вид (или ссылки на файлы изображений, принцип один).
HTML5
1
<a href="news/2017/08/23.htm">Бла-бла-текст</a>
И если например файл новости находится в каталоге за другой год, то та же ссылка уже примет вид.
HTML5
1
<a href="две точки/news/2017/08/23.htm">Бла-бла-текст</a>
При перемещении файлов и страниц сайта через SharePoint эти ссылки корректируются автоматом.
А при подгрузке из, скажем так, ваших файлов ссылки подгружаются не измененные, то есть по ним становится невозможно перейти. получаем 404 страницу.

Добавлено через 5 минут
Вот это хорошо видно на вот этой странице.
Переместил тестовую старницу в другой каталог.
http://www.kanewshool44.ru/test/TEST_1.htm
И в ручную поправил одну ссылку на файл бокового сидебара.

Добавлено через 11 минут
А если погрузиться ещё глубже в каталоги, ТО не смотря на корректировки путей к файлам, в самих файлах содержащих ссылки меню никто коррекцию не производил, посему все ссылки перестанут работать, а картинки не будут отображаться.
http://www.kanewshool44.ru/test/1/2/TEST_1.htm
Блин... А так хорошо начиналось.

Добавлено через 3 часа 38 минут
Так разобрался с файлом меню.
SharePoint Designer 2007 прописывает ссылки относительно текущей позиции, что не удобно для меню на каждой странице.
Изменил ссылки непосредственно указав страницу в интернете.
(для примера http://www.kanewshool44.ru/pages/12_vipusk.htm)
И вуаля заработало.
Вопрос, а будет ли работать такое указание на расположение файла самого меню?
Попробую отпишусь.

Добавлено через 5 минут
На картинки тоже работает непосредственное указание на картинку через полный путь начиная с сайта.
А вот код подгрузить отказался. Пишет нет файла.
HTML5
1
<?php include('www.kanewshool44.ru/include/menu.php') ?>
Добавлено через 12 минут
Ну ладно пути пока в ручную прописывать будем.
Notepad++ в помощь :-)

Внимание вопрос я правильно понимаю, что использование php предпочтительней чем html? Или нет?

Добавлено через 10 минут
Урааа победа.
Заработало.
www.kanewshool44.ru
заменил на
http://www.kanewshool44.ru
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
24.08.2017, 19:29
Цитата Сообщение от NikolayHAOS Посмотреть сообщение
что использование php предпочтительней чем html
html это язык разметки, а php - серверный язык программирования. Сравнение некорректно.
В данном случае, можно сравнивать наши два способа добавления страниц и вот тут, использование php предпочтительней.
На форуме есть ветка PHP, где вы можете узнать много полезностей для вашей задачи.
0
-3 / 2 / 0
Регистрация: 29.10.2013
Сообщений: 190
25.08.2017, 12:46  [ТС]
Цитата Сообщение от mrtoxas Посмотреть сообщение
html это язык разметки, а php - серверный язык программирования. Сравнение некорректно.
Отличный ответ, уже понятнее.
Цитата Сообщение от mrtoxas Посмотреть сообщение
и вот тут, использование php предпочтительней.
Это и хотел услышать.
Значит использование php для формирования страниц сайта приемлемо?
Просто бОльшинство сайтов (ИМХО конечно) имеют странички html, и данный форум не исключение. :-)

Добавлено через 1 минуту
Цитата Сообщение от mrtoxas Посмотреть сообщение
На форуме есть ветка PHP
Пойду гляну чего там такое. Если честно страшновато.

Добавлено через 16 часов 16 минут
mrtoxas,
Подскажите пожалуйста как с помощью переменных или чего-то другого, как подгружать необходимые файлы с разных уровней каталогов.
Сейчас работает код.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html lang="ru-UA">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
</head>
 
<body>
    <!-- Подключаем нужные файлы -->
    <div w3-include-html="http://www.kanewshool44.ru/include/menu.html"></div>
    <div w3-include-html="../include/header.html"></div>
    <!-- Подключаем плагин -->
    <script src="https://www.w3schools.com/lib/w3.js"></script>
    <script>
        // инициализируем плагин
        w3.includeHTML();
    </script>
</body>
 
</html>
Сейчас работает код где в адресе указано http://www.kanewshool44.ru/
А ../include/ не работает, так как нужно постоянно то добавлять то убавлять ../
0
-3 / 2 / 0
Регистрация: 29.10.2013
Сообщений: 190
26.08.2017, 17:30  [ТС]
Отличная скажу я вам весчь этот w3-include-html=
Я через него даже остальные скрипты подргужать стал, удобнее и порядка больше.
Хоть как я понял это и не по правилам, НО главное работает.
Вот код шаблона.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html lang="ru">
<head>      
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<!-- #BeginEditable "doctitle" -->
<title></title>
<!-- #EndEditable -->
<script src="include/js/w3.js"></script>
<div w3-include-html="http://www.kanewshool44.ru/include/script.html"></div>
</head>
<body background="images/GLAVNAYA/fon.gif" style="background-attachment: fixed">
    <div align="center">
        <table border="0" width="1256" cellspacing="0" cellpadding="0">
            <tr>
                <td width="27%" align="center" valign="top">
                    <a href="index.htm"><img border="0" src="images/GLAVNAYA/School.png" width="334" height="266"></a></td>                     
                <td height="254" align="center" valign="top" width="56%">
                    <div w3-include-html="http://www.kanewshool44.ru/include/header.html"></div>
                <td height="254" valign="top" width="17%">
                    <div w3-include-html="http://www.kanewshool44.ru/include/logo_2.html"></div>
                </td>
            </tr>
            <tr>
                <td width="27%" align="center" valign="top">
                    <div w3-include-html="http://www.kanewshool44.ru/include/menu.html"></div>
                </td>
                <td align="center" valign="top" width="56%">
                <!-- #BeginEditable "docarticle" -->
                <p><div class="Zagolovok"> </div></p>
                <p><div class="Osnovnoy">
                
                </div>              
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>
                <p>&nbsp;</p>                                                           
                <!-- #EndEditable -->
                </td>
                <td align="center" valign="top" width="17%">
                    <div w3-include-html="include/sidebar.html"></div>  
                </td>
            </tr>
            <tr>
                <td align="center" valign="top" colspan="3">
                    <div w3-include-html="http://www.kanewshool44.ru/include/Footer.html"></div>
                </td>
            </tr>
        </table>
    </div>
<script>w3.includeHTML();</script>
</body>
</html>
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
26.08.2017, 19:51
Работает, вот и славно.
Насчет правильности, например, я такое делать не стал бы, разве что, от безысходности. Но такой вариант есть, поэтому решение на нем имеет место быть, тем более для "лишь бы работало".
Насчет сайтов на php, их намного больше, чем вы себе представляете и данный форум тоже к ним относится.
0
-3 / 2 / 0
Регистрация: 29.10.2013
Сообщений: 190
27.08.2017, 10:15  [ТС]
Цитата Сообщение от NikolayHAOS Посмотреть сообщение
Я через него даже остальные скрипты подргужать стал, удобнее и порядка больше.
На счет скриптов это я поспешил, не работают. А на php работало бы? Нужно будет проверить.
Но уже под устал, мобыть потом.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
27.08.2017, 10:15
Помогаю со студенческими работами здесь

Проверка кода сайта на ошибки и оптимизация
Всем привет! Я начинающий веб-разработчик. Написал свой первый сайт и хотел бы что-бы вы проверили его на всякого рода ошибки, неправильную...

Html-код в одну строку. Оптимизация сайта
Здравствуйте. Есть ли смысл выводить код html в одну строку? Дает ли это какие-нибудь плюсы?

Получение html кода страницы
Помогите разобраться с получением html кода интернет страницы в приложении android, для последующего извлечения из неё информации.

Парсинг html кода страницы
&lt;strong id=&quot;upoints&quot;&gt;0.00&lt;/strong&gt; Есть кусочек кода, из него нужно вытянуть переменную &quot;0.00&quot; в стринг, а лучше в лэйбл. Как это...

Получение html кода страницы
Здраствуйте, как получать через webBrowser код я знаю, а можно обойтись как нибудь без него, чтоб в коде переходил на сайт и проделывал...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
20
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru