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是一個不錯的選擇。