Не стоит о себе так говорить, потом можешь пожалеть, ты не тупой, у тебя пока недостаточно опыта.
Так ты разобрался как вставлять картинки? Если нужно, дай мне исходник своего сайта и скажи куда вставить какую картинку, я сам напишу тебе код
Не стоит о себе так говорить, потом можешь пожалеть, ты не тупой, у тебя пока недостаточно опыта.
Так ты разобрался как вставлять картинки? Если нужно, дай мне исходник своего сайта и скажи куда вставить какую картинку, я сам напишу тебе код
ммм....в этом скрипте () нету подсказки...как её делать?<img src="путь к твоему изображению" width="88" height="31">
Elements а в чем именное проблема, это к примеру:
Типа такого, что именно хотите узнать?Код:<img src="http://domain.ru/images/banner.gif" width="88" height="31">
Может так:
<img ... alt="text">
Вместо точек все что раньше насоветовали.
Кроме alt еще что-то есть, навскидку не помню.
А еще есть тема с советами про графику в вебе.
RuMoHoR ты ничего не изменил, ты только добавил подсказку, тоесть когда наводишь на изображение показывается твоя подсказка, тоже самое можно сделать при помощи кода:
Код:<img src="http://domain.ru/images/banner.gif"title="Текст подсказки картинки" width="88" height="31">
Так Elements про это и спрашивал кажется.Автор оригинала Паренек
[B]RuMoHoR ты ничего не изменил, ты только добавил подсказку, тоесть когда наводишь на изображение показывается твоя подсказка
Кроме того, насколько я помню, альт является обязательным атрибутом.
Да, я title имел ввиду по под "еще что-то".
RuMoHoR нет тэг alt вообще не нужен, если используется title, да если и его нет, можно обойтись, просто подсказки не будет, хотя она нужна в основном на большие изображения, чтобы пользователь не дождавшись загрузки, к примеру мог понять что это кнопка чтобы войти на основую страницу сайта
и кстати необязательно писать height и width - это нужно только чтоб уменьшить размер фотки в высоту и ширину.
а так можно просто написать (используете блокнот - туда вставляете этот текст, а затем сохраниете как photos.html)
естественно нужны фотографии формата jpg в колличестве шести штук.
<html>
<head>
<title>Галлерея фотограий</title>
</head>
<body>
<table align=center border=1>
<tr>
<td>
<a href=1.jpg target=_blank><img src=1.jpg border=0 width=100 height=100> </a>
<a href=2.jpg target=_blank><img src=2.jpg border=0 width=100 height=100></a>
<a href=3.jpg target=_blank><img src=3.jpg border=0 width=100 height=100></a>
</td>
</tr>
<tr>
<td>
<a href=4.jpg target=_blank><img src=4.jpg border=0 width=100 height=100></a>
<a href=5.jpg target=_blank><img src=5.jpg border=0 width=100 height=100></a>
<a href=6.jpg target=_blank><img src=6.jpg border=0 width=100 height=100></a>
</td>
</tr>
</table>
</body>
</html>
Паренек
А в стандарт заглянуть?нет тэг alt вообще не нужен, если используется title, да если
и его нет, можно обойтись, просто подсказки не будет, хотя она
нужна в основном на большие изображения, чтобы пользователь
не дождавшись загрузки, к примеру мог понять что это кнопка
чтобы войти на основую страницу сайта
Все мои дальнейшие ссылки на страницы в пдф-е. Поехали.
cтр. 160. Раздел "13.2 Including an image: the IMG element",
продолжается на следующей:
alt %Text; #REQUIRED -- short description --
Пробиваем %attrs; -> %coreattrs;
стр. 267, в середине. В описании <!ENTITY % coreattrs видим
title %Text; #IMPLIED -- advisory title --"
Т.е. английским по пдф-у написано: альт необходим, на тайтл
можно забить, альт - короткое описание, тайтл - подсказка.
зачем_это_всё?
Формально, да, писать необязательно. (стр. 161)и кстати необязательно писать height и width - это нужно
только чтоб уменьшить размер фотки в высоту и ширину.
height %Length; #IMPLIED -- override height --
width %Length; #IMPLIED -- override width --
Кроме того, стр. 179, внизу. "13.7.1 Width and height"
Image and object width override. Т.е. не только уменьшения,
а, скорее, явного задания (это так, маленькая придирка).
НО!
Во-первых, наличие явно заданных height и width позволяет
браузеру отрисовать страницу до загрузки графики.
Во-вторых, масштабирование таким образом не только дурной тон,
но и неуважение к посетителю. На кой я должен качать тонны
hi-res картинок, чтобы увидеть их в виде 100x100 точек и понять,
что в этой куче мне ничего не нравится. Лень потратиь несколько
минут и сгенерить thumnail-ы (превьюшки)?
Я не validator, но даже мне этот хтмл не нравится.а так можно просто написать (используете блокнот - туда вставляете
этот текст, а затем сохраниете как photos.html)
естественно нужны фотографии формата jpg в колличестве шести штук.
Где доктайп, где альты, почему, в конце концов, атрибуты
не в кавычках? Это по хтмлу.
Теперь по стилю.
Я понимаю, пример учебный и все такое, но не надо так учить.
Где превьюшки, зачем плодить новые окна?
2 All
То что браузеры справляются со страницами, оформленными
не в соответствии, а вопреки стандарту, это конечно им плюс.
Сие именуется "робастостью" (мы ей рельсу, а она все равно пилит).
Но зачем создавать проблемы не только машине (шут с ней,
она железяка, пусть числа дробит), но и человеку?
Что? Таких как я, с отключенными скриптами, плагинами
и графикой, единицы? Возможно. Но мы есть.
"Не хотите включить - идите туда, где без графики!"
И пойдем. Туда, где напрягов меньше.
Но не все так просто. Существует две категории сайтов:
"домашние странички" и серьезные сайты.
Когда хочется погнуть пальцы перед соседом - вперед.
Двухметровый жпег "Вход здесь" на стартовую, кислотная палитра и
пляшущие шрифты в офорилении, навигация только скриптами, горы
всякого дерьма, требующего для своей работы всех известных в мире
плагинов, плодящиеся попапы, "оптимизация" под ие 5.5.3245.845826.сп5.7
(в других глючт по-страшному), а из разделов - "О себе", "Обо мне",
(еще иногда "Друзья") и "Ссылки" (на яндекс с гуглом). И перманентный
"человек с лопатой".
На "домашней страничке" это нормально (до определенного уровня).
Многие через это прошли в той или иной степени.
Но когда такое творится на серьезных сайтах... Напрягает.
Правда недолго, до закрытия окна.
Открываю вчера сайт одной фирмы, иду в "Каталог" (то, что
навигация съехала и надо тыкать на позицию правее - ерунда),
пытаюсь попасть хоть в какую-нибудь категорию. Все ссылки
ведут на главную страницу. Как я могу У НИХ что-нибудь
КУПИТЬ, если я даже не могу узнать, ЧТО я могу
у них купить.
Набираю amazon.com все нормально, хожу без напряга, все понятно,
вкючаю картинки - стало красиво, разрешаю JS - появились фенечки.
В консоли набираю lynx amazon.fr, грузится, показывает, иду по
разделам. Нет проблем. Вот только графику со скриптами не могу
включить, нету их а lynx-е, неее-тууу, вообще, только голый текст.
Но все работает. Что я делаю не так?
А вес страничек? Почему один абзац текста весит под сотню кило?
Тестируем все сайты на 127.0.0.1? Не поленитесь, купите интернет-карту
и зайдите на свое творение модемом. Что, денежка кончилась до загрузки
стартовой? Нет? Успели ткнуть в ссылку и получить пару мигающих попапа?
Уже лучше, есть надежда...
Напоследок вспомнилось замечательное высказывание про "оптимизацию".
Надпись "Сайт оптимизирован по то-то" означает, что автору было
просто лень проверять, как его "творение" смотрится в других
браузерах, на других разрешениях, и т.д. и он забил на это.
PS. Извините, если кого обидел. Ничего личного, просто накипело.
RuMoHoR
ты, я смотрю , шибко умный.
спросили по-малому, а ты ответил целой поэмой .
а со своими стандартами..гм...не совался бы ты на этот форум.
новичкам , которые задают вопросы на этом форуме по****ь на твои стандарты - им бы как попроще объяснили
[size=1]зачем_это_всё? добавил [date]1079480217[/date]:[/size]
RuMoHoR
отойду немного от темы... - залезла на твой сайт - сделан весь в редакторе..да еще и КАК сделан...кончно наверное ты понятия не имеешь что такое дизайн, хотя это и не относится к теме.
но делать сайт свой в редакторе..и приводить примеры с html 4 - это глупо
зачем_это_всё?
Не хами.ты, я смотрю, шибко умный.
спросили по-малому, а ты ответил целой поэмой.
а со своими стандартами..гм...не совался бы ты на этот форум.
Ну и хорошо. Твой совет попроще, мой посложнее.новичкам, которые задают вопросы на этом форуме
по****ь на твои стандарты - им бы как попроще объяснили
Вопрошавший сначала попробует твой вариант, освоит суть,
а потом, если не дурак, заглянет в стандарт.
Даже если не заглянет сейчас, но будет о нем знать,
и то польза.
Только я погляжу очень многим в последнее время на****ть
и на стандарты, и вообще на все. И не только в Сети.
Зато кругом одни "мэнеджеры" да "дизайнеры"...
Этот сайт я не обновлял уже около трех лет. (основной раздел - два).отойду немного от темы... - залезла на твой сайт - сделан
весь в редакторе..да еще и КАК сделан...кончно наверное ты понятия
не имеешь что такое дизайн, хотя это и не относится к теме.
И _знаю_ что там многое неправильно сделано. Поэтому и не привожу его
как пример (зачем тогда в профайле указал? есть на то причины.
и уж точно не трафик себе создавать, мне и так хватает)
Кстати, что такое дизайн?
Поясни. Неоднозначная какая-то фраза.но делать сайт свой в редакторе..и приводить
примеры с html 4 - это глупо
RuMoHoR ну и какого ты это все спрашиваешь раз такой умный, такие сложные тэги знаешь. Для чего было спрашивать такую маленький тэг, который дает подсказку при наведении на картинку....
зачем_это_всё?сорри за оффтоп (а он уже пошел),ты, я смотрю , шибко умный.
простите, можно вопрос? а он шибко умный для чего? или для кого?
он дело между прочим говорит - если уж делай, то делай как положено на совесть и по стандарту (а стандарт много что позволяет делать!) , а не тяп-ляп абы как, да еще и огрызатся, мол, че, умные чтоли не дураки...
Дьявол
HTML 4.0Syntax <IMG>
Attribute Specifications SRC=URI (location of image)
ALT=Text (alternate text)
LONGDESC=URI (link to long description)
WIDTH=Length (image width)
HEIGHT=Length (image height)
USEMAP=URI (client-side image map)
ISMAP (server-side image map)
ALIGN=top|middle|bottom|left|right (image alignment)
BORDER=Length (link border width)
HSPACE=Pixels (horizontal gutter)
VSPACE=Pixels (vertical gutter)
common attributes
Contents Empty
Contained in Inline elements, block-level elements except PRE
The IMG element specifies an inline image. The required SRC attribute specifies the location of the image. The image can be any format, though browsers generally only support GIF and JPEG images. Support for the PNG image format is growing slowly.
The required ALT attribute provides alternate text for those not loading images. Effective ALT text should generally give the function of the image rather than a description of the image. For example, ALT="Welcome to XYZ Corp." would be more appropriate than ALT="XYZ Corp. Logo" for a company's logo on its welcome page. Good ALT text is crucial to the document's accessibility for the significant portion of users who do not load images; see Use of ALT texts in IMGs for a thorough discussion.
The LONGDESC attribute gives the location of a long description of the image. This attribute should be used to provide a long description of an image where this would be useful. For example, a painting, graph, or corporate logo could be given a description so that blind and other text-only users can develop a mental picture of the image.
The WIDTH and HEIGHT attributes are most useful when they specify the exact dimensions of the image in pixels. This allows image-loading browsers to reserve the proper amount of space for the image and continue to render the rest of the document, thus giving the appearance of a faster-loading page.
Unfortunately, many graphical browsers will use these dimensions when not loading images, which can cause the ALT text to be cut off if the image is small or the ALT text is large. In such cases, authors may wish to leave off the WIDTH and HEIGHT attributes, depending on the importance of the ALT text and the placement of the image on the page (an image towards the end of the document without WIDTH and HEIGHT attributes will generally not noticeably slow the rendering of the page).
Authors can also specify different dimensions for the WIDTH and HEIGHT attributes, in which case browsers should scale the image. Percentages, relative to the horizontal or vertical space available (not relative to the image's natural size) can also be specified, though these are not as widely supported as pixel lengths. Since browsers typically do a poor job of scaling images, authors should avoid using WIDTH and HEIGHT for this purpose as much as possible.
The ALIGN attribute, deprecated in HTML 4.0, specifies the alignment of the image. The values top, middle, and bottom specify the image's position with respect to surrounding content on its left and right.
ALIGN=middle aligns the center of the image with the current baseline. To center the image horizontally on the page, place the image in a centered block, e.g.,
<H1 ALIGN=center><IMG SRC="logo.gif" ALT="Welcome to XYZ Company"></H1>
The other ALIGN values, left and right, specify a floating image; the image is placed at the left or right margin and content flows around it. To place content below the image, use <BR CLEAR=left|right|all> as appropriate.
The vertical-align and float properties of Cascading Style Sheets provide more flexible methods of aligning images.
The BORDER attribute, deprecated in HTML 4.0, specifies the width of the image's border. Specifying BORDER=0 will eliminate the border around a linked image in most browsers, though some allow the user to override this. Authors should only use BORDER=0 if the image would be clearly recognizable as a link, or as a method of de-emphasizing a link. For example:
<A HREF="reference/"><IMG SRC="icon/reference.gif" ALT="" WIDTH=90 HEIGHT=90 BORDER=0>Web Authoring Reference</A>
The deprecated HSPACE and VSPACE attributes allow an author to suggest horizontal gutters and vertical gutters, respectively, around the image. The value must be in pixels and applies to both sides of the image. Style sheets provide more flexibility in specifying the space around images.
The USEMAP attribute is used with client-side image maps to give the location of the map definition. While this value may be a full URI--allowing a single map definition to be applied to multiple pages--Netscape Navigator will only find map definitions in the same file, effectively limiting the USEMAP value to a fragment identifier such as "#map".
The ISMAP attribute is used with server-side image maps. When the ISMAP attribute is included with a linked image and the user clicks the image, the image coordinates clicked are sent to the server, from which a location can be returned. The method of handling the coordinates is server-dependent, but the NCSA server's method is most common.
Server-side image maps are better supported than client-side image maps, but almost all browsers today support both methods. Client-side image maps are generally preferred since they do not require an extra request to the server (and so are faster), and since they allow a usable menu to be provided to text-only users. Using both methods in combination is a good approach, since browsers supporting client-side image maps will use that method while older browsers will use the server-side image map. An example follows:
<A HREF="/cgi-bin/imagemap/sitemap.map"><IMG SRC="sitemap.gif" ALT="Site Map" ISMAP USEMAP="#map" WIDTH=100 HEIGHT=100></A>
A MAP element named map would have to be included in the same document.
Ой-я.. читать то как много
В общем вот: http://www.citforum.ru/internet/html...t/objects.html - но я не уверенав том, что спрашивающий тут хоть что-нибудь поймет, т.к. читать надо вот отсюда:
http://www.citforum.ru/internet/html40/cover.html
Кхм.. баллы за бред? или баллы за рукоблудство по клавиатуре? Кхм.. бан, блин, плачет.RuMoHoR ну и какого хера ты это все спрашиваешь раз такой умный, такие сложные тэги знаешь. Для чего было спрашивать такую маленький тэг, который дает подсказку при наведении на картинку....
[извиняюсь за цензуру]
[size=1]Unknown добавил [date]1079597110[/date]:[/size]
Эх.. если мы будем объяснять, как проще - мы сами деградировать начнем.новичкам , которые задают вопросы на этом форуме по****ь на твои стандарты - им бы как попроще объяснили
Объясните мне,плиз!вообще непонятно!!!фотку вставлять после того,как уже сайт появится?когда он уже будет в интернете?или в процессе,пока я его делаю?
Idea and creation: fuldon (aka miXei) © 2000-2015
Powered by vBulletin® Version 4.2.6 by vBS Copyright © 2024 vBulletin Solutions, Inc. All rights reserved. |