導航:首頁 > 萬維百科 > 網頁按鈕如何設計規范

網頁按鈕如何設計規范

發布時間:2021-01-14 12:54:30

1、求助:用Java設計一個界面,要求添加5個按鈕和一個顯示窗口能夠生成隨機數!急急急!!!

import java.awt.Toolkit;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JOptionPane;

public class DataAdd extends JFrame implements ActionListener{
JButton aButton=new JButton("按鈕");
JButton bButton=new JButton("按鈕2");
JButton cButton=new JButton("按鈕3");
JButton butnRan=new JButton("生成隨機數");
JButton butnQuit= new JButton("退出");

public DataAdd(String s) {
super(s);
setLayout(null);
add(aButton);
aButton.setBounds(85, 15, 110, 25);
add(bButton);
bButton.setBounds(85, 50, 110, 25);
add(butnRan);
cButton.setBounds(85, 85, 110, 25);
add(cButton);
butnRan.setBounds(25, 120, 100, 25);
add(butnQuit);
butnQuit.setBounds(135, 120, 100, 25);
butnRan.addActionListener(this);
butnQuit.addActionListener(this);
setVisible(true);
setSize(300, 200);
setLocation(Toolkit.getDefaultToolkit().getScreenSize().width / 3,
Toolkit.getDefaultToolkit().getScreenSize().width / 6);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
validate();//刷新
}

public static void main(String[] args) {
DataAdd add = new DataAdd("生成隨機數");
}

public void actionPerformed(ActionEvent e) {
if (e.getSource() ==butnRan){
int n=(int) (Math.random()*10000);
JOptionPane.showMessageDialog(this, "0-9999之間的隨機數:"+n);
}else if(e.getSource()==butnQuit){
System.exit(1);
}
}
}

2、考試中,求一個html登錄頁面設計 要求有登錄框,賬號不得小於3位,密碼不得小於6位。 點登錄按鈕

so easy,給你思路,自己按照我的思路結局:
1、首先,獲取你所選定的文本框的專值,再判斷它屬的長度即可!
2、如何獲取指定文本框的值?
用js封裝function,fuction內容document.getElementByID("這里輸入指定文本框的ID").value即可獲取,再判斷這個value值得長度即可,再根據長度條件做判斷,如果條件不足,return false來阻止跳轉!
3、如何調用上面的function?
我記得JS用onfouse可獲得事件響應!

3、求助,網頁設計里的按鈕代碼,要求,點擊提交,彈出對話框,注冊成功,是否進入登陸頁面,關閉當前頁面

樓主 就你的要來求 基本沒人能做自 要能進入登陸頁面 還要有能關閉當前頁面的 對話框沒人能做吧(也許是孤陋寡聞了)你只能是在頁面上加2個超鏈接 一個指向登陸頁 一個關閉當前頁。如果建立資料庫跟鏈接不會 那就從頭學asp,建議你找個簡單的論壇代碼看看。之前有名的bbs 老版本。

4、如何設計android4.4規范的像素1080x1920的界面

1、尺寸以及解析度:Android的界面尺寸比較流行的有:480*800、720*1280、1080*1920,我們在做設計圖的時候建議是以480*800的尺寸為標准;2、界面基本組成元素:界面基本組成元素包括:狀態欄+導航欄+主菜單欄+內容區域;以480*800的尺寸為標准下的各個元素的高度(其實導航欄和菜單欄每一個應用都或許不一樣,android對於尺寸沒有太明確的數據規范)如下:3、字體:Android系統中,DroidSans是默認字體,與微軟雅黑很像;4、操作欄:1、」操作欄」對於Android應用來說是最重要的設計元素,它通常在應用運行的所有時間都呆在屏幕頂部;2、操作欄的基本布局:1向上+2Spinner視圖控制+3重要操作按鈕+4操作:其中,向上按鈕,點擊後是去到當前界面的上一個層級,非第一層級界面有此按鈕,第一層級界面則無向上按鈕;Spinner是用於展示內容的下拉菜單,其內容包括視圖的快速切換和顯示相關內容的完整信息;操作(actionoverflow)是集合操作欄中不常用的和非重要操作的地方。5、多面板布局:多面板布局的是針對平板電腦,把手機端的目錄視圖和詳情視圖兩個層級的界面,甚至的頁面,復合展示在同一個界面中,有效地利用平板電腦的屏幕空間,扁平化層級結構,簡化導航。這點在iPad上已經運用得相當嫻熟了。6、選擇:Android4.0中的長按與Android2.3及更早期的版本有很大的不同。早期版本長按操作後,是出現情境菜單的浮出層。在Android4.0中,長按後在操作欄的位置會覆蓋一個臨時的情境操作欄,不再彈出情境菜單浮出層。在臨時情境操作欄的環境下,當前界面的內容項允許被單個處理,也允許被批量處理。7、返回和向上:返回按鍵用在手機全局的虛擬導航欄中,基於用戶最近查看的界面歷史,採用時間倒序的方式,連接界面間的關系。向上按鈕用在操作欄的左側,基於層級結構,點擊後是去到當前界面的上一個層級,若當前界面已經是最高一級,則沒有向上按鈕。8、主題樣式:推出三套默認主題:Holo淺色主題、Holo深色主題、Holo淺色底+深色操作欄主題。主推app在這三套默認主題的基礎上做設計,以加快app研發效率,但只是建議使用,並沒有完全強制。9、觸摸與反饋:用戶觸摸應用中的可操作區域,應當在視覺上有響應,微小的反饋會給用戶帶來很好地效果;10、按鈕:1、按鈕的3種表現形式如下圖:2、對於僅包括圖標的按鈕,不需要使用背景色;11、滑塊:滑塊的幾種表現形式如下圖:12、進度條:如果某個操作需要花費很長的時間,就需要用進度條的指示和旋轉圈的形式來表示:1、如果你可以知道當前任務完成的比例,那麼使用進度條,讓用戶了解大約還需要多久才能完成;2、當使用旋轉圓圈時,不要配以文字標簽。旋轉的圓圈已經表明了正在進行後台操作。13、開關:用戶通過開關作出選擇,包括3種形式:復選框+單選按鈕+開關;1、復選框:用戶可以在一個集合中作出多個選擇:2、單選按鈕:單選按鈕允許用戶在一個集合中做一次選擇;3、開關:開關控制單個選項的狀態;14、對話框:應用通過對話框讓用戶作出決定或者填寫一些信息,1、對話框的左邊一般情況下是取消按鈕,右邊是確定按鈕;

5、網站首頁設計有何要求

一、網站首頁的必要元素 雖然首頁元素根據企業性質的不同會做改變,但是基本的頁面元素必須要具備。如:導航欄、LOGO、Banner、按鈕、圖片、文字。 1、導航欄 導航欄如果設計得恰到好處,是會給網頁本身增色很多(千萬不要太花哨,它屬於功能物件,喧賓奪主就不好了)。導航欄有一排、兩排、多排、圖片導航和Frame 框架快捷導航(民主湖論壇就是這種)等等各種情況的設計。有時候是橫排,有時候則是豎排。另外還有一些動態的導航欄,如很精彩的Flash導航。 2、LOGO LOGO是網站為了給大家一個比較直觀的信息的表達工具。網站的LOGO,一般以靜態的居多,也有動態的,但是LOGO的特點都是在表達網站的信息,是一個網站的直接的表現窗口。 3、Banner 是網站的廣告展示,對於引起用戶注意和記憶、增強畫面效果有重要作用。 4、按鈕 網頁中的「用戶登錄」、「登錄按鈕」「More按鈕」、「個股推薦」等等類似物件,通常都統稱為按鈕。它是引導用戶進入其他頁面的一個重要埠。

二、網站首頁的整體規劃 對網站首頁設計的整體要求體現在: 1.有共性,才有統一,有細節區別,就有層次。 2.防止設計與實現過程中的偏差,不要定死具體要放多少條信息。 3.設計的各部分,要配合整體風格,誇張一點好像VI。 4.不僅頁面上各項設計要統一,而且網站的各級別頁面也要統一。 5.頁面要「透氣」,就是信息不要太過集中,以免文字編排太緊密。 6.不要有太多分散注意力的點。動態閃爍要適中。 7.頁面留白部分,要根據平面設計原理來設計,請注意,分欄式結構不宜留白。 8.還要考慮到瀏覽器上部佔用的屏幕空間,防止圖片截斷等造成視覺效果不好。 9.首頁設計圖片+導航,這是一種比較強的網站表達,可以根據時間的變化更改圖片,一般用在專題網站上,如民主湖電台,還有很多公司的網頁。

三、對網站首頁功能易用性的要求 任何網站都要把這個問題放在第一位。不過大家請注意以下幾點: 1.導航欄應最先調入,以便常客快速前往所需信息空間。 2.頁面長度要短,使得用戶在信息空間內可迅速移動。 3.導航設計方向要一致。支持導航的層次按鈕應當從上到下或從左到右,但不要兩者都用,不要混用方向。

四、網站首頁設計要求體現出氣氛情感表達 氣氛會自然地激發出一種情感,不管它來自圖片、顏色、標題或者是動態的廣告,只要是來自頁面,本身就具備了一種表達思想。氣氛的表達是一個網站的靈魂所在,在瀏覽網頁的是時候給人的第一感覺是最重要的,氣氛情感也代表著整個網站的主題,是瀏覽者最容易所到感染的隱藏因素。

6、在網頁中設計兩個表格,要求兩個表格採用JS和DIV技術進行控制,通過按鈕可以使兩個表格的顯示相互切換。

思路:
寫兩個<div style="display:none"><table>.....</div>
分別放入「成績表」、「信息表」

按鈕:<button onclick=「abc(this)」>顯示成績表</button>
JS:
function abc(o){
if(o.value.indexOf("成績表")>0){
o.value="顯示信息表" //改變按鈕名字
id1.style.display="none" //隱藏表格
id2.style.display="" //顯示表格
}
if(o.value.indexOf("信息表")>0){
o.value="顯示成績表"
id2.style.display="none" //隱藏表格
id1.style.display="" //顯示表格
}
}

7、要求:設計一個網頁,網頁中表單有一個文本框和按鈕,在點擊按鈕提交時,利用JavaScript獲取文本框

表單呢,我就沒全部寫出來了,我幫text文本框和button按鈕幫你做出來了,效果也做出來了,你自己看看,有什麼不懂的可以問我

<body>
<input type="text" value="" placeholder="請輸入郵箱" id="yx">
<br/>
<br/>
<button type="button" id="bt">提交</button>

<script>
var yx=document.getElementById("yx");
var bt=document.getElementById("bt");

bt.onclick=function(){
var reg=/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/gi;
var str=yx.value;
var rel=reg.test(str);
if(rel){
alert("填寫正確");
}
else{
alert("填寫錯誤,請檢查");
}
}
</script>
</body>

8、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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<body>
<form>
<div>
<label for="num1"></label>
第一個數:
<input type="text" name="num1" id="num1" />
</div>
<div>
第二個數:
<input type="text" name="num2" id="num2" />
</div>
<div>
<input type="button" name="jia" id="jia" value="+" onclick="operate('jia')" />
<input type="button" id="jian" name="jian" value="-" onclick="operate('jian')" />
<input type="button" name="chen" id="chen" value="X" onclick="operate('chen')"/>
<input type="button" name="chu" id="chu" value="/"onclick="operate('chu')" />
</div>
<div>計算結果:
<input type="text" name="res" id="res" />
</div>
</form>
<script language="javascript">
function operate(n)
{
var num1=Number(document.getElementById("num1").value);
var num2=Number(document.getElementById("num2").value);
if(n=='jia')
{
document.getElementById("res").value=num1+num2;
return;
}
if(n=='jian')
{
document.getElementById("res").value=num1-num2;
return;
}
if(n=='chen')
{
document.getElementById("res").value=num1*num2;
return;
}
if(n=='chu')
{
document.getElementById("res").value=num1/num2;
return;
}
}
</script>
</body>
</html>

9、網頁設計需要學習什麼?

1、html語言。首先必須要學這個,html語言又稱為「超文本標記語言」,任何網頁的顯示都要靠html語言來表達,也是構成網頁文檔的主要語言。

2、伺服器架設。要製作網頁就需要架設伺服器來調試你做出來的網頁,有iis等很多種,可以在網上搜索得到。

3、css語言。css又作層疊樣式表,css大部分是自動生成的,很難理解,需要學習基本的css知識,是步入高手的必經之路。

css控制著網頁圖片、表格、文字等等內容在我們面前的顯示樣式,比如顏色,邊框,大小等。css能夠根據不同使用者的理解能力,簡化或者優化寫法,針對各類人群,有較強的易讀性。

4、div+css布局。這個東西是走向專業製作的必經之路,網頁元素靠它來搭建基本框架,像百度空間,QQ空間的皮膚等就是利用這個來做的。

5、資料庫。走向動態網頁的基礎,比如百度知道的提問回答這些,都涉及資料庫的讀、寫、改、刪。常見的資料庫有mysql、mssql、access等。

資料庫是所有軟體的基礎,80%以上的應用程序都涉及資料庫,而作為網頁製作來說沒有必要學得很深,夠用就行。

6、動態語言,asp,php,jsp,.net(c#等)。要操作資料庫,交互就需要動態語言,現在好多動態語言像php都有「框架」,用框架建站好比用活動板房的零件建房子,全部自己寫好比一塊一塊磚砌房子。

7、javascript腳本。JavaScript是一種屬於網路的腳本語言,通常是通過嵌入到HTML網頁中給網頁帶來各式各樣的動態效果。

網頁裡面的驗證碼,彈窗,特效等就靠它了,一個沒有javascript的頁面基本沒有,這個也有好多的框架可用,這個語言是最難的,也是最強大的,網頁木馬,病毒大多用這個語言。

8、平面涉及軟體。flash,photoshop等,頁面美化還要靠圖片等東西。

9、學習一種動態網頁技術

ASP是微軟公司開發的代替CGI腳本程序的一種應用,也是微軟公司的第一個伺服器側的腳本引擎,能夠動態產生Web頁面。ASP可以與Web資料庫以及其它程序進行交互,是一種簡單、方便的編程工具。

(9)網頁按鈕如何設計規范擴展資料:

設計事項

一、注意超鏈接顏色與單純敘述文字的顏色呈現

WWW的語言—HTML允許Webpage設計者特別標明單純敘述文字與超鏈接的顏色,以便豐富Webpage的色彩呈現。

如果您的網站充滿知識性的信息,欲傳達給訪問者,建議您將網頁內的文字與超鏈接顏色,設計成較干凈素雅的色調,會較有利於閱讀。

純粹的敘述文字採用較暗、較深的顏色來呈現,超鏈接文字則以較鮮明搶眼的色彩來強調,至於探訪過的超鏈接則採用較低於原超鏈接亮度的顏色做呈現。

二、測試所有的超鏈接與導覽按鈕的真實可行性

Webpage上線之後,第一件該做的事,是逐一測試每一頁的每一個超鏈接與每一個導覽按鈕的真實可行性。徹底檢驗有沒有失敗的link無法鏈接到該鏈接的Webpage,卻反而冒出「FileNotFound」的錯誤訊號出來。

三、讓超鏈接的字串長短適中且走文自然

抓住能傳達主要訊息的字眼當做超鏈接的錨點(anchor),可有效地控制住超鏈接的字串長度,避免字串過長(如∶整行、整句都是錨點字串)或過短(如∶僅一個字當做錨點),而不利於讀者的閱讀或點取。

四、當導覽按鈕鏈接到當前頁時

各Webpage若重復使用同一組的導覽按鈕,無可避免地會產生某一導覽按鈕鏈接到當前頁的情形。

為達成界面設計的一致性,並沒有絕對的必要性拿掉此導覽按鈕,但Webpage設計者可讓此按鈕不再具有超鏈接的功能;或將此按鈕的彩度、亮度降低,使讀者可清楚地意識到∶這個暗設下來的導覽按鈕不再具有超鏈接的功能。

與網頁按鈕如何設計規范相關的知識