Мобильные проблемы

  • Автор темы Catrin_Flame
  • 77
  • Обновлено
  • 13, May 2024
  • #1
Здравствуйте, у меня есть веб-сайт, который хорошо выглядит на настольном ПК, но на мобильном устройстве есть некоторые проблемы, с которыми, возможно, кто-то сможет мне помочь. Прежде всего, я все еще использую статический HTML с включаемыми файлами для кодирования всех своих сайтов, а не CMS.

У меня также есть весь мой CSS-код прямо на всех страницах, так что вы можете просто зайти на сайт и просмотреть исходный код, чтобы увидеть все.

Вот сайт:
http://www.furiouspaul.com/

Я уже проделал большую работу, чтобы он выглядел лучше для мобильных устройств, но главная проблема в том, что он не всегда правильно вписывается в мобильное устройство.

Я заметил, что для того, чтобы заставить его работать, мне нужно перевернуть телефон из горизонтального положения в вертикальное или наоборот, и тогда это, кажется, корректирует ширину страницы, чтобы она правильно помещалась на устройстве.

Мой вопрос: как я могу подогнать его по ширине телефона без необходимости переворачивать его по вертикали или по горизонтали, чтобы исправить?

Catrin_Flame


Рег
01 Jan, 2011

Тем
1

Постов
2

Баллов
12
  • 21, May 2024
  • #2
Хорошо, мне самому удалось добавить в свой новый шаблон кое-что еще, связанное с шаблоном:
http://www.furiouspaul.com/new-template.htm

Мои текущие проблемы:

Мне нужен код, чтобы сделать это так, когда левая навигация перемещается вниз после уменьшения ширины экрана, чтобы вместо этого она исчезла, но затем она появилась, как то меню вертикальных ссылок, которое меня создала Deathshadow.

Кроме того, некоторые вещи не выстраиваются правильно, когда я уменьшаю ширину экрана.

В основном это часть «Тип страницы». Наверное, со всем остальным я сейчас справлюсь. Со временем я продолжаю добавлять в свой шаблон больше материалов, и вы можете проверить его в любое время, когда я его улучшаю.

Если кто-то хочет дать мне советы, предложения или лучший код, дайте мне знать.

Извините, я медленно делаю это!
 

mulka45


Рег
10 Aug, 2013

Тем
0

Постов
2

Баллов
2
  • 21, May 2024
  • #3
Вау, спасибо большое! Это поможет мне лучше начать все делать.

Я ценю помощь мне в этом, это очень много значит для меня! Хотя есть несколько вещей, которые мне хотелось бы изменить.

Я хочу, чтобы горизонтальные ссылки вверху находились в нижнем колонтитуле внизу страницы.

Я пытаюсь сделать все проще и меньше беспорядка, и мне показалось, что некоторые из этих ссылок принадлежат только нижнему колонтитулу.

Я фактически переделал шаблон прямо здесь, который также включает в себя некоторые элементы с разных страниц, такие как домашняя страница «Новости/Обновления» и навигация «Другие статьи». Вы можете видеть это здесь:
http://www.furiouspaul.com/new-template.htm

Если бы я смог поместить остальную часть этого материала в шаблон, он был бы практически завершен. У меня также есть еще два вопроса.

Можно ли сделать отступ для логотипа FuriousPaul вверху, чтобы он начинался над разделом «Содержимое», а не слева (как сейчас у меня на сайте)? И, наконец, вместо того, чтобы оставлять боковую навигацию внизу страницы при уменьшении ширины экрана, можете ли вы просто заставить ее исчезнуть?
 

vyatka1


Рег
01 Jan, 2011

Тем
0

Постов
2

Баллов
2
  • 01, Jun 2024
  • #4
Хорошо, я прочитал новые семантические элементы и начал пытаться перекодировать свой сайт с помощью новых методов, но со многими вещами у меня возникают проблемы.

Прежде всего я пытаюсь заставить свой сайт выглядеть точно так же, как сейчас, но с новым кодом.

Структура моего сайта такая:

ОООООООООООООООООО

OHheader .................................O

ОООООООООООООООООО

ОНавО.................................................О

О......О................СТАТЬЯ..............О

О......О................................................. О

О......О................................................. О

О......О................................................. О

ОООООООООООООООООО

O............НИЖНИЙ ФОТЕР..............O

ОООООООООООООООООО

Моя текущая проблема заключается в том, что я не знаю, как создать боковую навигацию, в которой СТАТЬЯ не переносится под раздел навигации.

Я могу сделать {левое поле: 165 пикселей} для раздела «Статьи», и это изначально работает.

Но я пишу свой сайт так, чтобы раздел NAV скрывался, когда ширина экрана уменьшалась.

Проблема здесь в том, что раздел СТАТЬЯ по-прежнему имеет левое поле 165 пикселей, поэтому слева остается большое пустое пространство.

Я хочу, чтобы раздел СТАТЬЯ перемещался полностью влево, когда раздел NAV скрывается с экрана (после уменьшения ширины экрана).

Мне удалось очень легко сделать это с таблицами, просто скрыв столбцы таблицы после достижения определенной ширины экрана, но с этим новым методом я ничего не понимаю.

это то, что у меня есть до сих пор: http://www.furiouspaul.com/test1.html
 

pawlap1


Рег
22 Feb, 2014

Тем
3

Постов
5

Баллов
35
  • 07, Jun 2024
  • #5
Привет, Джейсонуилкс, Судя по всему, ваш сайт был создан с использованием методология двадцатого века, так Я бы посоветовал вам отказаться от него и переписать его, используя современный семантический код. Вот базовый пример макета...
 

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="ширина = ширина устройства, начальный масштаб = 1,0">

<title>untitled document</title>

<link rel="stylesheet" href="#" media="screen">

<style media="screen">

#container {

width:96%;

max-width:1100px;

padding:10px;

margin:auto;

border:1px solid #999;

box-sizing:border-box;

}

#header {

height:80px;

padding:10px;

margin-bottom:10px;

border:1px solid #999;

}

#navigation {

float:left;

width:260px;

padding:10px;

margin-bottom:10px;

border:1px solid #999;

}

#content {

margin:0 0 10px 292px;

padding:10px;

border:1px solid #999;

}

#footer {

clear:both;

height:130px;

padding:10px;

border:1px solid #999;

}

@media screen and (max-width:800px) {

#navigation {

float:none;

width:auto

}

#content {

margin:0 0 10px 0;

}

</style>

</head>

<body>

<div id="container">

<div id="header">header</div>

<div id="navigation">links</div>

<div id="content">content</div>

<div id="footer">footer</div>

</div>

</body>

</html>

Код (разметка): болван
 

GREKKING


Рег
19 Jul, 2015

Тем
1

Постов
2

Баллов
12
  • 08, Jun 2024
  • #6
Включения/шаблоны на стороне разработчика уступили место PHP.

который для простых вещей почти так же прост в использовании. Вообще говоря, если вам нужно что-то более сложное, чем простой текстовый редактор, например, замена блокнота, вы делаете это ВСЕ НЕПРАВИЛЬНО.

Если все, что вы знаете, это дизайн в стиле «WYSIWYG», вам нужно отучиться от вредных привычек, которым НИКОГДА не следовало позволять существовать.

Frontpage, Nyetscape Composer, панель предварительного просмотра/дизайна в Dreamweaver — все это полоумный мошенник BS, который только вводит людей в заблуждение, заставляя их думать, что они могут создать веб-сайт.

На странице «Инструменты торговли» на моем сайте есть несколько предложений для редакторов:

http://www.cutcodedown.com/article/tools_of_the_trade

Я предпочитаю «Блокнот Фло 2» только потому, что в нем нет функций, которые просто мешают, а те немногие, которые у него есть, можно легко отключить… но есть десятки, если не сотни прекрасных и модных вариантов, и Чтобы найти тот, который соответствует вашему вкусу, нужно попробовать их все.

Вы тестируете, как это выглядит в реальных браузерах.

Как я излагаю в своей статье о прогрессивном улучшении:
http://www.cutcodedown.com/article/progressive_enhancement

Вы начинаете со своего контента или его факсимиле в редакторе плоского текста, как будто HTML даже не существует, затем вы используете HTML-теги со семантическим значением, чтобы сказать, что ЕСТЬ, а не то, как они выглядят.

Если вы выбираете HTML-теги на основе внешнего вида, вы выбираете неправильные теги по совершенно неправильным причинам.

Помните, что h1 — это заголовок, частью которого является все на странице, поэтому заголовок/логотип сайта ОБЫЧНО лучший кандидат для этого.

Ваш h2 указывает на начало подразделов этого ОДНОГО h1, (редко существует законная причина иметь более одного h1 на странице, кроме незнания), H3 — это начало подразделов предшествующего им H2 и так далее по строке... HR (горизонтальная линейка), указывающая на изменение темы... H1..H6 нет ИМЕТЬ В ВИДУ текст разного размера, а также HR ИМЕТЬ В ВИДУ «нарисовать линию по экрану», даже если это внешний вид по умолчанию.

Внешний вид — это не работа HTML, это работа браузера или CSS.

P предназначен для грамматических абзацев, а не для вещей, которые «просто являются текстом», LI предназначен для коротких пунктов списка (хорошее практическое правило, если это требует пронумерованного тега заголовка, это не элемент списка) и т. д. и т. п. Даже и имеют семантическое значение того, когда текст будет таким в профессиональном письме (названия книг, имена собственные), а не только потому, что вы хотите, чтобы текст был выделен жирным шрифтом или курсивом, точно так же, как и означают текст. получает «акцент» или «больше внимания» соответственно. Хорошее практическое правило: если это заголовок или имя, вы не подчеркиваете его... (хотя вы можете его цитировать, и в этом случае используйте )

DIV и SPAN не несут никакого значения, поэтому при создании семантической разметки в HTML добавляется НУЛЕВОЕ МЕСТО.

Они добавляются во время создания вашего стиля — лучше всего делать это во внешней таблице стилей, поскольку, опять же, внешний вид не имеет НУЛЕВОГО значения в вашем HTML, за исключением самых редких исключений.

По сути, если вы используете тег
 

gnoms


Рег
05 Mar, 2012

Тем
1

Постов
3

Баллов
13
  • 08, Jun 2024
  • #7
Хорошо, оставшуюся часть вечера я буду занят, но завтра я объясню это, а пока вот это переписываю:
http://www.cutcodedown.com/for_others/furiousPaul/template.html

как и во всех моих примерах, каталог:
http://www.cutcodedown.com/for_others/furiousPaul/

... широко открыт для легкого доступа к липким кусочкам.

Это требует большого количества стилистических вольности, но уменьшает количество изображений в теме, поэтому вы можете использовать это в контенте.

Динамические шрифты, полужидкий макет и адаптивная замена стилей макета в зависимости от доступной ширины, и для наглядности я добавил туда триггер Retina/HDX.

(kindle fire HDX может оказаться настоящей сукой, если вы этого не планируете) Я также заменил средний абзац на встраивание видео, чтобы вы действительно могли видеть, что видео адаптивное, как и остальная часть макета, убирающая столбцы, плавающие элементы и т. д. по мере необходимости.

На многие изменения в дизайне напрямую повлияли потребности пользователя или просто соображения здравого смысла, например «почему ваше меню внизу?» Завтра я напишу, как/что/почему, чтобы вы могли понять, что я сделал и почему.
 

DEN3


Рег
16 Dec, 2011

Тем
1

Постов
2

Баллов
12
  • 08, Jun 2024
  • #8
спасибо за ответы.

Похоже, мне здесь есть чему поучиться.

Для написания кода своего сайта я использовал FrontPage 2003, поскольку я использовал его на протяжении многих лет.

Что касается функциональности, я думаю, что он отлично работает на настольных компьютерах, но не так хорошо на мобильных устройствах.

В любом случае, я попытался преобразовать свой сайт в новый формат, но я действительно запутался, сейчас все действительно по-другому.



Может ли кто-нибудь порекомендовать хороший HTML-редактор, помимо FrontPage 2003, который позволит мне создавать статические страницы HTML5 и помещать их во включаемый код? Я предполагаю, что файлы «Include» все еще используются сегодня, верно? Или мне тоже придется отказаться от этого? Я пытаюсь избегать CMS и придерживаться метода Include для статического HTML.

Может ли кто-нибудь помочь мне начать работу и преобразовать одну из моих страниц в новый формат? например, эта страница здесь: http://www.furiouspaul.com/test.html

Я действительно пытаюсь сделать так, чтобы оно выглядело именно так, как оно у меня есть сейчас. Новые семантические элементы HTML5 мне действительно кажутся странными, я вообще не привык к этому методу. Я использовал таблицы для вложения практически всего. Спасибо за любую помощь!
 

leprikon1


Рег
04 Aug, 2012

Тем
1

Постов
2

Баллов
12
  • 10, Jun 2024
  • #9
Миссия выполнена! После 155 часов работы я перевел все свои страницы на всем сайте в новый формат, мне пришлось пройти около 75 страниц.
http://www.furiouspaul.com/

Я многому научился в процессе.

Для редактирования я использовал NotePad++. Я избавился от всех старых HTML-тегов и заменил их CSS.

Я превратил множество таблиц в DIV.

Divs — это то, в чем я новичок, так как использую таблицы всегда.

Divs - это круто, они могут скользить поверх других div, дают больше возможностей для реагирования, о которых я не подозревал. В любом случае, спасибо Deathshadow за то, что помогли мне начать, и спасибо остальным за то, что направили меня в правильном направлении.

Если вы заметите, что на сайте что-то не так или я могу что-то улучшить, дайте мне знать!
 

Михаил4


Рег
24 Jul, 2013

Тем
4

Постов
6

Баллов
46
  • 11, Jun 2024
  • #10
Хм... Надеюсь, это поможет вам. В основном это касается проблемы со страницей загрузки, но есть некоторые рекомендации, которые также могут помочь вам улучшить ваш мобильный сайт в целом.
https://developers.google.com/speed/pagespeed/insights/
 

Алексей Александрович


Рег
07 Jul, 2012

Тем
0

Постов
3

Баллов
3
  • 11, Jun 2024
  • #11
Во-первых, я советую вам ИГНОРИРОВАТЬ эти теги HTML 5 до тех пор, пока вы не получите четкое представление о семантике HTML 4... СТАТЬЯ, РАЗДЕЛ, НИЖНИЙ ФОТЕР, NAV - все это избыточно для нумерованных заголовков и горизонтальных правил, если вы используете их правильно.

Они приносят больше головной боли, чем пользы, и, как правило, только еще больше запутывают ситуацию. Вот что я вам скажу, я делаю это время от времени.

Я возьму вашу страницу test1 и перепишу ее в «современном стиле» как правильный адаптивный макет, используя правильную семантику, отделение презентации от контента, да-яда.

затем я напишу по разделам, как это сделать.

что почему.

Процесс, которому я буду следовать, я описываю на своей странице здесь:
http://www.cutcodedown.com/article/progressive_enhancement

.
Кроме того, мы, фанаты ретрогейминга, должны держаться вместе.

А пока давайте просто скажем, что, учитывая то, что у вас есть на странице, мой HTML, вероятно, будет довольно близок к этому:
 <!DOCTYPE html><html lang="en"><head><meta charset="utf-8">

<meta

name="viewport"

content="ширина = ширина устройства, высота = высота устройства, начальный масштаб = 1"

>

<!-- HTML 5 validator will balk at "projection" and "tv" -- F*** THEM! -->

<link rel="stylesheet" href="screen.css" media="screen,projection,tv">

<title>Furious Paul - Hardocore Gamer & Speed Runner</title>

</head><body>

<div id="top">

<h1>

<a href="/">

Furious Paul

<span>-</span>

<small>Hardcore Gamer & Speed Runner</small>

</a>

</h1>

<ul id="socialLinks">

<li class="youtube">

<a href="[URL='https://lumtu.com/yti/b1FF1bDJodHRwOi8veW91dHViZS5jb20vdXNlci9GdXJpb3VzUGzV3']http://www.youtube.com/user/FuriousPaul2[/URL]">

Youtube<i></i>

</a>

</li>

<li class="facebook">

<a href="[URL='https://lumtu.com/yti/b1FF1bDFodHRwczovL2ZhY2Vib29rLmNvbS9mdXJpb3VzcGzV3']https://www.facebook.com/furiouspaul1[/URL]">

Facebook<i></i>

</a>

</li>

<li class="twitter">

<a href="[URL='https://lumtu.com/yti/bUXXUbF9odHRwczovL3R3aXR0ZXIuY29tL0Z1cmlvdXNQYNXd']https://twitter.com/FuriousPaul_[/URL]">

Twitter<i></i>

</a>

</li>

<li class="twitch">

<a href="[URL='https://lumtu.com/yti/dQYYQdWxodHRwOi8vdHdpdGNoLnR2L0Z1cmlvdXNQXdv']http://www.twitch.tv/FuriousPaul[/URL]">

Twitch<i></i>

</a>

</li>

</ul>

<ul id="mainMenu">

<li><a href="/overwatch/">Overwatch</a></li>

<li><a href="/about.html">About</a></li>

<li><a href="/projects.html">My Projects</a></li>

<li><a href="/terms.html">Terms</a></li>

<li><a href="/contact.html">Contact</a></li>

<li>

<a

href="[URL='https://lumtu.com/yti/SEhhES1FodHRwczovL3BheXBhbC5jb20vY2dpLWJpbi93ZWJzY3I_Y21kPV9zLXhjbGljayZob3N0ZWRfYnV0dG9uX2lkPTlXSEtaWVJKQkKJV']https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=9WHKZYRJBHDKQ[/URL]"

>Donate</a>

</li>

</ul>

<div id="contentWrapper"><div id="content">

<hr><!-- remove if you add a proper H2 here -->

<p>

Mei is a Climatologist that specializes in using a variety of freeze attacks to slow, halt, and damage her enemies with.



Her Endothermic Blaster is a very unique short range weapon in which it has the capability to freeze/stun her enemies with, giving her allies easy targets to shoot at. Alternatively she can shoot long range icicles (but doesn't induce slow effects). Although Mei's mobility isn't the greatest and is one of her main weaknesses, her Cryo-Freeze ability allows her to escape out of combat and heal up in a stationary ice shield.



Her Ice Wall ability has a lot of uses on the battlefield, such as blocking shots from her enemies and trapping enemies in to prevent them from escaping, and many more as explained below in my guide.

Her coolest ability of all is her ultimate Blizzard in which she deploys a huge area of effect that does damage over time along with slowing the movement of her enemies.

If enemies stay in her Blizzard for too long they will freeze solid.



I see Mei as more of a support hero that relies on her teammates to deal damage while she controls the game field via creating obstacles and freezing her enemies.i's weapon has some of the most unique properties of any basic weapon in Overwatch and at this time it's not fully understood exactly in the hardcore community.



The range of her primary fire is only about 15 feet or so, it's not very

</p><p>

Mei is a Climatologist that specializes in using a variety of freeze attacks to slow, halt, and damage her enemies with.



Her Endothermic Blaster is a very unique short range weapon in which it has the capability to freeze/stun her enemies with, giving her allies easy targets to shoot at. Alternatively she can shoot long range icicles (but doesn't induce slow effects). Although Mei's mobility isn't the greatest and is one of her main weaknesses, her Cryo-Freeze ability allows her to escape out of combat and heal up in a stationary ice shield.



Her Ice Wall ability has a lot of uses on the battlefield, such as blocking shots from her enemies and trapping enemies in to prevent them from escaping, and many more as explained below in my guide.

Her coolest ability of all is her ultimate Blizzard in which she deploys a huge area of effect that does damage over time along with slowing the movement of her enemies.

If enemies stay in her Blizzard for too long they will freeze solid.

I see Mei as more of a support hero that relies on her teammates to deal damage while she controls the game field via creating obstacles and freezing her enemies.

</p><p>

Mei is a Climatologist that specializes in using a variety of freeze attacks to slow, halt, and damage her enemies with.



Her Endothermic Blaster is a very unique short range weapon in which it has the capability to freeze/stun her enemies with, giving her allies easy targets to shoot at. Alternatively she can shoot long range icicles (but doesn't induce slow effects). Although Mei's mobility isn't the greatest and is one of her main weaknesses, her Cryo-Freeze ability allows her to escape out of combat and heal up in a stationary ice shield.



Her Ice Wall ability has a lot of uses on the battlefield, such as blocking shots from her enemies and trapping enemies in to prevent them from escaping, and many more as explained below in my guide.

Her coolest ability of all is her ultimate Blizzard in which she deploys a huge area of effect that does damage over time along with slowing the movement of her enemies.

If enemies stay in her Blizzard for too long they will freeze solid.

I see Mei as more of a support hero that relies on her teammates to deal damage while she controls the game field via creating obstacles and freezing her enemies.

</p>

<!-- #content, #contentWrapper --></div></div>

<div id="extras">

<h2>Blizzard</h2>

<ul>

<li><a href="/overwatch/">Overwatch</a></li>

<li><a href="/pc/wow/">World of Warcraft</a></li>

<li><a href="/pc/starcraft2/">Starcraft 2</a></li>

</ul>

<h2>Castlevanias</h2>

<ul>

<li><a href="/snes/castlevania4/">Castlevania 4</a></li>

<li><a href="/nes/castlevania2/">Castlevania 2</a></li>

</ul>

<h2>Other</h2>

<ul>

<li><a href="/nes/megaman3/">Mega Man 3</a></li>

<li><a href="/pc/wolf3d/">Wolfenstein 3d</a></li>

</ul>

<h2>Articles</h2>

<ul>

<li><a href="/articles/" class="featured">My General Articles</a></li>

</ul>

<!-- #extras --></div>

<hr>

<div id="footer">

&copy; FuriousPaul, All rights reserved.

<!-- #footer --></div>

<!-- #top --></div>

</body></html>
Код (разметка): ВСЕ остальное находится во внешней таблице стилей.

Все эти теги FONT и CENTER? НОЛЬ бизнеса в ЛЮБОМ HTML, написанном после 1997 года! (и на самом деле в спецификации HTML не было НУЛЯ бизнеса в ЛЮБОЕ время). По сути, если вы говорите, как вещи выглядят, а не как они ЕСТЬ, вы все делаете неправильно!

Дайте мне несколько, и я соберу CSS, чтобы он полетел.

хотя мне пора задуматься о приготовлении ужина, так как ко мне заглянула подруга, которую я не видел два года.
 

slovonovo


Рег
01 Jan, 2011

Тем
1

Постов
3

Баллов
13
  • 12, Jun 2024
  • #12
Я должен согласиться, что он построен на основе устаревших методологий полтора десятилетия.

Когда дело доходит до веб-дизайна, есть три вещи, которые обычно называют «Тройством эпического провала»: 1) Фиксированная ширина.

Объявление ширины в пикселях — это недоступная ерунда и упускает возможность перейти от плавного к полугибкому макету, необходимому для того, чтобы сделать сайт адаптивным — то, что люди ошибочно называют дружественным к мобильным устройствам.

Это также предотвращает гибкость макета — то есть настройку ширины в соответствии с размером шрифта, если значение по умолчанию отличается.

2) Фиксированные метрические шрифты: размеры шрифтов объявляются в пикселях, чтобы они не увеличивались автоматически в соответствии с предпочтениями пользователя.

3) Неразборчивые цветовые контрасты.

-- Для этого есть MATH, проконсультируйтесь со своим WCAG или воспользуйтесь онлайн-инструментом, например:
http://webaim.org/resources/contrastchecker/

(этот сайт наполнен удобными инструментами для проверки доступности). ... и это всего лишь поверхностный осмотр.



Копаясь в коде, проблемы с доступностью продолжаются из-за полного отсутствия логической структуры документа, значимого порядка заголовков (поскольку у вас есть только ОДИН заголовок), таблиц для макета, презентационных изображений в разметке, тегов типа FONT и CENTER, а также побочных атрибутов, таких как BORDER, COLOR, ALIGN, VALIGN и т. д. НЕ ИСПОЛЬЗУЙТЕ БИЗНЕС ДЛЯ СОЗДАНИЯ ЛЮБОГО ВЕБ-САЙТА ПОСЛЕ 1997 ГОДА! Первым делом нужно было бы ПОПРОБОВАТЬ и вытащить HTML из эпохи расследований Конгресса по испачканным платьям, первой леди, бросающей деловых партнеров под автобус, когда ее обвиняют в мошенничестве с недвижимостью, «этнических чистках» в Восточной Европе и 3dfx.

будучи передовым производителем видеокарт. Девушку это зацепило. Вот и всё, милый, милый, просто лежи. Как и я, я парень, который попал тебе в глаза. Ты должен, ты должен одеться с множеством всяких вещей, положить его в стирку при отжиме. Проще говоря, у вас есть 36 КБ HTML со статическим CSS в разметке (с использованием бесконечных избыточных атрибутов стиля при полном незнании того, как они работают) для доставки 8,6 КБ открытого текста и, возможно, двух десятков изображений контента - это 16 КБ или меньше разметки.

работа.



и наличие ВСЕЙ вашей презентации в разметке как с бессмысленным тегом STYLE (который не имеет реального применения ни на ЛЮБОМ современном веб-сайте), так и с столь же бессмысленным использованием атрибута STYLE (к которому следует прибегать лишь в некоторых случаях). крайние случаи) вы полностью упустили множество возможностей кэширования.

Хорошее начало, читайте мою статью здесь:

http://www.cutcodedown.com/article/whats_wrong_with_YOUR_website_index

Практически ВСЕ там применимо к тому, что вы сделали.

Это такой беспорядок, мне даже интересно, не вытащили ли вы какой-нибудь до смешного устаревший WYSIWYG, например, Frontpage или nyetscape Composer, поскольку это последний раз, когда я видел код, отдаленно напоминающий этот, но не являющийся электронным письмом.

(поскольку большинство клиентов электронной почты застряли так далеко в заднице 1990-х годов, это язык за чайным пакетиком ловкого Вилли) - отсутствие Doctype и кодировки Windows-1252 является явным признаком того, что при создании сайта использовался устаревший инструмент, устаревший на двадцать лет.

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

Тот, кто сказал вам, как создать веб-сайт, набил вас настолько песком, что вы могли сменить имя на Сахара.

Звонили из WCW, Бишофф хочет вернуть дизайн своего сайта. Извините, если все это кажется немного резким, но на самом деле вас завели довольно далеко по садовой дорожке.
 

LEADIA


Рег
02 Apr, 2013

Тем
1

Постов
3

Баллов
13
Тем
49554
Комментарии
57426
Опыт
552966

Интересно