代码之家 › 专栏 › 技术社区 › BenV Langley

PHP web designer的可交付成果

css php

BenV Langley · 技术社区 · 14 年前

我正在设计一个中型PHP web应用程序(不是静态网站)。因为我是一个有着茄子般创造力的程序员,我想和一个自由职业者签约来设计应用程序的外观和感觉。我应该向设计师要求什么样的可交付成果?HTML文件?PHP文件?如何将设计师的外观应用到我的应用程序?

9 回复 | 直到 14 年前

Aaron Butacov 14 年前

请求:

一项
CSS文件
无表设计-更新CSS文件比更新表容易得多。请注意,此建议只是建议您避免使用表来组织页面的布局。对于以表格方式组织数据,表格无疑仍是最佳选择。
切 (<--这是 重要的 )PSD文件,以便您可以轻松地编辑图像内容和替换图像。其他类似的格式如GIMP也可以接受。

一旦到了将设计集成到应用程序中的时候,您需要 . 这使得以后的维护更容易,并且在开发应用程序时更容易进行更改。

将逻辑与设计分离的一个简单方法是在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>

最佳方式:

Aaron Butacov 14 年前

通常,我从我的设计师或psd那里得到HTML文件,然后自己把它们切碎。HTML文件应该包含所有的基本元素,你需要把它们与单独的包含头文件等PHP的,当然,你也会想要的CSS和图像。

我发现最好让设计师专注于他们最擅长的设计,而不仅仅是尽量减少我的工作。

Josh K 14 年前

您应该向他们提供HTML输出,并让他们使用它。他们可能会要求您重新构造输出/将id或类应用于某些事物。

“可交付成果”将是任何图像文件/css文件。

只是附言:我知道 确切地 你的感受。茄子的创意对我来说太好了。

JAL 14 年前

这取决于你将与哪种设计师合作。

Smarty h20 . 这样,设计者就可以在不影响数据库和业务逻辑(模型/控制器)的情况下完成这项工作。

George Marian 14 年前

HTML、CSS和——可能还有——图像文件(就我个人而言,我还需要PSD——Photoshop文件——他们用来创建设计。通过这种方式,您可以看到设计师的愿景与HTML中实际呈现的内容。)

Chris Henry 14 年前

首先,你应该找到一个真正了解你的项目,并能提供适合你的设计的设计师。你的问题的答案应该完全取决于设计师的专业知识。

一些设计师拥有出色的HTML、CSS,有时甚至PHP技能。如果是这样的话,你的可交付成果应该就是这样。如果是这种情况,他们应该提供完整的,工作的HTML,CSS你。如果他们的php技能不错,您甚至可以要求他们将常见元素分解为include。你的里程数在这里会有所不同。作为应用程序开发人员,如何做到这一点是你自己的选择,让设计师来做可能弊大于利。

如果你遇到一个没有技术经验的设计师,我会推荐详细的psd。图层应该清楚地标记,并区分文本和图像。在这一点上,你有另一个选择。作为一名开发人员,您可以自己构建HTML模板。如果你不想花费必要的时间去做这件事,你可以使用像 http://www.psd2html.com/ . 我喜欢使用它们,因为它们处理所有跨浏览器的不兼容问题,如果您提供足够的指导,它们甚至会将内容分解为include。唯一需要注意的是确保PSD有良好的标签。

不管是哪种方式,最重要的是确保你的设计师了解你在做什么,并根据他们的技能找出交付物的最佳解决方案。

Sander 14 年前

另外,在设计师完成设计后,对谁“拥有”设计做出一些安排。如果你不这样做,设计属于设计师,法律上没有他的同意,你不能对它进行更改。所以让设计师把设计的权利转让给你。

我想你可以把它算作可交付成果。

Rimian 14 年前

如果您的应用程序将逻辑与表示分离,那么您现在应该清楚地了解如何将设计器的工作应用到您的应用程序中。

我的设计师为我提供PSD文件。但我喜欢这样。和你的设计师聊聊,你会找到共同点。

Dean J 14 年前

其他设计师可能只提供页面的一个图像,而让你自己来切碎它。