| |
автор: 777 (07.06.2006 в 21:00) |
|
| | Что это такое? Как это сделать? И для чего всё это нужно? | |
| |
|
|
| |
|
|
| |
для: 777
(07.06.2006 в 21:00)
| | | Если ты спрашиваешь о том что написал axxil
->
он имел в виду взять картинку и сдлеать несколько кучочков из неё.
Возможно использовать для ссылок, каждый кусок картинки ссылка в другое место,
как общий дизайн возможно расставленные в html таблицу картинки
создающие в перемешку с текстом как бы назписи на картинках и прочее... | |
| |
|
|
| |
автор: 777 (08.06.2006 в 21:27) |
|
| |
для: valenok
(07.06.2006 в 21:06)
| | | А можете рассказать пошагово как это сделать? | |
| |
|
|
| |
|
|
| |
для: 777
(07.06.2006 в 21:00)
| | | Что это такое?
Нарезка - это разбиение на более мелкие части картинку для последующего ее использования. Но разбиение не на равные квадраты, а на какие-то логические элементы. Чтобы это лучше понять сохраните любую страницу и Вы увидите множество мелких картинок - это и есть результат нарезки
Как это сделать?
Лично я делаю это череp Photoshop
И для чего всё это нужно?
Для индексации роботами, уменьшении веса.... Вообщем это неотъемлемая часть создания сайта | |
| |
|
|
| |
автор: 777 (08.06.2006 в 22:11) |
|
| |
для: Ziq
(08.06.2006 в 21:49)
| | | А как это можно сделать через PhotoShop? У меня не получается :( | |
| |
|
|
| |
|
|
| |
для: 777
(08.06.2006 в 22:11)
| | | Что именно не получается? Более конкретно задай вопрос.
P.S. Видимо опыта у Вас совсем нет, поэтому сложно будет объяснять с нуля. Попробуйте поискать в яндексе что-то типа как создать сайт. Просто сложно научить человека тригонометрии, если он не знает математики... Не в обиду. | |
| |
|
|
| |
|
|
| |
для: 777
(08.06.2006 в 22:11)
| | | в Фотошопе есть такой инструмент slice - похож одновременно на перо и острый нож.
им выделяете элементы страницы (он рисует прямоугольники и выделяет их синим
цветом), потом делаете Сохранить для WEB, внизу появится раширение файла (html, если
работали со Slice) и жмете сохранить. Фотошоп сохранит все нарезанные кусочки с именами
image1, image2 и т.д. и создаст html-страницу, где будут уже тэги с этими картинками в
таблицe. конечно, это очень упрощенно. | |
| |
|
|
| |
автор: 777 (09.06.2006 в 14:49) |
|
| |
для: elenaki
(09.06.2006 в 10:03)
| | | Спасбо!
Вообщем у меня есть картинка: круг с пустой серединой в которой находится текст. Как мне сделать нарезку? PhotoShop создаёт ещё картинку и с пустой серединой. | |
| |
|
|
| |
|
|
| |
для: 777
(09.06.2006 в 14:49)
| | | в той ячейке, где будет текст, не нужна картинка. если там нет фонa, заливаете нужным цветом, или делаете картинку фоном. а в ячейку - текст. | |
| |
|
|
| |
автор: 777 (09.06.2006 в 16:14) |
|
| |
для: elenaki
(09.06.2006 в 15:52)
| | | Вставил туда:
<div id="resurs" style="background:#FFFFFF;color:#000000;font-family:Verdana;font-size:11px;padding:10px;width:305px;height:219px;overflow:auto;">
|
и на странице всё переехало. | |
| |
|
|
| |
|
|
| |
для: 777
(09.06.2006 в 16:14)
| | | а зачем div? в ячейке таблицы можно задавать стили и без дива. у вас там еще и позиционирование.
кстати, background: #FFFFFF; не пишут. надо background-color: #FFFFFF; | |
| |
|
|
| |
автор: 777 (09.06.2006 в 16:56) |
|
| |
для: elenaki
(09.06.2006 в 16:35)
| | | У меня в этот див будут подкачиватся данные. | |
| |
|
|
| |
|
|
| |
для: 777
(09.06.2006 в 16:56)
| | | попробуйте для начала убрать из его стиля все позиционирование:
padding:10px; width:305px; height:219px; overflow:auto;чтоб убедиться, что текст нормально вписывается. | |
| |
|
|
| |
автор: 777 (09.06.2006 в 17:36) |
|
| |
для: elenaki
(09.06.2006 в 17:00)
| | | Сократил див до такого:
<div style="background-color:#FFFFFF;"></div>
|
безрезультатно. | |
| |
|
|
| |
|
|
| |
для: 777
(09.06.2006 в 17:36)
| | | а что за текст? может, текст слишком широк (длинные слова без пробелов)?
хотелось бы посмотреть скриншот (только сделайте у дива границы, чтоб он
был виден) | |
| |
|
|
| |
автор: 777 (09.06.2006 в 20:30) |
|
| |
для: elenaki
(09.06.2006 в 18:27)
| | | Див вообще пустой.
Вот ->
То, что красное - остатки от дива. | |
| |
|
|
| |
автор: 777 (10.06.2006 в 17:12) |
|
| |
для: 777
(09.06.2006 в 20:30)
| | | Вот весь код страницы:
<HTML>
<HEAD>
<TITLE>fon</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (fon.jpg) -->
<TABLE WIDTH=500 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD ROWSPAN=9>
<IMG SRC="images/fon_01.gif" WIDTH=26 HEIGHT=381 ALT=""></TD>
<TD COLSPAN=3>
<IMG SRC="images/fon_02.gif" WIDTH=325 HEIGHT=8 ALT=""></TD>
<TD COLSPAN=2 ROWSPAN=5>
<IMG SRC="images/fon_03.gif" WIDTH=139 HEIGHT=265 ALT=""></TD>
<TD ROWSPAN=9>
<IMG SRC="images/fon_04.gif" WIDTH=10 HEIGHT=381 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=3>
<IMG SRC="images/fon_05.gif" WIDTH=10 HEIGHT=239 ALT=""></TD>
<TD>
<IMG SRC="images/fon_06.gif" WIDTH=307 HEIGHT=10 ALT=""></TD>
<TD ROWSPAN=3>
<IMG SRC="images/fon_07.gif" WIDTH=8 HEIGHT=239 ALT=""></TD>
</TR>
<TR>
<TD>
<div style="background-color:black;border:3px solid darkblue;"></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/fon_09.gif" WIDTH=307 HEIGHT=10 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=4>
<IMG SRC="images/fon_10.gif" WIDTH=10 HEIGHT=87 ALT=""></TD>
<TD COLSPAN=2>
<IMG SRC="images/fon_11.gif" WIDTH=315 HEIGHT=18 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/fon_12.gif" WIDTH=445 HEIGHT=11 ALT=""></TD>
<TD ROWSPAN=2>
<IMG SRC="images/fon_13.gif" WIDTH=9 HEIGHT=59 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/fon_14.gif" WIDTH=445 HEIGHT=48 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4>
<IMG SRC="images/fon_15.gif" WIDTH=454 HEIGHT=10 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/fon_16.gif" WIDTH=464 HEIGHT=47 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=26 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=307 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=130 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=9 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
|
| |
| |
|
|
| |
|
|
| |
для: 777
(10.06.2006 в 17:12)
| | | тэг <div> не закрыт.
в ячейках с фонами 01, 03, 06 надо поставить valign=top,
в ячейке с фоном 09 - valign=bottom
в ячейказ с фонами 10 и 13 тоже, возможно, требуется valign=top
трудно проверять, если нет картинок. | |
| |
|
|
| |
автор: 777 (15.06.2006 в 22:12) |
|
| |
для: elenaki
(11.06.2006 в 12:19)
| | | Вот исходная картинка. | |
| |
|
|
| |
|
|
| |
для: 777
(15.06.2006 в 22:12)
| | | стесняюсь спросить - а где там "круг с пустой серединой в которой находится текст"?
если серьезно, уже поздно. завтра посмотрю, в чем может быть дело...
сейчас вижу, что можно обойтись без rowspan (они все портят, из-за них не выровнять фон).
рисуете одну большую таблицу с тремя строками и одним столбцом.
в первой строке - таблицу 3*3, в которой по краям* будут границы в виде картинок, а середина - пустая, туда будете вставлять ваш текст. эта таблица д.б. выровнена по левому краю.
во второй строке - такая же таблица 3*3, только картники по краям* другие. тоже выровнена по левому краю.
в третьей строке- таблица 1*3, где в первом столбике - левое закругление, в третьем - правое, а во втором - центральная часть. эта таблица д.б. выровнена по центру.
* по краям - это значит в первой строке, первом и третьем столбце второй строки, в третьей строке.
я бы вот так разрезала - см. аттач | |
| |
|
|
| |
автор: 777 (15.06.2006 в 22:52) |
|
| |
для: elenaki
(15.06.2006 в 22:35)
| | | стесняюсь спросить - а где там "круг с пустой серединой в которой находится текст"?
Это я образно...
Если бы показали пример на круге, то может быть догадался, как сделать нарезку этой картинки. | |
| |
|
|
| |
автор: 777 (15.06.2006 в 22:53) |
|
| |
для: 777
(15.06.2006 в 22:52)
| | | А как делается вёрстка с использованием CSS? | |
| |
|
|
