Результаты для веб-дизайнера PHP
Я нахожусь в стадии проектирования веб-приложения PHP среднего размера (не статический веб-сайт). Так как я - программист с креативностью баклажана, я хотел бы заключить контракт с фрилансером для разработки стиля приложения. Какой поставляемый компонент я должен попросить от разработчика? Файлы HTML? Файлы PHP? Как я применяю стиль от разработчика к моему приложению?
9 ответов
Спросите:
- HTML-файлы
- CSS-файлы
- Бестабличный дизайн - гораздо проще обновлять CSS-файлы, чем обновлять таблицы. Обратите внимание, что этот совет заключается только в том, что вам следует избегать использования таблиц для организации макетов страниц. Для организации данных в виде таблиц таблицы, безусловно, по-прежнему являются лучшим вариантом.
- Файлы изображений (все файлы jpg / gif или в любом другом случае)
- вырезать (<---- это важно ) PSD-файлы, чтобы вы могли легко редактировать содержимое изображения и заменить изображения. Также могут быть приемлемы другие подобные форматы, такие как GIMP.
Когда пришло время интегрировать дизайн в ваше приложение, вы хотите отделить дизайн от вашей логики и доступа к базе данных . Это облегчит обслуживание в дальнейшем, а также упростит внесение изменений по мере разработки приложения.
- Хотя особенности того, какие из них вы должны использовать, выходят за рамки этого ответа, обратите внимание, что существует множество фреймворков и парадигм (фреймворки 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'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 и т. Д.), Который будет спроектирован так, чтобы сделать вещи максимально организованными и простыми для вас.
Во-первых, вам следует найти дизайнера, который действительно понимает ваш проект и может предоставить подходящий дизайн. Ответ на ваш вопрос должен полностью зависеть от квалификации дизайнера.
Некоторые дизайнеры обладают отличными навыками HTML, CSS, а иногда и PHP. Если это так, ваши результаты должны быть именно такими. В этом случае они должны предоставить вам полный рабочий HTML и CSS. Если их навыки работы с php достаточно высоки, вы можете даже попросить их разбить общие элементы на включаемые. Ваш пробег здесь будет другим. Как разработчик приложения, вы сами выбираете, как это сделать, и если дизайнер сделает это, это может принести больше вреда, чем пользы.
Если вы столкнетесь с дизайнером, у которого нет технических навыков, я бы порекомендовал подробные PSD. Слои должны быть четко обозначены и различаться между текстом и изображениями. На данный момент у вас есть другой выбор. Как разработчик, вы можете сами создавать HTML-шаблоны. Если вы не хотите тратить на это время, вы всегда можете использовать такую службу, как http://www.psd2html.com/ . Мне нравится использовать их, потому что они имеют дело со всеми несовместимостями между браузерами и даже разбивают вещи на включения, если вы предоставите достаточно рекомендаций. Единственное предостережение - убедитесь, что PSD хорошо помечен.
В любом случае, самое главное - убедиться, что ваш дизайнер понимает то, что вы делаете, и выяснить, какое лучшее решение для результатов должно быть основано на его навыках.
Обычно я получаю HTML-файлы от дизайнеров или PSD и сам их нарезаю. HTML-файлы должны содержать все основные элементы, необходимые для вставки в PHP, с отдельными включаемыми заголовочными файлами и т.д. Конечно, вам также понадобится CSS и изображения.
Я считаю, что лучше позволить дизайнеру сосредоточиться на том, что он делает лучше всего, а именно на дизайне, чем пытаться минимизировать мою работу.
HTML, CSS и - возможно - файлы изображений. (Лично я также хотел бы получить PSD - файл Photoshop - который они использовали для создания дизайна. Так вы сможете увидеть видение дизайнера в сравнении с тем, что на самом деле может быть отображено в HTML.)
Использование этих активов зависит от вашего приложения. Если вы используете фреймворк MVC, например, вы будете использовать эти активы для создания представлений.
Для дизайнера вам понадобятся HTML, CSS и изображения.
Другие дизайнеры могут предоставить только изображение страницы, а вы предоставите его самому себе.
Вы должны предоставить им вывод HTML и позволить им работать с этим. Они могут попросить вас реструктурировать вывод / применить идентификаторы или классы к определенным вещам.
«Результатами» могут быть любые файлы изображений / CSS.
Вам нужно будет оценить, насколько далеко вы позволите им проникнуть на сайт. Если возможно, предоставьте им просмотр файлов PHP (при условии, что система MVC) для работы / изменения.
Небольшое примечание: я точно знаю, что вы чувствуете. Мне бы очень понравилось творчество из баклажана.
Если ваше приложение отделяет логику от представления, вы должны иметь ясное представление о том, как применить работу дизайнера к вашей.
Мои дизайнеры предоставляют мне файлы PSD. Но мне так нравится. Поговорите со своим дизайнером, и вы найдете точки соприкосновения.
Это зависит от того, с каким дизайнером вы будете работать.
Мой дизайнер создает PSD для макета и предоставляет jpg/gif/png изображения для графических элементов. Я пишу все CSS и HTML, и это то, что я предпочитаю, поскольку JavaScript должен тесно взаимодействовать с CSS. Я предпочитаю сама выбирать идентификаторы CSS, делать все тесты верстки и так далее. Она иллюстратор и художник, и не имеет ни малейшего представления о PHP, JS, CSS и т.д. Нам это вполне подходит.
Если у вас есть дизайнер, который разбирается в CSS и HTML, вам будет полезно использовать систему шаблонов, например Smarty или h20. Таким образом, дизайнер сможет выполнять работу, не вмешиваясь в вашу БД и бизнес-логику (модель/контроллер).
Дизайнер должен будет понимать поток и логику вашего приложения, чтобы иметь возможность создавать дизайн для всех различных экранов и состояний.
Кроме того, договоритесь о том, кто «владеет» дизайном после того, как дизайнер завершит работу. В противном случае дизайн принадлежит дизайнеру, и по закону вы не можете вносить в него изменения без его согласия. Так что позвольте дизайнеру передать вам права на дизайн.
Думаю, вы можете считать это результатом.