Веб-дизайн: устранение неисправностей

Автор:
Nurlan Kemelbekov

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

В этой статье мы рассмотрим некоторые базовые неполадки веб — дизайна и устранение неисправностей.

Мои шрифты выглядят неправильно на компьютере моего друга!

Без использования некоторых методов, которые выходят за рамки этой статьи, на веб-странице можно видеть только шрифт, установленный на компьютере, с которого пытаетесь просмотреть сайт. Если шрифты выглядят по другому на компьютере вашего друга, это, вероятно, потому, что его компьютер не имеет тот шрифт.
Но есть некоторые стандартные шрифты, которые имеются во всех основных операционных системах. Можно использовать эти шрифты на сайте и быть уверенным, что читатели смогут увидеть их:
Arial Arial Black, Courier New, Comic Sans, Impact, Грузия, Verdana, Times New Roman, Trebuchet MS

Выбор оптимального размера шрифта для веб — сайта

Если шрифт более экзотический, вы можете попробовать его на вашей странице, но не забудьте указать приемлемые альтернативные шрифты на случай, если посетители будут читать на компьютере, где нет этого шрифта.
Например:
h1 {font family: Futura, Arial, Helvetica, Verdana, sans-serif;}
Это список шрифтов в порядке предпочтения: Futura является первым выбором, но если читатель не имеет Futura то следующий выбор Arial, затем Helvetica, Verdana или любой старый sans-serif шрифт.

Я загрузил свой сайт, но мои картинки не отображаются!

Если изображения были прекрасно видны, когда вы просматривали страницу на вашем компьютере (желательно с помощью браузера, а не только экран просмотра в редакторе HTML), то 99% вы сделали один из следующих вещей:
1) Вы не загрузили изображения, или вы загрузили их в неправильном месте.
Когда загружаете свой сайт, вы также должны загрузить все связанные изображения и файлы, в которых нуждается блог.
Если не уверены, что загрузили изображения, используйте FTP программу для подключения к веб-серверу и посмотрите, есть ли изображения, где вы ожидаете их видеть. Или можете ввести расположение непосредственно в адресную строку браузера, как это:
http://www.вашдомен.com/вашеизо.jpg
Если изображение не существует попытайтесь загрузить его снова, обращая особое внимание на директорию загрузки!

2) Когда используется WYSIWYG редактор, например Dreamweaver, иногда расположение файла изображения становится немного битым. Программное обеспечение заканчивает запись с расположением изображения на компьютере, а не расположение изображения относительно веб — страницы.
Таким образом, вместо правильного, аккуратного <img src=»/img/yourimage.jpg»>
Можно получить что-то вроде:
<img src=»C:\\Documents и settings\Документы владельца\Рабочий стол\website\img\yourimage.jpg»>

Конечно, этот адрес вообще не существует на веб — сайте, так что вполне очевидно, что браузер никогда не найдет этот файл.
Чтобы проверить это, откройте свой сайт в браузере, «Просмотр кода страницы» и посмотреть на исходный код страницы. Попробуйте найти HTML недостающих изображений. (Если вы не можете прочитать HTML, используйте инструмент «найти» для поиска имени файла изображения внутри этого документа.)
Как только найдете, посмотрите на то, как выглядит HTML, показывающий где находится файл.
Если это выглядит приблизительно так <img src=»C:\\Documents и settings\Документы владельца\Рабочий стол»> то значит неправильно установлен.
Можно либо отредактировать местоположение вручную, или вернуться в программное обеспечение веб-авторинга и вставить изображение снова так, чтобы он был вставлен относительно документа на веб — сайте (там должен быть флажок для этой опции.)

Я загрузил веб-сайт, но когда прошел к моему домену там нет ничего!

Сначала нужно проверить, что файлы загружены в ту часть сайта, где находятся веб-файлы! При первом подключении на сайт обычно в этой папке вообще ничего нет — нужно искать файл под названием «WWW «, «httpdocs » или «public_html» и загрузить туда файлы. В противном случае никто не сможет получить к ним доступ.

Второе, что нужно проверить страницу «INDEX» — «index.html»или «index.php». «INDEX» является ключом; если назвали главную домашнюю страницу сайта как «somethingelse.html», нужно явно вводить это в адресную строку браузера, чтобы увидеть его.
www.example.com / somethingelse.html

Мой внешний стиль работает на одной странице, но я не могу заставить его работать на другой странице. Почему?
Или: изображение появляется на главной странице, но не появляется на страницах статьи Почему?

Вероятно потому, что вы не правильно обращаетесь к этим файлам.
Это обычно происходит, если есть одна страница, которая работает, и вы скопировали эту страницу, чтобы попытаться сделать еще одну страницу, но вы разместили эту вторую страницу в другую папку / каталог. Страница находится в другом месте, но остались старые указания изображений или CSS.
Чтобы это исправить, можете пойти в редактор WYSIWYG (Dreamweaver или подобное) и повторно вставить изображение или повторно связать файл CSS.
Или можно посмотреть на HTML и исправить ее там. Обычно все, что нужно сделать, это вставить или изменить некоторые точки перед изображениями или CSS-файлом.
.. / Означает «подняться на один каталог»
/ (Косая черта без точек) означает «идут в верхней части сайта / корневом каталоге
имя файла без каких-либо точек или косой черты означает «эта папка / файл находится в той же папке, в этом HTML документе.
Примеры:
= «.. / Style.css» означает «подняться на один каталог, и вы найдете style.css»
= «.. / CSS / style.css» означает «подняться на один каталог, и вы найдете каталог CSS, войдите туда и вы найдете style.css»
= «.. /.. / CSS / style.css» означает «подняться два каталога, а затем вниз в каталог CSS, чтобы найти style.css»
= «/ Style.css» означает «Иди прямо к верхней части сайта, и файл style.css находится там.»
= «/ Image / Icons / delete.gif» означает «пойти с верхней части сайта вниз к папке с images, в папку icons и вы найдете изображение delete.gif.»

Моя страница выглядит неправильно в Firefox / Internet Explorer / Chrome / Safari / Opera!
В идеальной веб-странице все будет выглядеть одинаково, независимо от браузера или операционной системы. К сожалению, это просто не тот случай, и страница, которая выглядит прекрасно на одной машине может выглядеть очень странно на другой (как правило, нарушение дизайна страницы проявляется Internet Explorer!)
Есть несколько вещей, которые можно сделать, чтобы снизить риск возникновения этой проблемы:
1. Используйте действительный тип документа.
Тип документа это первая линия в верхней части страницы, которая выглядит примерно так:
! <DOCTYPE HTML PUBLIC «- / / W3C / / DTD HTML 4.01 Transitional / / RU» «Http://www.w3.org/TR/html4/loose.dtd»>
или, если вам повезет больше как
<! DOCTYPE HTML>
Прежде всего НУЖНО убедиться, что у вас есть один из них — без объявления типа документа, браузеры вернуться в режим «причуды».

Пять CSS настроек, которые помогут изменить дизайн блога

2. Следите за своим HTML
Если используете старую редакцию HTML, можете обнаружить, что она вставляет вещи, которые не являются реальными HTML. FrontPage от Microsoft, в частности, был назначен традиционно печально для HTML «Internet Explorer», что не будет работать в любом другом браузере.
Если вы указали тип документа для страницы, вы должны быть в состоянии запустить страницу через HTML валидатор, чтобы обнаружить неверную разметку. Попробуйте W3C валидатор услугу: http://validator.w3.org/. Этот сайт будет «проверять» сайт, и даст рекомендации по исправлению HTML.



Вам также может понравиться:


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

* Copy This Password *

* Type Or Paste Password Here *

четыре × 3 =

Я просто хотел сказать, как сильно я ценю Ваш комментарий на мой пост. Спасибо Вам !!