php页面设计
‘壹’ 在线等!急! 用php编写程序,实现简单的用户登录页面 (1)制作login.html用户登录页面,效果图如下:
login.html
<form action="login.php" method="post" name="formUser" >
<table width="100%" border="0" align="left" cellpadding="5" cellspacing="3">
<tr>
<td width="25%" align="right">用户名:</td>
<td width="65%">
<input name="username" type="text" size="25" id="username" />
</td>
</tr>
<tr>
<td align="right">登陆密码:</td>
<td>
<input name="password" type="password" id="password1" style="width:179px;" />
</td>
</tr>
<tr>
<td align="right">确认密码:</td>
<td>
<input name="confirm_password" type="password" id="conform_password" style="width:179px;"/>
</td>
</tr>
<tr>
<td align="right">选择性别:</td>
<td>
<input name="rd1" type="radio" size="25" id="rd1" value="男" checked/>
<input name="rd2" type="radio" size="25" id="rd2" value="男"/>
</td>
</tr>
<tr>
<td align="right">个人爱好:</td>
<td>
<input name="ck1" type="checkbox" size="25" id="ck1" value="音乐" checked/>
<input name="ck2" type="checkbox" size="25" id="ck2" value="游戏"/>
<input name="ck3" type="checkbox" size="25" id="ck3" value="电影"/>
</td>
</tr>
<tr>
<td align="right">备注信息:</td>
<td>
<input name="t1" type="text" size="25" id="t1" value="" />
</td>
</tr>
<tr>
<td >
<input name="Submit" type="submit" value="普通提交按钮" >
</td>
<td>
<input name="btn1" type="btn" value="重置按钮" >
</td>
</tr>
</table>
</form>
login.php
$username = isset($_POST['username']) ? trim($_POST['username']) : '';
$password = isset($_POST['password']) ? trim($_POST['password']) : '';
if (strlen($password) < 6)
{
show_message($_LANG['passport_js']['password_shorter']);
}
if (strpos($password, ' ') > 0)
{
show_message($_LANG['passwd_balnk']);
}
if (register($username, $password) !== false)
{
/*把新注册用户的扩展信息插入数据库*/
$sql = 'SELECT id FROM ' . $ecs->table('reg_fields') . ' WHERE type = 0 AND display = 1 ORDER BY dis_order, id'; //读出所有自定义扩展字段的id
$fields_arr = $db->getAll($sql);
$extend_field_str = ''; //生成扩展字段的内容字符串
foreach ($fields_arr AS $val)
{
$extend_field_index = 'extend_field' . $val['id'];
if(!empty($_POST[$extend_field_index]))
{
$temp_field_content = strlen($_POST[$extend_field_index]) > 100 ? mb_substr($_POST[$extend_field_index], 0, 99) : $_POST[$extend_field_index];
$extend_field_str .= " ('" . $_SESSION['user_id'] . "', '" . $val['id'] . "', '" . compile_str($temp_field_content) . "'),";
}
}
$extend_field_str = substr($extend_field_str, 0, -1);
if ($extend_field_str) //插入注册扩展数据
{
$sql = 'INSERT INTO '. $ecs->table('reg_extend_info') . ' (`user_id`, `reg_field_id`, `content`) VALUES' . $extend_field_str;
$db->query($sql);
}
}
else
{
$err->show($_LANG['sign_up'], 'login.php?act=login');
}
‘贰’ 网页设计制作详细流程
分析如下:
1、首先下载安装Dreamweaver,打开后,新建一个网页,一般选择“HTML”建立网页。选择“经典”界面,有助于我们更便捷使用这个软件。
(2)php页面设计扩展阅读:
网页设计
设计网站要注意两个要点:整体风格和色彩搭配。
风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站。
风格(Style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。
色彩搭配
无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。
网页配色小技巧:
1.用一种色彩:这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感;
2.用两种色彩:先选定一种色彩,然后选择它的对比色;
3.用一个色系:简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。
在网页配色中,还要切记一些误区:
1.不要将所有颜色都用到,尽量控制在三至五种色彩以内;
2.背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。
‘叁’ 我是网站前台美工,我不懂PHP,只懂HTML,那如何美化php页面啊
有好的美工基础,也能美化好PHP程序,但并不是一定能够美化好PHP程序。
出于行业分工不同,php程序员对于html、css、js有一定的了解,但出于工作时间和兴趣,很多php程序员并不是太喜欢在这方面做太多的努力,这些都交给美工。所以美工应该对这些都要掌握,当然有的企业甚至专门有js程序员。
以前,程序员把html和php代码混合编写,导致美工与程序员无法分清,影响了工作效率,降低了产品质量。为解决这个问题,开始使用模板技术。使用模板以后,美工只管做静态页面,动态输出的内容,则使用表达式代替。如{#文章内容#}。
模板技术并不能够完全解决页面的美化问题。实际上,有许多情况下,美工对于程序员这些复杂的表达式,是很有束缚的,很难设计出富有人性化和创造力的页面。就我个人的一些经验,我提出我的一些看法:
1、网站美工先行。美工应该在程序员之前,设计出网站所需要的各种静态页面。对于同一类的,只需要设计一种,比如提示信息、出错信息。做得多无所谓,尽可的做得多。真正的工作量,可能不是页面的图片和页面的表格,而是页面复杂的表单信息和追求人性化的JS代码。
美工和程序员在动手之前,实际上脑海中都有对于项目应用的了解,只是双方的侧重各有不同,但对于静态页面,程序员其实也是清楚的,只是美工想到的是美观,而程序员想到的是实用。
2、美工应该对PHP特性多一些了解。因为受php官方的影响,php的程序员是质朴的,简洁的。所以不要去埋怨他们。即便你是美工,实际上你也不要有惧怕源码的观念,html、css、js都是源码,你不懂它们,很难做好一个页面,php也不是很复杂,了解一下有必要。正如程序员一样,他们对于美工也都有一定的了解。另外,任何程序化的页面,最难的在于处理循环。就是说,一样东西,要显示很多次。频道,有时候是1个,有时候是5个,菜单,有时候是2个,有时候是8个,还有表格的行数,诸如此类。所以美工要考虑这些动态内容的显示,既要兼顾美观,又要兼顾循环。对这些循环的东西,无法用图片直接表示,也不宜做得太复杂。根据第一条的经验,我觉得美工就是先做下去,然后程序员觉得这地方不好弄,美工再改。
3、对于php的成品,如果需要美化,还是参照第一条,把所有的php页面看清楚,用html做出来,然后交由程序员去整合。php成品,纯粹美工,是搞不定的。即便这些成品使用了模板技术,如果前期没有美工的介入,有时仍需要程序员去修改他的php代码。
绿色产品,手工打造。绝无复制,版权保留。
‘肆’ UI设计与PHP工程师有什么不同的
我们先来看看UI设计与php的官方定义
UI设计:UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI,互联网常用的UI设计是虚拟UI,UI即User Interface(用户界面)的简称。
PHP:即“超文本预处理器”,是一种通用开源脚本语言。PHP是在服务器端执行的脚本语言,与C语言类似,是常用的网站编程语言。PHP独特的语法混合了C、Java、Perl以及 PHP 自创的语法。
可能这样很难明白,用我们自己的话讲,UI就是就是设计软件和用户的互动方式,PHP就是一种开发程序的语言。
UI设计能从事的工作范围很广,涉及到了ui设计、网站管理、网页设计、app界面设计、用户体验、产品设计等行业,而PHP工程师主要是PHP语言开发互联网应用程序;网站产品和网站功能模块的开发与维护;与页面设计师协调沟通,编写部分Javascript和HTML;
参与底层MVC框架的编写与维护。
UI设计相对于PHP,没有过多复杂的编程语言,多是与设计相结合,学习起来比较容易上手一点,如果你不喜欢枯燥乏味的程序,那学UI是一个不错的选择。