Результаты для веб-дизайнера PHP - PullRequest
12 голосов
/ 27 июня 2010

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

Ответы [ 9 ]

11 голосов
/ 27 июня 2010

Запросить:

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

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

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

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

Bad Way (НЕ делайте этого!):

//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's 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's Home Furnishing Store | <a href="http://www.example.com/affiliates.php">become an affiliate</a>
    </body>
</html>

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

10 голосов
/ 27 июня 2010

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

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

4 голосов
/ 27 июня 2010

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

«Результатами» будут любые файлы изображений / CSS-файлы.

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

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

3 голосов
/ 27 июня 2010

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

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

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

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

2 голосов
/ 27 июня 2010

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

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

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

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

2 голосов
/ 27 июня 2010

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

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

1 голос
/ 09 июля 2010

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

Полагаю, вы можете считать это результатом.

0 голосов
/ 28 июня 2010

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

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

0 голосов
/ 27 июня 2010

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

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

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