Как получить html код страницы, в двух словах не скажешь. Вот, почитай этот урок. На мой взгляд очень хорошо написано.
(И вот еще о slice, может пригодится)Будут вопросы - спрашивай.
11. Анна - 18 Июля, 2004 - 17:30:45 - перейти к сообщению
12. Анна - 20 Июля, 2004 - 07:45:41 - перейти к сообщению
Stan
Давай попробуем разобраться где проблема. У тебя есть файл PSD, который ты редактируешь. Значит он у тебя разрезан на пластины (Slice). Чтобы получить html код, тебе нужно зайти в «свойства пластины» или «среза» (slice options), там откроется окно, в котором ты уже задаешь параметры для каждой пластины. Скрин показал Леголегс.
Дальше - File/Save for Web. Вот с этого места мне трудно тебе точно сказать, что делать, потому что у меня Photoshop глючный и работать отказывается. По-моему надо выбрать «Выходные параметры» (Edit Output Settings), там определить особенности html кода и сохранить то, что получилось.
Вот если ты немного подробнее опишешь на каком этапе у тебя затруднения, всем будет проще, ладно?
Зачем иронизировать? Я всерьез полагала, что прочитать главу из учебника будет полезнее. А с неясностями давай разбираться.
Давай попробуем разобраться где проблема. У тебя есть файл PSD, который ты редактируешь. Значит он у тебя разрезан на пластины (Slice). Чтобы получить html код, тебе нужно зайти в «свойства пластины» или «среза» (slice options), там откроется окно, в котором ты уже задаешь параметры для каждой пластины. Скрин показал Леголегс.
Дальше - File/Save for Web. Вот с этого места мне трудно тебе точно сказать, что делать, потому что у меня Photoshop глючный и работать отказывается. По-моему надо выбрать «Выходные параметры» (Edit Output Settings), там определить особенности html кода и сохранить то, что получилось.
Вот если ты немного подробнее опишешь на каком этапе у тебя затруднения, всем будет проще, ладно?
Цитата:
Огромное спасибо Анне за потраченное время на моё обучение!
Зачем иронизировать? Я всерьез полагала, что прочитать главу из учебника будет полезнее. А с неясностями давай разбираться.
13. Stan - 20 Июля, 2004 - 08:10:50 - перейти к сообщению
Значит рассказываю алгоритм своих действий:
У меня есть PSD файл, разрезанный на пластины. Отредактировав его, я нажимаю в Photoshop "Save for web". Затем, ничего не меняя, нажимаю "Save".
Затем у меня открывается окно "Save Optimized As". В нём я выбераю куда сохранить, с каким именем и выбераю формат "Save as type". Я выбераю HTML and images. Он действительно создаёт HTML-файл и к нему картинки, НО я не могу в этом HTML-файле правой кнопкой мыши выбрать функцию "просмотреть хтмл-код", т.к по видимому компьютер считает этот файл одной картинкой, потому что когда я нажимаю правую кнопку, он у меня спрашивает:" сохранить,сохранить как. Как при сохранении картинки. Ты ещё говорила про то, что нужно выбрать функцию slice. Так я её не нашел. Подскажи пожалуйста где её найти. Ну и вообще проконсультирую меня по всему этому вопросу, пожалуйста!
У меня есть PSD файл, разрезанный на пластины. Отредактировав его, я нажимаю в Photoshop "Save for web". Затем, ничего не меняя, нажимаю "Save".
Затем у меня открывается окно "Save Optimized As". В нём я выбераю куда сохранить, с каким именем и выбераю формат "Save as type". Я выбераю HTML and images. Он действительно создаёт HTML-файл и к нему картинки, НО я не могу в этом HTML-файле правой кнопкой мыши выбрать функцию "просмотреть хтмл-код", т.к по видимому компьютер считает этот файл одной картинкой, потому что когда я нажимаю правую кнопку, он у меня спрашивает:" сохранить,сохранить как. Как при сохранении картинки. Ты ещё говорила про то, что нужно выбрать функцию slice. Так я её не нашел. Подскажи пожалуйста где её найти. Ну и вообще проконсультирую меня по всему этому вопросу, пожалуйста!
14. Antonio - 20 Июля, 2004 - 08:38:44 - перейти к сообщению
Stan
Помоиму когда создаеш файл в фотошоп, потом его нарезаеш, сохраняеш для WEB, там получается таблица с картинками, и даже пробелы или вообще прозрачный фон тоже считается картинкой, и поэтому ты при клике правой кнопкой всегда попадаеш на картинку.
Помоиму когда создаеш файл в фотошоп, потом его нарезаеш, сохраняеш для WEB, там получается таблица с картинками, и даже пробелы или вообще прозрачный фон тоже считается картинкой, и поэтому ты при клике правой кнопкой всегда попадаеш на картинку.
15. Анна - 20 Июля, 2004 - 19:08:52 - перейти к сообщению
Stan
Ясно. Просто я тебя сразу не поняла.
На самом деле это html файл, просто пластины (срезы изображения) в нем помещены в таблицу и находятся вплотную. То есть картинки так подогнаны друг к другу, что при клике правой кнопкой ты всегда попадаешь на картинку, а значит не можешь увидеть код.
А картинки, которые не содержат никакой информации - не нужны. Их можно удалить, а можно сделать так: когда заходишь в функцию "Slice options", выбираешь для каждой конкретной пластины тип - Image или Noimage. Если выбрать Noimage то выкидывать изображения уже не придется.
Окно "Slice options" появляется если щелкнуть правой кнопкой мыши по выбранному фрагменту. Скрин выкладывал Леголегс, посмотри.
А если хочешь посмотреть код своей страницы, не обязательно пользоваться правой кнопкой мыши - можно зайти в View и выбрать Sourсe (Вид - Просмотр HTML-кода).
Ясно. Просто я тебя сразу не поняла.
Цитата:
НО я не могу в этом HTML-файле правой кнопкой мыши выбрать функцию "просмотреть хтмл-код", т.к по видимому компьютер считает этот файл одной картинкой
На самом деле это html файл, просто пластины (срезы изображения) в нем помещены в таблицу и находятся вплотную. То есть картинки так подогнаны друг к другу, что при клике правой кнопкой ты всегда попадаешь на картинку, а значит не можешь увидеть код.
А картинки, которые не содержат никакой информации - не нужны. Их можно удалить, а можно сделать так: когда заходишь в функцию "Slice options", выбираешь для каждой конкретной пластины тип - Image или Noimage. Если выбрать Noimage то выкидывать изображения уже не придется.
Окно "Slice options" появляется если щелкнуть правой кнопкой мыши по выбранному фрагменту. Скрин выкладывал Леголегс, посмотри.
А если хочешь посмотреть код своей страницы, не обязательно пользоваться правой кнопкой мыши - можно зайти в View и выбрать Sourсe (Вид - Просмотр HTML-кода).
16. TvoyWeb - 20 Июля, 2004 - 20:37:42 - перейти к сообщению
Stan
Я скажу лишь одно, одним редактированием шаблона в фотошопе не обойтись, хоть там и присутствует опция "Slice options". Все равно после этого надо редактировать страницу либо в блокноте либо в HTML редакторе. В этом случае удобны WYSIWYG-редакторы. Я например для этого пользуюсь DW. Там одним кликом можно убрать не нужную картинку, если не убрал ее в фотошопе (хотя нарезаю в Fireworks).
А вообще советую потренироваться со slice. И потоь все же для таких целей более удобный Fireworks. Там есть все опции slice которые есть в фотошопе. И он попроще в смысле работы в нем.
Хочу также сказать, если в опциях "Slice options" выбрать Noimages то в этом же окошке появляется поле для ввода текста, который на странице будет отображаться как обычный текст, а не картинка.
К тому же в поле можно вставлять и HTML код этого участка страницы.
Я скажу лишь одно, одним редактированием шаблона в фотошопе не обойтись, хоть там и присутствует опция "Slice options". Все равно после этого надо редактировать страницу либо в блокноте либо в HTML редакторе. В этом случае удобны WYSIWYG-редакторы. Я например для этого пользуюсь DW. Там одним кликом можно убрать не нужную картинку, если не убрал ее в фотошопе (хотя нарезаю в Fireworks).
А вообще советую потренироваться со slice. И потоь все же для таких целей более удобный Fireworks. Там есть все опции slice которые есть в фотошопе. И он попроще в смысле работы в нем.
Хочу также сказать, если в опциях "Slice options" выбрать Noimages то в этом же окошке появляется поле для ввода текста, который на странице будет отображаться как обычный текст, а не картинка.
К тому же в поле можно вставлять и HTML код этого участка страницы.
17. Stan - 21 Июля, 2004 - 06:26:29 - перейти к сообщению
Теперь у меня созрели новые вопросы. У меня получилось просмотреть код своей страницы(не нажимаю правой кнопки), но я увитдел там вот что:
То есть здесь нечего редактировать. Здесь просто указание файла(когда я сохранял для вед я делал хтмл файл и картинкИ, а вместо картиНОК у меня получилась картинкА, абсолютно такая же, как сама главная страница).
CODE:
<HTML>
<HEAD>
<TITLE>027</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (027.psd) -->
<IMG SRC="images/027.gif" WIDTH=780 HEIGHT=800 ALT="">
<!-- End ImageReady Slices -->
</BODY>
</HTML>
<HEAD>
<TITLE>027</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (027.psd) -->
<IMG SRC="images/027.gif" WIDTH=780 HEIGHT=800 ALT="">
<!-- End ImageReady Slices -->
</BODY>
</HTML>
То есть здесь нечего редактировать. Здесь просто указание файла(когда я сохранял для вед я делал хтмл файл и картинкИ, а вместо картиНОК у меня получилась картинкА, абсолютно такая же, как сама главная страница).
18. Леголегс - 21 Июля, 2004 - 06:53:26 - перейти к сообщению
Мдя... А на сколько пластин у тебя был разрезан документ? Точно на несколько? Прости за такой глупый вопрос, но код э-э-э... неадекватен.
19. TvoyWeb - 21 Июля, 2004 - 10:48:37 - перейти к сообщению
Леголегс
Так он у него и не разрезан. Однозначно!.
Stan
Сколько весит этот psd файл? Вышли его мне на мыло. Мыло смотри в ЛС.
Так он у него и не разрезан. Однозначно!.
Stan
Сколько весит этот psd файл? Вышли его мне на мыло. Мыло смотри в ЛС.
20. TvoyWeb - 21 Июля, 2004 - 21:40:34 - перейти к сообщению
Stan
Ну что тебе сказать. То что ты мне прислал и тот код который ты здесь показал говорит о том, что ты ничего не нарезал. Резать надо инструментом slice на панели инструментов.
О том как это сделать почитай здесь
Ну что тебе сказать. То что ты мне прислал и тот код который ты здесь показал говорит о том, что ты ничего не нарезал. Резать надо инструментом slice на панели инструментов.
О том как это сделать почитай здесь