Strict Standards: Resource ID#18 used as offset, casting to integer (18) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#24 used as offset, casting to integer (24) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#26 used as offset, casting to integer (26) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401

Strict Standards: Resource ID#27 used as offset, casting to integer (27) in /home/tvoyweb/domains/tvoyweb.ru/public_html/forums/include/fm.class.php on line 401
ТвойWeb :: Из PSD в HTML [2]
ТвойWeb ТвойWeb
Качественный Европейский хостинг
Форум для чайников
 Чат на форуме      Помощь      Поиск      Пользователи


 Страниц (2): « 1 [2] 

> Без описания
Анна Администратор
Отправлено: 18 Июля, 2004 - 17:30:45
Post Id



Гуляю сама по себе


Покинул форум
Сообщений всего: 4353
Дата рег-ции: Май 2004  
Откуда: Москва

Карма 54




Stan
Как получить html код страницы, в двух словах не скажешь. Вот, почитай этот урок. На мой взгляд очень хорошо написано. Читаювот еще о slice, может пригодится)
Будут вопросы - спрашивай. Улыбка
 
 Top
Анна Администратор
Отправлено: 20 Июля, 2004 - 07:45:41
Post Id



Гуляю сама по себе


Покинул форум
Сообщений всего: 4353
Дата рег-ции: Май 2004  
Откуда: Москва

Карма 54




Stan
Давай попробуем разобраться где проблема. У тебя есть файл PSD, который ты редактируешь. Значит он у тебя разрезан на пластины (Slice). Чтобы получить html код, тебе нужно зайти в «свойства пластины» или «среза» (slice options), там откроется окно, в котором ты уже задаешь параметры для каждой пластины. Скрин показал Леголегс.
Дальше - File/Save for Web. Вот с этого места мне трудно тебе точно сказать, что делать, потому что у меня Photoshop глючный и работать отказывается. По-моему надо выбрать «Выходные параметры» (Edit Output Settings), там определить особенности html кода и сохранить то, что получилось.
Вот если ты немного подробнее опишешь на каком этапе у тебя затруднения, всем будет проще, ладно? УлыбкаУлыбка
Цитата:
Огромное спасибо Анне за потраченное время на моё обучение!

Зачем иронизировать? Я всерьез полагала, что прочитать главу из учебника будет полезнее. А с неясностями давай разбираться. Улыбка
 
 Top
Stan
Отправлено: 20 Июля, 2004 - 08:10:50
Post Id



Super Member


Покинул форум
Сообщений всего: 877
Дата рег-ции: Янв. 2004  
Откуда: Sheffield, UK

Карма 0




Значит рассказываю алгоритм своих действий:
У меня есть PSD файл, разрезанный на пластины. Отредактировав его, я нажимаю в Photoshop "Save for web". Затем, ничего не меняя, нажимаю "Save".
Затем у меня открывается окно "Save Optimized As". В нём я выбераю куда сохранить, с каким именем и выбераю формат "Save as type". Я выбераю HTML and images. Он действительно создаёт HTML-файл и к нему картинки, НО я не могу в этом HTML-файле правой кнопкой мыши выбрать функцию "просмотреть хтмл-код", т.к по видимому компьютер считает этот файл одной картинкой, потому что когда я нажимаю правую кнопку, он у меня спрашивает:" сохранить,сохранить как. Как при сохранении картинки. Ты ещё говорила про то, что нужно выбрать функцию slice. Так я её не нашел. Подскажи пожалуйста где её найти. Ну и вообще проконсультирую меня по всему этому вопросу, пожалуйста!
 
 Top
Antonio
Отправлено: 20 Июля, 2004 - 08:38:44
Post Id



Advanced Member


Покинул форум
Сообщений всего: 341
Дата рег-ции: Февр. 2004  
Откуда: LAN Friendnet

Карма 3




Stan
Помоиму когда создаеш файл в фотошоп, потом его нарезаеш, сохраняеш для WEB, там получается таблица с картинками, и даже пробелы или вообще прозрачный фон тоже считается картинкой, и поэтому ты при клике правой кнопкой всегда попадаеш на картинку.
 
 Top
Анна Администратор
Отправлено: 20 Июля, 2004 - 19:08:52
Post Id



Гуляю сама по себе


Покинул форум
Сообщений всего: 4353
Дата рег-ции: Май 2004  
Откуда: Москва

Карма 54




Stan
Ясно. Просто я тебя сразу не поняла.
Цитата:
НО я не могу в этом HTML-файле правой кнопкой мыши выбрать функцию "просмотреть хтмл-код", т.к по видимому компьютер считает этот файл одной картинкой

На самом деле это html файл, просто пластины (срезы изображения) в нем помещены в таблицу и находятся вплотную. То есть картинки так подогнаны друг к другу, что при клике правой кнопкой ты всегда попадаешь на картинку, а значит не можешь увидеть код.
А картинки, которые не содержат никакой информации - не нужны. Их можно удалить, а можно сделать так: когда заходишь в функцию "Slice options", выбираешь для каждой конкретной пластины тип - Image или Noimage. Если выбрать Noimage то выкидывать изображения уже не придется.
Окно "Slice options" появляется если щелкнуть правой кнопкой мыши по выбранному фрагменту. Скрин выкладывал Леголегс, посмотри.

А если хочешь посмотреть код своей страницы, не обязательно пользоваться правой кнопкой мыши - можно зайти в View и выбрать Sourсe (Вид - Просмотр HTML-кода).
 
 Top
TvoyWeb Администратор
Отправлено: 20 Июля, 2004 - 20:37:42
Post Id



Главный здесь


Покинул форум
Сообщений всего: 7072
Дата рег-ции: Нояб. 2003  
Откуда: Tashkent Uz

Карма 52




Stan
Я скажу лишь одно, одним редактированием шаблона в фотошопе не обойтись, хоть там и присутствует опция "Slice options". Все равно после этого надо редактировать страницу либо в блокноте либо в HTML редакторе. В этом случае удобны WYSIWYG-редакторы. Я например для этого пользуюсь DW. Там одним кликом можно убрать не нужную картинку, если не убрал ее в фотошопе (хотя нарезаю в Fireworks).
А вообще советую потренироваться со slice. И потоь все же для таких целей более удобный Fireworks. Там есть все опции slice которые есть в фотошопе. И он попроще в смысле работы в нем.
Хочу также сказать, если в опциях "Slice options" выбрать Noimages то в этом же окошке появляется поле для ввода текста, который на странице будет отображаться как обычный текст, а не картинка.
К тому же в поле можно вставлять и HTML код этого участка страницы.
 
 Top
Stan
Отправлено: 21 Июля, 2004 - 06:26:29
Post Id



Super Member


Покинул форум
Сообщений всего: 877
Дата рег-ции: Янв. 2004  
Откуда: Sheffield, UK

Карма 0




Теперь у меня созрели новые вопросы. У меня получилось просмотреть код своей страницы(не нажимаю правой кнопки), но я увитдел там вот что:
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>

То есть здесь нечего редактировать. Здесь просто указание файла(когда я сохранял для вед я делал хтмл файл и картинкИ, а вместо картиНОК у меня получилась картинкА, абсолютно такая же, как сама главная страница).
 
 Top
Леголегс Администратор
Отправлено: 21 Июля, 2004 - 06:53:26
Post Id



JS-маньяк


Покинул форум
Сообщений всего: 2109
Дата рег-ции: Июль 2004  
Откуда: Липецк

Карма 17




Мдя... А на сколько пластин у тебя был разрезан документ? Точно на несколько? Прости за такой глупый вопрос, но код э-э-э... неадекватен.
 
 Top
TvoyWeb Администратор
Отправлено: 21 Июля, 2004 - 10:48:37
Post Id



Главный здесь


Покинул форум
Сообщений всего: 7072
Дата рег-ции: Нояб. 2003  
Откуда: Tashkent Uz

Карма 52




Леголегс
Так он у него и не разрезан. Однозначно!.
Stan
Сколько весит этот psd файл? Вышли его мне на мыло. Мыло смотри в ЛС.
 
 Top
TvoyWeb Администратор
Отправлено: 21 Июля, 2004 - 21:40:34
Post Id



Главный здесь


Покинул форум
Сообщений всего: 7072
Дата рег-ции: Нояб. 2003  
Откуда: Tashkent Uz

Карма 52




Stan
Ну что тебе сказать. То что ты мне прислал и тот код который ты здесь показал говорит о том, что ты ничего не нарезал. Резать надо инструментом slice на панели инструментов.
О том как это сделать почитай здесь
 
 Top
Страниц (2): « 1 [2]
Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0, скрытых: 0)
« Графические редакторы »


Все гости форума могут просматривать этот раздел.
Только администраторы и модераторы могут создавать новые темы в этом разделе.
Только администраторы и модераторы могут отвечать на сообщения в этом разделе.



Форум на AlfaSpace.NET


Powered by ExBB
ExBB FM 1.0 RC1 by TvoyWeb.ru
InvisionExBB Style converted by Markus®

[Script Execution time: 0.0289]     [ Gzipped ]