導航:首頁 > 萬維百科 > 網頁向導設計

網頁向導設計

發布時間:2020-08-26 02:47:30

1、html網頁登錄界面跳轉設計

下面列了五個例子來詳細說明,這幾個例子的主要功能是:在5秒後,自動跳轉到同目錄下的hello.html(根據自己需要自行修改)文件。
1) html的實現
<head>
<!-- 以下方式只是刷新不跳轉到其他頁面 -->
<meta http-equiv="refresh" content="10">
<!-- 以下方式定時轉到其他頁面 -->
<meta http-equiv="refresh" content="5;url=hello.html">
</head>
優點:簡單
缺點:Struts Tiles中無法使用
2) javascript的實現
<script language="javascript" type="text/javascript">
// 以下方式直接跳轉
window.location.href='hello.html';
// 以下方式定時跳轉
setTimeout("javascript:location.href='hello.html'", 5000);
</script>
優點:靈活,可以結合更多的其他功能
缺點:受到不同瀏覽器的影響
3) 結合了倒數的javascript實現(IE)

<span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
var second = totalSecond.innerText;
setInterval("redirect()", 1000);
function redirect(){
totalSecond.innerText=--second;
if(second<0) location.href='hello.html';
}
</script>
優點:更人性化
缺點:firefox不支持(firefox不支持span、div等的innerText屬性)
3') 結合了倒數的javascript實現(firefox)
<script language="javascript" type="text/javascript">
var second = document.getElementById('totalSecond').textContent;
setInterval("redirect()", 1000);
function redirect()
{
document.getElementById('totalSecond').textContent = --second;
if (second < 0) location.href = 'hello.html';
}
</script>
4) 解決Firefox不支持innerText的問題

<span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
if(navigator.appName.indexOf("Explorer") > -1){
document.getElementById('totalSecond').innerText = "my text innerText";
} else{
document.getElementById('totalSecond').textContent = "my text textContent";
}
</script>
5) 整合3)和3')

<span id="totalSecond">5</span>

<script language="javascript" type="text/javascript">
var second = document.getElementById('totalSecond').textContent;

if (navigator.appName.indexOf("Explorer") > -1) {
second = document.getElementById('totalSecond').innerText;
} else {
second = document.getElementById('totalSecond').textContent;
}

setInterval("redirect()", 1000);
function redirect() {
if (second < 0) {
location.href = 'hello.html';
} else {
if (navigator.appName.indexOf("Explorer") > -1) {
document.getElementById('totalSecond').innerText = second--;
} else {
document.getElementById('totalSecond').textContent = second--;
}
}
}
</script>
參考http://www.cnblogs.com/aszx0413/articles/1886819.html

2、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>

3、能否推薦幾個界面好看的個人網頁設計

68design.net(網頁設計師聯盟) 在裡面導航欄找作品 或是找設計師,都能看到很多作品。其實還很多這種站,就不一一羅列了慢慢發現吧。

4、網頁界面設計

UI設計即User Interface(用戶界面)的簡稱。簡單的來說就是圖形界面設計師(ps:這個職位可以不用寫html這類的,但是最好要了解html,因為這樣更有利於設計出來的頁面適合後面的重構師開發)
然後還有就是上面提到的頁面重構師:他的性質就是把頁面設計效果圖,用HTML+CSS改造成網頁
然後這裡面還會衍生一個前端開發的職位,他的性質是給上面的網頁加入前端腳本,實現一個互動效果,比如我們常見的圖片滾動,動畫,還有表單驗證等等常見的效果
然後就是後端程序員了(這裡面可能還會衍生專門做資料庫)反正這類人,就是把網站實現動態,與資料庫對接
(ps:不做過多闡述,有不明白可以問我)

5、網頁界面設計工具有哪些

工欲善先利其器,網頁界面設計過程中要運用很多工具,藍湖、PS、Sketch、AI、Axure 這些差不多能囊括其工作的方方面面。

6、如何將網站界面設計做到更好

想將網站界面設計做到更好需要有非常專業的知識,據我了解的是需要在下面的幾個知識中下很大的努力:

設計知識,沒有設計的基礎如何能設計好一個好的網站界面?

色彩搭配,色彩搭配都不會,那如何確定網站的主色調和如何根據網站的主題來搭配色彩?

結構知識,一個好的網站結構一定要好,不好的結構容易造成不知道用戶需要的內容在哪裡的感覺.

舒適性,先自己體驗自己設計的網站,問問自己覺得自己滿意沒有,如果自己都不滿意,那用戶怎麼會滿意,客戶怎麼會滿意?

其實網站界面主要如果不涉及到代碼方面的知識主要還是要看你的設計美術功底,所以學好設計美術才是能進一步提升網站界面基礎

7、一個網頁的哪些部分算是向導?(界面設計的信息架構模式-向導)

導航條叫 guideline 向導叫guide

8、界面設計和網頁設計的區別是什麼的?

網站界面和軟體界面區別很大,按難度,網站界面設計更難一些。
==網站要求界面美觀、華麗、時尚,能吸引住遊客;
==軟體注重實用性、功能性,如果界面出乎尋常、不符合用戶的使用習慣還是失敗的。軟體界面設計還要知道一些某種語言的設計知識。我們是做車載系統的,當時就找了一些ui設計公司,比如UIPlus,洛可可,艾藝等,最後決定選擇UIPlus,主要基於三點考慮:
1.UIPlus他們母公司能做界面開發
2.他們的性價比比較高,而且服務好
3.他們是軟體公司,能很好的在產品角度去做交互,對程序也很了解。其他的兩家都不能做開發,對軟體的用戶習慣也不夠專業

9、網頁設計(網頁界面設計)的問題,謝謝!

你真牛,能帶這么多網址。

10、網頁設計通過站點設置向導建立了之後,怎樣進一步了解站點的設置

站點建立成功之後,可以隨時編輯和修改

在站點列表中,找到你剛建立的站點,點擊右鍵屬性,即可對參數做修改


與網頁向導設計相關的知識