axure簡單實例網頁設計_如何用axure製作一個完整的個人網站

1、通過axure做原型設計生成的html代碼可以讓開發直接用嗎

不可以，Axure 生成的只是原型，是在產品制定時供大家參考了解項目用的。

Axure輸出的HTML文件不能直接用於前端代碼開發，Axure為了模擬交互效果，使用了大量的JS，其中有很多是用不著的內容，前端代碼需要完全重寫。

Axure輸出內容不能取代實際開發中的任何部分，只是為了提高溝通效率。

(1)axure簡單實例網頁設計擴展資料：

Axure的特性

1.滑鼠及鍵盤交互功能:

支持更多的新特性包括 OnDoubleClick（雙擊）, OnContextMenu (右擊),OnMouseDown（滑鼠按鍵按下）, OnMouseUp（滑鼠按鍵松開）, OnMouseMove（滑鼠指針移動）, OnMouseHover（滑鼠指針經過）, OnLongClick (滑鼠長按), OnKeyDown（鍵盤按鍵按下）, OnKeyUp（鍵盤按鍵松開）。

2.演示文檔：

支持HTML5新特性，以及更好的支持手機演示特性。

3.新增部件樣式控制：

Axure7對於部件修飾功能有較大的改善，包括支持圓角、陰影、描邊等設置。

4.更細化的部件屬性：

更為豐富的部件屬性，可以設置各種形狀、樣式，較Axure RP 6.5單調的形狀而言，也是一種驚喜。

5.更多交互條件：

包括關閉指定窗口、設置錨點以及更為靈活的事件觸發條件，對於移動互聯網產品原型設計有很大幫助。

2、求一個用Axure製作的靜態網頁成品，只為交作業

你去那個axure交流群里下載，我電腦剛重裝，不見了。

3、html網頁設計：一個簡單的登錄界面代碼！

是這樣的效果嗎？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>3</title>
<script>
function r()
{

var username=document.getElementById("username");

var pass=document.getElementById("password");
if(username.value=="")
{
alert("請輸入用戶名");
username.focus();
return;
}
if(pass.value=="")
{
alert("請輸入密碼");
return;
}
return true;
}
</script>
</head>
<body>
<form>
<table width="350" bgcolor="#ccffcc" style="border-color" border="1">
<tr align=center>
<td>用戶名</td><td><input type="text" name="username" id="username"></td>
</tr>
<tr align=center><td>密碼</td><td><input type="password" name="password" id="password"></td></tr>
<tr align=center><td>驗證碼</td><td><input type="text" name="yanzheng"></td></tr>
<tr align=center><td colspan="2"><input type="button" value="登錄" onclick="r();"/> <input type="reset" value="重置"/></td></tr>

</table>
</form>
</body>
</html>

4、用axure畫圓形框架圖是web前端開發的工作還是網頁設計的工作？

一個是偏向於設計，一個是偏向於代碼。如果是網頁設計，剛開始可能是模仿別人的網頁，但是到了最後會出現慢慢的偏重於美術，心理學，色彩，繪畫等。這些藝術方面，表面你能看到的，如果你是學計算機的接觸過網頁設計，並喜歡網頁設計，我建議不要偏向這個方面，因為到後來讓你自己獨立設計網頁時，色彩搭配是很難的，還有整體布局，以及是否符合當下潮流等。現在的網頁千變萬化，設計也要不斷學習，並且能跟得上。
對於web前端開發這個就是把別人設計好的自己用div+css+js去實現的，一個簡單的網頁可能就是div+css把它寫出來，但是這裡面是充滿經驗的。web前端的發展過程中到了最後就是頭疼的兼容性問題，因為要確保一個頁面在任何瀏覽器當中能正常顯示是很不容易的，瀏覽器廠商那麼多，各自還有自己的專屬屬性，而且有的還要求在手機中能夠顯示，能夠自適應屏幕等。單純的css無法來控制，就需要學習javascript,
web前端看似簡單其實要學習的東西很多，經驗也特別重要，接觸後台後你會更明白前端的重要性。

5、如何用axure製作一個完整的個人網站

axure製作出來的只是產品模型，生成html代碼後相當於只是你有了前段樣式代碼，具體的功能模塊的代碼實現，還是需要你編寫的，怎麼與資料庫，前後台對接，怎麼發布到伺服器等等。當然，你要是只是個靜態的個人網站，一年不更新一次，也簡單，用axure製作一個網站，中繼器里存死數據，放到nginx伺服器上就行了。
而對於你怎麼通過axure製作一個完整的個人網站，就簡單很多了，直接在axure中設計不就行了嗎，本身就是一個工具類軟體，知道如何操作就可以設計了，登錄，博客發布，編寫都可以模擬，但也僅限於是個模型而已

6、網頁設計製作中，用不用axure

axure是個原型設計工具，產品經理會用到，就算用來設計網頁製作，也是dw，還輪不到它的份，作用不同，使用方向場合不同。
但是要是真要搞前端，搞網頁設計，你得自己學會敲代碼，會打開txt打開sublime去敲代碼，而不是拿一個所見即所得的網頁製作工具像dw之類的去拖。
會敲代碼了，如果真要做某一個效果，工具比敲代碼要相對簡單些的時候，可以去用，但不能上來就用，畫了半年，連個代碼都看不懂，那是啥。
好好去看代碼吧。

7、關於axure設計網頁web頁面的問題，我設計了一個網頁，如下圖，怎麼把圖一設計成圖二。

兩張圖區別很大的，不知道具體是哪裡做不出效果?
左邊的折疊菜單，點擊「活動」添加下一項以創建"校友管理"項目，或者在軟體里上方有個向左的綠色箭頭，能讓菜單向上一級。
頁面多了以後滾動條就有了。
軟體里背景色不好修改的，生成的html文件，你可以在源文件里修改左邊欄的背景色。
右邊的內容，兩張圖內容不一樣，應該沒指這個吧

8、如何用Axure8.0製作簡單的登錄窗口分享

1、繪制登錄窗口
（1）首先，打開Axure8.0，在站點地圖里選擇一個頁面，重命名為「登錄窗口」，雙擊該頁面，進入該頁面的編輯模式。然後在元件庫中拖拽一個矩形元件到線框圖面板中，單擊右鍵選擇「轉化為動態面板」，將其轉化為動態面板，並將其命名為「login」

（2）雙擊login動態面板，選擇動態面板的State1，進入狀態1的編輯模式。可看到線框圖面板中有一個矩形，我們將它調整為適當的大小。
（3）首先，從元件庫中拖入一條水平線，作為標題欄的分割線；然後，繼續拖入一個三級標題文本標簽，修改文本為「登錄窗口」，放置在標題欄位置；最後，拖入一個佔位符，將其命名為「btn_close」，作為登錄窗口的關閉按鈕。如下圖：

2、繪制登錄表單
（1）從元件庫中的表單元件中拖入兩個文本框元件，一個標簽文本，和一個按鈕，並在屬性面板編輯各個元件的屬性：
文本框元件1：命名為「username」，作為用戶名輸入框，設置提示文本為「請輸入您的用戶名」；
文本框元件2：命名為「passwords」，作為密碼輸入框，設置提示文本為「請輸入您的密碼」，作為密碼框，當用戶輸入文本，應該是以密文的形式展示，因此還需要文本框的類型設置為「密碼」；
標簽文本：命名為「tip」，作為頁面錯誤提示的文本展示區域，設置文本居中顯示，文本顏色為紅色；
按鈕：命名為「btn_login」，作為登錄按鈕，設置文本為「登錄」；

3、為表單提交添加錯誤提示
當提交表單時，用戶名或密碼為空，會有錯誤提示。因此需要為登錄按鈕添加用例。
（1）點擊「登錄按鈕」，選擇右側交互面板中的「滑鼠單擊時」，會出現如下圖的用例編輯對話框。此時可以開始編輯用例。

（2）點擊「添加條件」，添加的條件則為用戶名為空，如下圖，if 文字於username=="" 就是表示如果username為空時的意思；

點擊確定，回到用例編輯對話框；
（3）選擇左側「添加動作」中的「設置文本」，在右側的「配置動作」中選擇「tip」元件，設置文本為「用戶名不能為空」，如下圖：

點擊「確定」，Case1（用戶名不能為空）即完成；接下來可按照以上的步驟完成 Case2（密碼不能為空）的情況。
4、錯誤提示的隱藏
當錯誤提示後，用戶要再次輸入時，錯誤提示應消失。
（1）為元件「username」，添加獲取焦點時的用例，設置當username獲取焦點時，tip元件的文本為空；元件「passwords」也是；

5、關閉按鈕的實現
單擊佔位符「btn_close」，為其添加滑鼠單擊時的用例，選擇「顯示/隱藏」，在「配置動作」欄中選擇「login」動態面板，可見性選擇「隱藏」，點擊確定，完成用例。
至此，一個簡單的登錄窗口就大致實現。按鍵盤"F5"鍵，就可以預覽原型啦。

導航:首頁 > 萬維百科 > axure簡單實例網頁設計

axure簡單實例網頁設計

與axure簡單實例網頁設計相關的知識