Конечные результаты для веб-дизайнера PHP

Я нахожусь в стадии разработки веб-приложения PHP среднего размера (а не статического веб-сайта). Поскольку я программист с творчеством баклажана, я хотел бы договориться с фрилансером, чтобы спроектировать внешний вид приложения. Какой результат я должен попросить у дизайнера? HTML файлы? PHP файлы? Как применить внешний вид дизайнера к моему приложению?

Ответ 1

Спросите:

Файлы HTML
Файлы CSS
дизайн без таблиц - намного проще обновлять файлы CSS, чем обновлять таблицы. Обратите внимание, что этот совет состоит только в том, что вам следует избегать использования таблиц для организации макетов страниц. Для организации данных в табличном виде таблицы, безусловно, все же являются наилучшим вариантом.
Файлы изображений (все jpg's/gif или как бы там ни было)
cut (< ---- это important) PSD файлы, поэтому вы можете легко редактировать изображение и заменять изображения. Другие аналогичные форматы, такие как GIMP, также могут быть приемлемыми.

Как только это время для интеграции deisgn в ваше приложение, вы хотите отделить дизайн от своей логики и доступа к базе данных. Это упростит обслуживание позже, а также упростит внесение изменений при разработке приложения.

- Хотя специфика тех, которые вы должны использовать, выходит за рамки этого ответа, обратите внимание, что существует множество фреймворков и парадигм (структуры MVC, системы управления контентом и т.д.), которые облегчают разделение логики.

Простой способ отделить логику от дизайна - просто настроить переменные в файлах PHP, а затем включить соответствующие файлы для дизайна (которые также должны быть php или phtml файлы, как вы увидите ниже). Кроме того, вы должны использовать любые разделы страницы, которые повторяются на многих страницах, и иметь их как отдельный php файл, который вы можете включить в другие страницы. Например...

Плохой путь (НЕ делай этого!):

//File: itemsPage.php:

<html>
    <head>
        <title>Our items</title>
    </head>
    <body>
        <?php
            echo "<ol>";
            $itemsResult = mysql_query("SELECT * FROM items ORDER BY id LIMIT 10");
            while ($item=mysql_fetch_array($itemsResult)){
                echo "<li>".$item['name']." - ".$item['description']."</li>";
            }
            echo "</ol>";
        ?>
        <br><br>
        Affiliates: Microsoft | Bob Home Furnishing Store | <a href="http://www.example.com/affiliates.php">become an affiliate</a>
    </body>
</html>

Лучший способ:

//File: itemsPage.php
<?php
    $title='Our Items';
    include('header.php');
    include('items.php');
    include('footer.php');
?>

...

//File: header.php
<html>
    <head>
        <title><?php echo $title?></title>
    </head>
    <body>

...

//File: items.php
<?php
    $itemsResult = mysql_query("SELECT * FROM items ORDER BY id LIMIT 10");
    $items=array();
    while ($item=mysql_fetch_array($itemsResult))
       $items[]=$item;

    include('items.phtml');
?>

...

//File: items.phtml
<ol>
    <?php foreach ($items as $item){?>
        <li><?php echo $item['name']?> - <?php echo $item['description']?></li>
    <? } ?>
</ol>

...

//File: footer.php
        <br><br>
        Affiliates: Microsoft | Bob Home Furnishing Store | <a href="http://www.example.com/affiliates.php">become an affiliate</a>
    </body>
</html>

Лучший способ: Как намекнул выше, лучший способ сделать это - использовать фреймворк (Zend и т.д.), Который будет создан для того, чтобы сделать вас максимально организованными и легкими.

Ответ 2

Обычно я получаю файлы HTML от своих дизайнеров или PSD и режу сам. HTML файлы должны содержать все базовые элементы, которые необходимо разместить в PHP с отдельными заголовочными файлами и т.д. Конечно, вам также понадобятся CSS и изображения.

Я считаю, что лучше позволить дизайнеру сосредоточиться на том, что они делают лучше всего, чем дизайн, а не просто попытаться свести к минимуму мою работу.

Ответ 3

Вы должны предоставить им выход HTML и позволить им работать с этим. Они могут попросить вас реструктурировать вывод/применить id или классы к определенным вещам.

"Конечные результаты" - это любые файлы изображений /css файлы.

Вам нужно будет оценить, насколько далеко вы попадете на сайт, который вы им разрешите. Если возможно, предоставите им представление файлов PHP (предполагая систему MVC) для работы с /modify.

Просто примечание: я точно знаю, как вы себя чувствуете. Творчество баклажана было бы слишком любезным для меня.

Ответ 4

Это зависит от того, с каким дизайнером вы будете работать.

Мой дизайнер создает PSD для компоновки и предоставляет изображения jpg/gif/png для графических элементов. Я пишу все CSS и HTML, и я предпочитаю это, так как JavaScript должен тесно взаимодействовать с CSS. Я предпочитаю выбирать свои собственные идентификаторы CSS, выполнять все макетирование и так далее. Она - иллюстратор и художник, и не имеет первой подсказки о PHP, JS, CSS и т.д. Это очень хорошо для нас.

Если у вас есть дизайнер, который обрабатывает CSS и HTML, вам будет полезно использовать систему шаблонов, например Smarty или h20. Таким образом, дизайнер может выполнить эту работу без потенциального вмешательства в вашу базу данных и бизнес-логику (модель/контроллер).

Дизайнеру придется понимать поток и логику вашего приложения, чтобы иметь возможность создавать проекты для всех разных экранов и состояний.

Ответ 5

HTML, CSS и - возможно - файлы изображений. (Лично мне также хотелось бы, чтобы PSD-Photoshop файл использовался для создания дизайна. Таким образом, вы можете увидеть видение дизайнера и то, что на самом деле можно сделать в HTML.)

Использование этих активов зависит от вашего приложения. Например, если вы используете среду MVC, вы должны использовать эти ресурсы для создания своих представлений.

Ответ 6

Во-первых, вы должны найти дизайнера, который действительно понимает ваш проект и может обеспечить дизайн, который подходит. Ответ на ваш вопрос должен полностью зависеть от опыта дизайнера.

Некоторые дизайнеры имеют отличные HTML, CSS, а иногда и навыки PHP. Если это так, ваши результаты должны быть именно такими. Если это так, они должны предоставить вам полный рабочий HTML, CSS. Если их навыки php достойны, вы даже можете попросить их разбить общие элементы на включенные. Ваш пробег будет меняться здесь. Как разработчик приложения, это ваш выбор относительно того, как вы это делаете, и с дизайнером это может принести больше вреда, чем пользы.

Если вы завершите работу с дизайнером, у которого нет технических отбивных, я бы рекомендовал подробные PSD. Слои должны быть четко обозначены, а различия сделаны между текстом и изображениями. На данный момент у вас есть другой выбор. Будучи разработчиком, вы можете самостоятельно создавать HTML-шаблоны. Если вы не хотите тратить время, необходимое для этого, вы всегда можете использовать службу, например http://www.psd2html.com/. Мне нравится использовать их, потому что они имеют дело со всеми несовместимыми друг с другом браузерами, и даже вломится в него, если вы предоставите достаточное руководство. Только оговорка - убедиться, что PSD хорошо помечен.

В любом случае, самое главное, убедитесь, что ваш дизайнер получает то, что вы делаете, и выясните, какое наилучшее решение для результатов должно основываться на их наборе навыков.

Ответ 7

Кроме того, сделайте некоторую договоренность о том, кто "владеет" дизайном после завершения работы дизайнера. Если вы этого не сделаете, дизайн принадлежит дизайнеру, и законно вы не можете вносить в него изменения без его согласия. Поэтому пусть разработчик передаст вам права на дизайн.

Я думаю, вы можете считать это доступным.

Ответ 8

Если ваше приложение отделяет логику от презентации, теперь вы должны быть понятны, чтобы применить работу дизайнера к вашему.

Мои дизайнеры снабжают меня файлами PSD. Но так, как мне нравится. Побеседуйте с вашим дизайнером, и вы найдете общий язык.

Ответ 9

Для дизайнера вам понадобятся HTML, CSS и изображения.

Другие дизайнеры могут предоставить только изображение страницы и оставить вас самим нарезать.