Страница 3 из 4 ПерваяПервая 1234 ПоследняяПоследняя
Показано с 31 по 45 из 52

Тема: Как вставить картинку с помощью html

  1. #31
    Старожил Аватар для Паренек
    Регистрация
    11.12.2002
    Адрес
    Россия, Новосибирск
    Сообщений
    303
    Спасибо
    я - 0; мне - 0
    Не стоит о себе так говорить, потом можешь пожалеть, ты не тупой, у тебя пока недостаточно опыта.
    Так ты разобрался как вставлять картинки? Если нужно, дай мне исходник своего сайта и скажи куда вставить какую картинку, я сам напишу тебе код

  2. #32
    Elements
    Гость
    ммм....в этом скрипте (
    <img src="путь к твоему изображению" width="88" height="31">
    ) нету подсказки...как её делать?

  3. #33
    Старожил Аватар для Паренек
    Регистрация
    11.12.2002
    Адрес
    Россия, Новосибирск
    Сообщений
    303
    Спасибо
    я - 0; мне - 0
    Elements а в чем именное проблема, это к примеру:
    Код:
    <img src="http://domain.ru/images/banner.gif" width="88" height="31">
    Типа такого, что именно хотите узнать?

  4. #34
    Группа удаления
    Регистрация
    14.12.2003
    Адрес
    Москва
    Сообщений
    290
    Спасибо
    я - 0; мне - 0
    Может так:
    <img ... alt="text">
    Вместо точек все что раньше насоветовали.
    Кроме alt еще что-то есть, навскидку не помню.

    А еще есть тема с советами про графику в вебе.

  5. #35
    Старожил Аватар для Паренек
    Регистрация
    11.12.2002
    Адрес
    Россия, Новосибирск
    Сообщений
    303
    Спасибо
    я - 0; мне - 0
    RuMoHoR ты ничего не изменил, ты только добавил подсказку, тоесть когда наводишь на изображение показывается твоя подсказка, тоже самое можно сделать при помощи кода:
    Код:
    <img src="http://domain.ru/images/banner.gif"title="Текст подсказки картинки" width="88" height="31">

  6. #36
    Группа удаления
    Регистрация
    14.12.2003
    Адрес
    Москва
    Сообщений
    290
    Спасибо
    я - 0; мне - 0
    Автор оригинала Паренек
    [B]RuMoHoR ты ничего не изменил, ты только добавил подсказку, тоесть когда наводишь на изображение показывается твоя подсказка
    Так Elements про это и спрашивал кажется.
    Кроме того, насколько я помню, альт является обязательным атрибутом.
    Да, я title имел ввиду по под "еще что-то".

  7. #37
    Старожил Аватар для Паренек
    Регистрация
    11.12.2002
    Адрес
    Россия, Новосибирск
    Сообщений
    303
    Спасибо
    я - 0; мне - 0
    RuMoHoR нет тэг alt вообще не нужен, если используется title, да если и его нет, можно обойтись, просто подсказки не будет, хотя она нужна в основном на большие изображения, чтобы пользователь не дождавшись загрузки, к примеру мог понять что это кнопка чтобы войти на основую страницу сайта

  8. #38
    Консультант форума “Компьютерная графика”
      Фотодизайнер. Зима 2006
    Аватар для Exilia
    Регистрация
    15.01.2003
    Адрес
    Москва
    Сообщений
    363
    Спасибо
    я - 0; мне - 0
    и кстати необязательно писать 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>

  9. #39
    Группа удаления
    Регистрация
    14.12.2003
    Адрес
    Москва
    Сообщений
    290
    Спасибо
    я - 0; мне - 0
    Паренек
    нет тэг 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 --"

    Т.е. английским по пдф-у написано: альт необходим, на тайтл
    можно забить, альт - короткое описание, тайтл - подсказка.

    зачем_это_всё?
    и кстати необязательно писать height и width - это нужно
    только чтоб уменьшить размер фотки в высоту и ширину.
    Формально, да, писать необязательно. (стр. 161)
    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-ы (превьюшки)?

    а так можно просто написать (используете блокнот - туда вставляете
    этот текст, а затем сохраниете как photos.html)
    естественно нужны фотографии формата jpg в колличестве шести штук.
    Я не validator, но даже мне этот хтмл не нравится.
    Где доктайп, где альты, почему, в конце концов, атрибуты
    не в кавычках? Это по хтмлу.

    Теперь по стилю.
    Я понимаю, пример учебный и все такое, но не надо так учить.
    Где превьюшки, зачем плодить новые окна?

    2 All
    То что браузеры справляются со страницами, оформленными
    не в соответствии, а вопреки стандарту, это конечно им плюс.
    Сие именуется "робастостью" (мы ей рельсу, а она все равно пилит).

    Но зачем создавать проблемы не только машине (шут с ней,
    она железяка, пусть числа дробит), но и человеку?

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

    Но не все так просто. Существует две категории сайтов:
    "домашние странички" и серьезные сайты.

    Когда хочется погнуть пальцы перед соседом - вперед.
    Двухметровый жпег "Вход здесь" на стартовую, кислотная палитра и
    пляшущие шрифты в офорилении, навигация только скриптами, горы
    всякого дерьма, требующего для своей работы всех известных в мире
    плагинов, плодящиеся попапы, "оптимизация" под ие 5.5.3245.845826.сп5.7
    (в других глючт по-страшному), а из разделов - "О себе", "Обо мне",
    (еще иногда "Друзья") и "Ссылки" (на яндекс с гуглом). И перманентный
    "человек с лопатой".
    На "домашней страничке" это нормально (до определенного уровня).
    Многие через это прошли в той или иной степени.

    Но когда такое творится на серьезных сайтах... Напрягает.
    Правда недолго, до закрытия окна.
    Открываю вчера сайт одной фирмы, иду в "Каталог" (то, что
    навигация съехала и надо тыкать на позицию правее - ерунда),
    пытаюсь попасть хоть в какую-нибудь категорию. Все ссылки
    ведут на главную страницу. Как я могу У НИХ что-нибудь
    КУПИТЬ, если я даже не могу узнать, ЧТО я могу
    у них купить.

    Набираю amazon.com все нормально, хожу без напряга, все понятно,
    вкючаю картинки - стало красиво, разрешаю JS - появились фенечки.
    В консоли набираю lynx amazon.fr, грузится, показывает, иду по
    разделам. Нет проблем. Вот только графику со скриптами не могу
    включить, нету их а lynx-е, неее-тууу, вообще, только голый текст.
    Но все работает. Что я делаю не так?

    А вес страничек? Почему один абзац текста весит под сотню кило?

    Тестируем все сайты на 127.0.0.1? Не поленитесь, купите интернет-карту
    и зайдите на свое творение модемом. Что, денежка кончилась до загрузки
    стартовой? Нет? Успели ткнуть в ссылку и получить пару мигающих попапа?
    Уже лучше, есть надежда...

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


    PS. Извините, если кого обидел. Ничего личного, просто накипело.

  10. #40
    Консультант форума “Компьютерная графика”
      Фотодизайнер. Зима 2006
    Аватар для Exilia
    Регистрация
    15.01.2003
    Адрес
    Москва
    Сообщений
    363
    Спасибо
    я - 0; мне - 0
    RuMoHoR
    ты, я смотрю , шибко умный.
    спросили по-малому, а ты ответил целой поэмой .
    а со своими стандартами..гм...не совался бы ты на этот форум.

    новичкам , которые задают вопросы на этом форуме по****ь на твои стандарты - им бы как попроще объяснили

    [size=1]зачем_это_всё? добавил [date]1079480217[/date]:[/size]
    RuMoHoR
    отойду немного от темы... - залезла на твой сайт - сделан весь в редакторе..да еще и КАК сделан...кончно наверное ты понятия не имеешь что такое дизайн, хотя это и не относится к теме.
    но делать сайт свой в редакторе..и приводить примеры с html 4 - это глупо

  11. #41
    Группа удаления
    Регистрация
    14.12.2003
    Адрес
    Москва
    Сообщений
    290
    Спасибо
    я - 0; мне - 0
    зачем_это_всё?
    ты, я смотрю, шибко умный.
    спросили по-малому, а ты ответил целой поэмой.
    а со своими стандартами..гм...не совался бы ты на этот форум.
    Не хами.

    новичкам, которые задают вопросы на этом форуме
    по****ь на твои стандарты - им бы как попроще объяснили
    Ну и хорошо. Твой совет попроще, мой посложнее.
    Вопрошавший сначала попробует твой вариант, освоит суть,
    а потом, если не дурак, заглянет в стандарт.
    Даже если не заглянет сейчас, но будет о нем знать,
    и то польза.

    Только я погляжу очень многим в последнее время на****ть
    и на стандарты, и вообще на все. И не только в Сети.
    Зато кругом одни "мэнеджеры" да "дизайнеры"...

    отойду немного от темы... - залезла на твой сайт - сделан
    весь в редакторе..да еще и КАК сделан...кончно наверное ты понятия
    не имеешь что такое дизайн, хотя это и не относится к теме.
    Этот сайт я не обновлял уже около трех лет. (основной раздел - два).
    И _знаю_ что там многое неправильно сделано. Поэтому и не привожу его
    как пример (зачем тогда в профайле указал? есть на то причины.
    и уж точно не трафик себе создавать, мне и так хватает)

    Кстати, что такое дизайн?

    но делать сайт свой в редакторе..и приводить
    примеры с html 4 - это глупо
    Поясни. Неоднозначная какая-то фраза.

  12. #42
    Старожил Аватар для Паренек
    Регистрация
    11.12.2002
    Адрес
    Россия, Новосибирск
    Сообщений
    303
    Спасибо
    я - 0; мне - 0
    RuMoHoR ну и какого ты это все спрашиваешь раз такой умный, такие сложные тэги знаешь. Для чего было спрашивать такую маленький тэг, который дает подсказку при наведении на картинку....

  13. #43
    Старожил Аватар для Vaulter
    Регистрация
    30.12.2002
    Адрес
    бункер
    Сообщений
    196
    Спасибо
    я - 0; мне - 0
    зачем_это_всё?
    ты, я смотрю , шибко умный.
    сорри за оффтоп (а он уже пошел),
    простите, можно вопрос? а он шибко умный для чего? или для кого?

    он дело между прочим говорит - если уж делай, то делай как положено на совесть и по стандарту (а стандарт много что позволяет делать!) , а не тяп-ляп абы как, да еще и огрызатся, мол, че, умные чтоли не дураки...
    Дьявол
    Syntax <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.
    HTML 4.0

  14. #44
    Группа удаления Аватар для Unknown
    Регистрация
    20.05.2003
    Адрес
    Russia, Moscow reg.
    Сообщений
    867
    Спасибо
    я - 16; мне - 108
    Ой-я.. читать то как много
    В общем вот: 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]
    новичкам , которые задают вопросы на этом форуме по****ь на твои стандарты - им бы как попроще объяснили
    Эх.. если мы будем объяснять, как проще - мы сами деградировать начнем.

  15. #45
    Золотая
    Гость
    Объясните мне,плиз!вообще непонятно!!!фотку вставлять после того,как уже сайт появится?когда он уже будет в интернете?или в процессе,пока я его делаю?

Страница 3 из 4 ПерваяПервая 1234 ПоследняяПоследняя

Похожие темы

  1. Дома и лоты в Sims 1
    от Прохожий в разделе The Sims 1: Решение технических проблем
    Ответов: 110
    Последнее сообщение: 29.03.2008, 01:33
  2. Как вставить в игру новый меш для женского тела?
    от SweetySweet в разделе The Sims 2: Изготовление скинов и предметов
    Ответов: 13
    Последнее сообщение: 21.02.2008, 23:58

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •