Поскольку многие друзья спрашивали о том, как вырезать картинки, и поскольку эта проблема может быть большой или маленькой, объяснить ее внятно в одном-двух предложениях совершенно невозможно, поэтому я приведу простой пример, иллюстрирующий эту проблему, когда у меня будет свободный сегодня время дома! Хорошо, начнем:
шаг 1: Откройте черновик дизайна в PhotoShop, как показано ниже.
Выберите инструмент «Разрез» на панели инструментов и сначала сделайте жирный разрез. Советы: разрежьте большую область цветного блока на одну часть отдельно и держите ее как можно аккуратнее по горизонтальной линии (вы узнаете об этом больше). выпуск на следующей странице продукции) Ощущение) Вырезанная картинка такая:
Шаг 2: Выберите файл-сохранение для Интернета... в PhotoShop для вывода. Обратите внимание на выбор некоторых параметров здесь:
Давайте посмотрим на части 1, 2 и 3, отмеченные красной линией. Выберите инструмент для нарезки, показанный в 1, затем щелкните изображение, показанное в 2, и выберите значение цвета в месте, показанном в 3. Если цвет один, можно выбрать как можно меньший бит значения цвета (Почему??) Ответ: Это значительно уменьшит размер файла и в то же время лучше сохранит цвет изображения после настройки; нажмите «ОК», чтобы вывести файл. Файл включает в себя папку htm и images, как показано на рисунке:
На данный момент ваша страница завершена только наполовину. Далее создайте сайт в Dreamweaver:
шаг 3. Определите сайт:
Дайте сайту имя в названии сайта в левой части изображения, например
Затем выберите все папки сайта, которые мы только что экспортировали, в локальной корневой папке ниже, после того как сайт будет построен, мы увидим на карте сайта:
(Зачем создавать веб-сайт?) Создание веб-сайта позволяет нам выработать полезную привычку, заключающуюся в упорядоченном размещении файлов и папок, содержащихся на веб-сайте. В то же время мы можем легко перемещать сайт в другие места. . место без всякого переписывания пути к файлу! (Конечно, если вы очень не хотите строить сайт, никто вас не заставит. Я встречал таких коллег в своей работе. Они не привыкли делать сайты для страниц. Конечно, с последствиями будет много хлопот)
Шаг 4: Пересоздать таблицу страниц (почему?) Обычно htm-файл, экспортированный непосредственно в фотошоп, нельзя использовать напрямую, поскольку некоторые места необходимо корректировать в процессе реального использования. например места с динамическим текстом, нам нужно добавить их на страницу. Если на входной странице не используются изображения, изображения необходимо удалить. Если вы удалите ненужные изображения и добавите то, что хотите, в непосредственно сгенерированный HTML. , вы обнаружите, что страница станет ужасной, и на всей странице может возникнуть полный хаос!
Хорошо, давайте сначала проанализируем экспортированный файл htm:
Согласно таблице на этой странице мы создаем на новой странице таблицу с тремя строками и одним столбцом:
Обратите внимание, что очень важно установить значения cellpadding, cellpacing и border равными 0, поскольку мы не хотим видеть на картинке пробелы и перекосы, а затем вставить в первую строку таблицу с тремя строками и двумя столбцами; и объедините левую таблицу из трёх столбцов, как показано на рисунке:
При вставке таблицы следует обратить внимание на сравнение содержимого исходного htm-файла и подумать, зачем вы это делаете;
Затем вставьте таблицу с двумя строками и двумя столбцами во вторую строку, объедините левую сетку, как указано выше, и вставьте таблицу с одной строкой и пятью столбцами в первую строку правой сетки, как показано:
Наконец, вставьте в нижнюю строку таблицу с тремя строками и двумя столбцами и объедините элементы 1 и 2 на картинке:
Ладно, теперь наша задача - добавить картинки и контент в таблицу, не буду здесь вдаваться в подробности (на самом деле уже достаточно сказано!)
Еще хочу всем напомнить, что при добавлении картинок и контента таблица
!unit Два атрибута align и valign очень важны. Вы должны приложить все усилия, чтобы использовать их для решения задач. Хорошо, потренируйтесь сами!