Как обеспечить правильное отображение таблиц и изображений в Visual Studio 2005?
Я использовал функцию «Сохранить для Интернета» в Photoshop CS2, чтобы создать таблицу изображений для макета моего сайта.
Этот HTML-код отлично отображается в веб-браузере, однако при импорте в Visual Studio и просмотре в дизайнере сайта показатели неверны и между изображениями (ячейками таблицы) есть горизонтальные промежутки.
Выходные данные Photoshop не относятся ни к каким таблицам стилей. Атрибуты таблицы устанавливают границу, заполнение ячеек и интервал между ячейками равными 0.
Вот как это выглядит в Конструкторе:
А вот как это выглядит в браузере:
Придирчиво ли Visual Studio к компоновке таблиц и изображений? Это ошибка Visual Studio 2005?
Они не видны? Они появляются для меня, но я новичок в связывании изображений.
Ответы 3
Я не играл с функцией «Сохранить для Интернета», но я почти уверен, что выходной html, за исключением разметки таблицы и изображений, должен также содержать некоторые стили css, которые определяют поведение отображения всей страницы.
Итак, при импорте html в VS убедитесь, что связанные стили также переносятся.
Также не забывайте И для обеспечения валидности HTML - вы можете выбрать уровень соответствия вашего веб-приложения в web.config или свойствах проекта (или просто в редакторе html - установите Target Schema на XHTML Transitional, и вы должны быть уверены, что html, полученный из Photoshop, будет правильно проверен.
Вопрос разъяснен выше. Никаких таблиц стилей, полностью действительный xhtml (после редактирования вручную).
Лично я никогда не доверял и редко использую представление дизайна в Visual Studio, и обычно он настроен на представление кода для всех страниц. Я обычно оставляю рабочие версии файлов открытыми в IE и Firefox, чтобы я мог видеть их макет, однако это может вызвать проблемы при попытке просмотреть многоэтапные формы и т. д. В этих случаях я всегда стараюсь вставить некоторый код, чтобы позволить мне чтобы выбрать, какое состояние / шаг я хочу видеть, не вдаваясь в подробности прохождения каждого шага для его тестирования.
Помните, что в VS вы можете щелкнуть правой кнопкой мыши файл в проводнике проекта и выбрать его для просмотра в веб-браузере. вы также можете добавить различные браузеры в настройки VS, что позволит вам выбрать браузер, в котором вы хотите просмотреть файл.
Я понимаю, что это не ответ, но надеюсь, что это полезно.
Спасибо! Я научился принимать недостатки веб-дизайнера в отношении целостности страницы и использовать комбинацию просмотра кода и предварительного просмотра в браузере для разработки.
Дизайнер Visual Studio 2005, похоже, борется с рендерингом определенного HTML-содержимого. Как сказал Тоби, лучший способ обойти проблему - это предварительно просмотреть страницу в веб-браузере, а не работать с дизайнером.
Другой альтернативой, конечно же, является использование Visual Studio 2008, он использует тот же компонент веб-дизайнера, который используется в Expression Web. Я еще не использовал Visual Studio 2008 широко для веб-проектов, но, судя по тому, что я видел, это очень впечатляет! Visual Studio 2008 также имеет параметр представления «Разделить», который позволяет вам видеть конструктора во время редактирования HTML (больше не нужно переключаться между представлением исходного кода и представлением дизайна, и вам понадобится пара минут, чтобы догнать вас!)
Можем ли мы увидеть изображения?