|
-3 / 2 / 0
Регистрация: 29.10.2013
Сообщений: 190
|
||||||
Оптимизация кода страницы школьного сайта на HTML23.08.2017, 18:04. Показов 1707. Ответов 19
Метки нет (Все метки)
Всем доброго времени суток.
Читая данный форум и другие ресурсы, стараюсь как могу улучшить код сайта. Для кого-то это само собой разумеющееся, а для меня прям открытие за открытием. Убрал все стили в файл, код стал меньше и понятнее. Страница для примера. http://www.kanewshool44.ru/news/2017/08/21_1.htm Страница формируется по средствам index.dwt По бокам каждую страницу сайта обрамляют с одной стороны меню с другой ссылки на сторонние ресурсы. Возможно ли исключить их, заменив ссылкой на содержащий их файл, например. Что-то типа как со стилями? Или такое не возможно? А то заменишь что-то в меню и нужно ВСЕ страницы сайта обновлять что очень не удобно. Вот меню.
З.Ы. Возможно есть на что обратить внимание, буду рад любой конструктивной критике. Так как новичок в этом деле. И если вы видите ошибки, то пожалуйста укажите на них. Лишний или не правильно организованный код и т.д. За ранее премного благодарен.
0
|
||||||
| 23.08.2017, 18:04 | |
|
Ответы с готовыми решениями:
19
Оптимизация html кода Оптимизация кода (HTML, CSS, JS) Оптимизация сайта - html / php |
|
9 / 9 / 1
Регистрация: 07.09.2013
Сообщений: 96
|
||
| 23.08.2017, 20:50 | ||
|
можно сделать блок вставку с меню или с ссылками и подгружать их из отдельного файла.
0
|
||
|
-3 / 2 / 0
Регистрация: 29.10.2013
Сообщений: 190
|
|
| 23.08.2017, 22:14 [ТС] | |
|
0
|
|
|
|
|||||||||||
| 23.08.2017, 22:39 | |||||||||||
|
Первый вариант. При помощи PHP.
Файл index.php:
Файл index.html:
1
|
|||||||||||
|
-3 / 2 / 0
Регистрация: 29.10.2013
Сообщений: 190
|
||||||
| 24.08.2017, 08:24 [ТС] | ||||||
|
mrtoxas,
Взял второй вариант. Отлично. Но получилось не сразу, оказалось что код
Премного благодарен. Пошел переделывать все страницы сайта. Возможно, если вас не затруднит, вы загляните вот в эту тему. Фотогалерея, оптимизация кода
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 минут Вот до чего до оптимизировался. :-) Мобыть еще чего лишнего осталось? Удалил лишние строки кода. Привел вроде к человеческому виду.
ПОМОГИТЕ. Столкнулся с проблемой при применении шаблона пути находящиеся в
Вот например
на
0
|
|||||||||||||||||||||
|
-3 / 2 / 0
Регистрация: 29.10.2013
Сообщений: 190
|
||
| 24.08.2017, 12:58 [ТС] | ||
|
У меня есть главная страница сайта index.htm. Но другие страницы сайта это другие htm файлы, в которых свой код.
0
|
||
|
|
|
| 24.08.2017, 13:10 | |
|
Код свой, а скрипты подключаем в index.htm. Может начаться, конечно, заморочка с асинхронностью, но это отдельная история.
Почему вы выбрали второй вариант - подключение страниц при помощи js? C первым у вас будет меньше проблем.
0
|
|
|
-3 / 2 / 0
Регистрация: 29.10.2013
Сообщений: 190
|
||||||||||||||||||
| 24.08.2017, 13:26 [ТС] | ||||||||||||||||||
|
И он работает. Ведь что
Установил Adobe Dreamweaver CC 2017 там так же пути не корректируются. Интересно как заставить Microsoft Office SharePoint Designer 2007 корректировать пути типа
Надеюсь я смог объяснить свое мнение понятно. Или я не правильно понимаю принцип работы сайта?
0
|
||||||||||||||||||
|
|
||||||
| 24.08.2017, 13:43 | ||||||
|
Посмотрите внимательно на структуру файлов, которые я вам скинул выше.
Все стили и скрипты, которые у вас в блоке <head> на всех подключаемых страницах, должны подключаться в файле index.htm. Страницы, которые вы подключаете, не должны иметь ни <html>, ни <head>, ни <body>. В подключаемых файлах хранится только контент, тот, который находится между тегов <body></body>.И если вы подключаете в index.htm стили
Это теория, а что там у вас происходит в Dreamweaver и SharePoint - я не знаю.
0
|
||||||
|
-3 / 2 / 0
Регистрация: 29.10.2013
Сообщений: 190
|
||||||||||||||||||
| 24.08.2017, 18:27 [ТС] | ||||||||||||||||||
|
Добавлено через 15 минут Так. Походу ничего не выйдет. Жаль. Да! настраивая главную страницу сайта index.htm (или html разницы не заметил) И вставляя в код страницы ссылки на меню. ВСЁ работает. Вот можете посмотреть. Тестовую страницу. http://www.kanewshool44.ru/TEST_1.htm НО на сайте много страниц :-) И они размещены в весьма многоуровневых каталогах. И вот тут то и кроется проблема. Ссылки меню имеют вид (или ссылки на файлы изображений, принцип один).
А при подгрузке из, скажем так, ваших файлов ссылки подгружаются не измененные, то есть по ним становится невозможно перейти. получаем 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 минут На картинки тоже работает непосредственное указание на картинку через полный путь начиная с сайта. А вот код подгрузить отказался. Пишет нет файла.
Ну ладно пути пока в ручную прописывать будем. Notepad++ в помощь :-) Внимание вопрос я правильно понимаю, что использование php предпочтительней чем html? Или нет? Добавлено через 10 минут Урааа победа. Заработало. www.kanewshool44.ru заменил на http://www.kanewshool44.ru
0
|
||||||||||||||||||
|
|
||
| 24.08.2017, 19:29 | ||
|
В данном случае, можно сравнивать наши два способа добавления страниц и вот тут, использование php предпочтительней. На форуме есть ветка PHP, где вы можете узнать много полезностей для вашей задачи.
0
|
||
|
-3 / 2 / 0
Регистрация: 29.10.2013
Сообщений: 190
|
|||||||||
| 25.08.2017, 12:46 [ТС] | |||||||||
|
Значит использование php для формирования страниц сайта приемлемо? Просто бОльшинство сайтов (ИМХО конечно) имеют странички html, и данный форум не исключение. :-) Добавлено через 1 минуту Добавлено через 16 часов 16 минут mrtoxas, Подскажите пожалуйста как с помощью переменных или чего-то другого, как подгружать необходимые файлы с разных уровней каталогов. Сейчас работает код.
А ../include/ не работает, так как нужно постоянно то добавлять то убавлять ../
0
|
|||||||||
|
-3 / 2 / 0
Регистрация: 29.10.2013
Сообщений: 190
|
||||||
| 26.08.2017, 17:30 [ТС] | ||||||
|
Отличная скажу я вам весчь этот w3-include-html=
Я через него даже остальные скрипты подргужать стал, удобнее и порядка больше. Хоть как я понял это и не по правилам, НО главное работает. Вот код шаблона.
0
|
||||||
|
|
|
| 26.08.2017, 19:51 | |
|
Работает, вот и славно.
Насчет правильности, например, я такое делать не стал бы, разве что, от безысходности. Но такой вариант есть, поэтому решение на нем имеет место быть, тем более для "лишь бы работало". Насчет сайтов на php, их намного больше, чем вы себе представляете и данный форум тоже к ним относится.
0
|
|
|
-3 / 2 / 0
Регистрация: 29.10.2013
Сообщений: 190
|
||
| 27.08.2017, 10:15 [ТС] | ||
|
Но уже под устал, мобыть потом.
0
|
||
| 27.08.2017, 10:15 | |
|
Помогаю со студенческими работами здесь
20
Html-код в одну строку. Оптимизация сайта
Парсинг html кода страницы Получение html кода страницы Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
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 была полностью переписана на Си, в. . .
|