正文

注冊頁面布局類型（注冊頁面布局類型怎么選）

發(fā)布時間：2023-03-12 03:38:10 稿源：創(chuàng)意嶺閱讀： 168 問大家

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于注冊頁面布局類型的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請撥打電話：175-8598-2043，或添加微信：1454722008

本文目錄:

1、列舉三種常見的網(wǎng)頁布局類型
2、列舉三種常見的網(wǎng)頁布局類型？
3、java 設(shè)計一個用戶注冊頁面,頁面內(nèi)包含各類組件,組件的布局采用布局管理器類
4、怎么用dreamweaver做注冊頁面和層布局頁面？

注冊頁面布局類型（注冊頁面布局類型怎么選）

一、列舉三種常見的網(wǎng)頁布局類型

1 T型布局所謂T型布局，使指頁面上部為橫條（網(wǎng)站標(biāo)志+廣告條）、下方左半部為主菜單、右由半部分顯示內(nèi)容的布局。因為看上去像英文字母“T”，所以稱為T型布局。 T型布局的優(yōu)點是頁面結(jié)構(gòu)清晰，主次分明，強(qiáng)調(diào)秩序，能給人以穩(wěn)重、可信賴的感覺，比較容易上手。缺點是規(guī)矩呆板，如果細(xì)節(jié)和色彩搭配上不注意，容易讓人乏味。 2 口型布局口型布局的頁面上下各有一個廣告條，左側(cè)是主菜單，右側(cè)放置友情鏈接等內(nèi)容，中間是主要內(nèi)容。口型布局的優(yōu)點是充分利用版面，信息量大。其缺點是頁面擁擠，不夠靈活。 3 POP布局 POP引自廣告術(shù)語，是指頁面布局象一張宣傳海報，以一張精美圖像作為頁面的設(shè)計中心，在適當(dāng)位置放置主菜單。這種布局不講究上下左右對稱，但要平衡和有韻律，能達(dá)到強(qiáng)調(diào)、動感、高注目性的效果，常用于時尚類網(wǎng)站。其優(yōu)點是漂亮吸引人，缺點是速度慢。

二、列舉三種常見的網(wǎng)頁布局類型？

1、流動布局（html網(wǎng)頁默認(rèn)的布局方式）

特點：

1、塊狀元素都會在所處的包含元素內(nèi)自上而下按順序垂直延伸分布，因為在默認(rèn)狀態(tài)下，塊狀元素的寬度都為100%。

2、內(nèi)聯(lián)元素都會在所處的包含元素內(nèi)從左到右水平分布顯示。（內(nèi)聯(lián)元素可不像塊狀元素這么霸道獨占一行）

2、浮動布局(float)

特點：默認(rèn)布局下，塊狀元素這么霸道都是獨占一行，如果現(xiàn)在我們想讓兩個塊狀元素并排顯示。就需要使用float來實現(xiàn)。如下：

3、層模型

特點：如果我想一個div在另外一個div的上面，我們就需要可以使用絕對定位來完成，層模型的三種定位方式relative、absolute、fixed，需要設(shè)置position:absolute(表示絕對定位)，這條語句的作用將元素從文檔流中拖出來，然后使用left、right、top、bottom屬性相對于其最接近的一個具有定位屬性的父包含塊進(jìn)行絕對定位。

三、java 設(shè)計一個用戶注冊頁面,頁面內(nèi)包含各類組件,組件的布局采用布局管理器類

* 這是客戶端的界面層

package Client_View;

import java.awt.*;

import java.awt.event.*;

import java.io.File;

import java.io.IOException;

import javax.imageio.ImageIO;

import javax.swing.*;

import Client_Model.*;

import Common.QQ_Message;

import Common.QQ_UserInformation;

public class Client_Login extends JFrame implements ActionListener {

JPanel jp1, jp2, jp3, jp4;

JLabel jl1;

JButton jb1, jb2, jb3;

ImageIcon image_icon1;

// 選項卡

JTabbedPane jtp1 = null;

// 定義中間的控件

JLabel jp2_jl1, jp2_jl2, jp2_jl3, jp2_jl4;

JTextField jp2_jtf1;

JPasswordField jp2_jpf1;

JCheckBox jp2_jcb1, jp2_jcb2;

JButton jp2_jb1;

public static void main(String[] args) {

Client_Login qqcv = new Client_Login();

}

// 構(gòu)造函數(shù)，用來做界面

public Client_Login()

{

this.showNorth();

this.showCenter();

this.showSouth();

this.showJFrame();

}

// 這是做北面的布局

public void showNorth()

{

image_icon1 = new ImageIcon("image/tou.gif");

jl1 = new JLabel(image_icon1);

this.add(jl1, "North");

}

// 這是中間的布局

public void showCenter()

{

jtp1 = new JTabbedPane();

this.add(jtp1);

// 中間有三個JPanel,它們由一個JTabbedPane管理

jp2 = new JPanel();

jp2.setLayout(new GridLayout(3, 3));

jp3 = new JPanel();

jp4 = new JPanel();

jtp1.add(jp2, "QQ號碼");

jtp1.add(jp3, "手機(jī)號碼");// jp3和jp4分別代表另外兩個面板，這兩個面板沒有去實現(xiàn)

jtp1.add(jp4, "電子郵件");// jp3和jp4分別代表另外兩個面板，這兩個面板沒有去實現(xiàn)

// //////////////////////////////////////////////////////////////////

jp2_jl1 = new JLabel("QQ號碼", JLabel.CENTER);

jp2_jl2 = new JLabel("QQ密碼", JLabel.CENTER);

jp2_jl3 = new JLabel("忘記密碼", JLabel.CENTER);

jp2_jl4 = new JLabel("申請密碼保護(hù)", JLabel.CENTER);

jp2_jtf1 = new JTextField("1");//登陸框

jp2_jpf1 = new JPasswordField("111111");//密碼框

jp2_jcb1 = new JCheckBox("隱身登陸");

jp2_jcb2 = new JCheckBox("記住密碼");

jp2_jb1 = new JButton(new ImageIcon("image/clear.gif"));//清除號碼按鈕

jp2_jb1.addActionListener(this);

jp2.add(jp2_jl1);

jp2.add(jp2_jtf1);

jp2.add(jp2_jb1);

jp2.add(jp2_jl2);

jp2.add(jp2_jpf1);

jp2.add(jp2_jl3);

jp2.add(jp2_jcb1);

jp2.add(jp2_jcb2);

jp2.add(jp2_jl4);

}

// 這是南邊的布局

public void showSouth()

{

jp1 = new JPanel();

this.add(jp1, "South");

jb1 = new JButton(new ImageIcon("image/denglu.gif"));//登陸按鈕

jb1.addActionListener(this);

jb2 = new JButton(new ImageIcon("image/quxiao.gif"));//取消按鈕

jb2.addActionListener(this);

jb3 = new JButton(new ImageIcon("image/xiangdao.gif"));//注冊向?qū)О粹o

jb3.addActionListener(this);

jp1.add(jb1);

jp1.add(jb2);

jp1.add(jb3);

}

// 這是顯示總體的窗體

public void showJFrame()

{

int hight=Toolkit.getDefaultToolkit().getScreenSize().height;

int width=Toolkit.getDefaultToolkit().getScreenSize().width;

this.setSize(350, 240);

this.setLocation((width-this.getWidth())/2,(hight-this.getHeight())/2);

this.setTitle("QQ登陸");

this.setResizable(false);

this.setVisible(true);

this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

}

// 發(fā)送登陸信息到客戶端的Model層的函數(shù)

public boolean send_Login_Message_To_Model(QQ_UserInformation userinfo)

{

boolean b=false;

Client_Model cm=new Client_Model();

b=cm.send_Login_info_to_Client_net(userinfo);

return b;

}

@Override

public void actionPerformed(ActionEvent arg0)

{

if (arg0.getSource() == jp2_jb1)

{

// 點擊清除號碼按鈕

jp2_jtf1.setText("");

jp2_jpf1.setText("");

}

if (arg0.getSource() == jb1)

{

// 點擊登錄按鈕

QQ_UserInformation userinfo=new QQ_UserInformation();

userinfo.setUserID(jp2_jtf1.getText() );

userinfo.setPassword(new String (jp2_jpf1.getPassword()));

System.out.println("登陸界面。用戶名： "+userinfo.getUserID()+", 密碼: "+userinfo.getPassword());

boolean b=send_Login_Message_To_Model(userinfo);

System.out.println("客戶端login界面，得到的登陸的信息： b = "+ b);

if(b==false)

{

//用戶名密碼錯誤，登陸失敗

JOptionPane.showMessageDialog(null,"用戶名或密碼錯誤","登陸失敗...",JOptionPane.ERROR_MESSAGE);

}else if(b==true)

{

Client_FriendsList cf=new Client_FriendsList(userinfo);

this.dispose();

}

if (arg0.getSource() == jb2)

{

// 點擊取消按鈕，關(guān)閉該窗口

this.dispose();

}

if (arg0.getSource() == jb3)

{

// 點擊注冊向?qū)О粹o，暫時沒有去實現(xiàn)該功能

}

四、怎么用dreamweaver做注冊頁面和層布局頁面？

在居中頁面中使用層，最大的問題就是層的定位問題，當(dāng)改變顯示器分辨率后，層相對其它居中元素就會改變位置。本文介紹層相對其它居中元素不會錯位的方法。

層的絕對定位和相對定位

層的絕對定位代碼：

層的相對定位代碼：

在居中頁面中，插入相對定位層代碼，層的位置在頁面居中。但是它變得不可移動，使用不夠方便。

插入絕對定位代碼，當(dāng)left和top含有正負(fù)數(shù)值，層就無法居中。當(dāng)清除left和top屬性后，層可以居中，相對頁面其它居中元素沒有錯位現(xiàn)象。

描繪層和插入層的差別

使用描繪層:

在一個居中的頁面中，使用描繪層的代碼：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

</head>

<body>

</body>

</html>

使用插入層:

在一個居中的頁面中，使用插入層的代碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

</head>

<body>

</div>

</body>

</html>

因為使用“描繪層”生成的代碼不在居中代碼

之中，所以，在居中頁面中，要使層相對其它元素沒有錯位現(xiàn)象，就必須使用插入層。

在居中頁面中，常用兩種方法，實現(xiàn)層相對其它居中元素沒有錯位現(xiàn)象。

使用插入層

1.在一個居中頁面中，把插入點放在文檔中，實例中把插入點放在表格中。

2.選擇“插入”/“層”菜單。

3.在文檔中插入了一個層。實例中，在表格中插入了一個層。在IE瀏覽器中測試，改變分辨率，層的內(nèi)容相對其它居中元素都不會發(fā)生錯位現(xiàn)象。

在屬性面板查看這個層的屬性，這段插入層清除了“左”和“上”的值。

這種方法，常用來制作彈出式菜單。

使用嵌套層

嵌套層是其代碼包含在另一個層中的層。

在使用嵌套層之前，先要對層做一些參數(shù)設(shè)置。選擇“編輯”/“參數(shù)選擇”菜單，在“參數(shù)選擇”對話框中，選中“Netscape 4 兼容性：插入層時固定大小”，這樣制作的嵌套層就可以兼容Netscape 4瀏覽器。并且選中“嵌套：如果在層中則使用嵌套”。

打開層面板，不選中“防止重疊”。

嵌套層：

在一個居中頁面，插入一個表格，在表格中，插入一個層，這個層相對表格，不會發(fā)生錯位。在這個層中，使用“插入”/“層”命令，插入一個子層（嵌套層），無論在頁面中怎么移動這個子層，它的位置相對其它居中元素都不會錯位。

在一個插入層中，可以插入多個嵌套層，然后把嵌套層移動到需要的地方，這樣在居中頁面就可以隨心所欲的使用層了。

以上就是關(guān)于注冊頁面布局類型相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會為您講解更多精彩的知識和內(nèi)容。

Mchat軟件安全嗎（mchat這個軟件安全不）

youtube鏡像app（YouTube鏡像站）

百度網(wǎng)盤電腦版舊版本（百度網(wǎng)盤電腦版舊版本怎么下載）

vivo手機(jī)沒有網(wǎng)絡(luò)怎么恢復(fù)（vivo手機(jī)插卡無信號解決方法）

百度網(wǎng)盤svip免費領(lǐng)?。ò俣染W(wǎng)盤vip激活碼免費）

一片云手機(jī)驗證碼接收平臺

熟練運用編程軟件（熟練運用編程軟件下載）

客服官網(wǎng)（客服服務(wù)系統(tǒng)）

下載mchat軟件中文版（mchat中文官方下載）_1

問大家

在蘇州注冊一家公司怎么注冊呢？

蘇州的財務(wù)代理記賬公司是如何收費的？姑蘇區(qū)公司注冊哪家公司好

做短視頻直播帶貨注冊什么公司合適？

農(nóng)戶頭條直播帶貨注冊哪類公司最好？農(nóng)村合作社還是個體工商戶或企業(yè)？

蘇州公司注冊怎么收費？蘇州注冊公司代辦需要多少錢？

蘇州代辦注冊公司需要多少費用?

蘇州公司注冊怎么收費，注冊公司代辦需要多少錢？

可以注冊公司用的便宜辦公室蘇州哪里有？

在濟(jì)南完全免費的相親網(wǎng)站在哪里？不需要注冊的相親網(wǎng)站有哪些?

蘇州市公司注冊地址異常怎么辦？

上海大眾熟知的網(wǎng)頁美工設(shè)計哪家值得信賴？路過的大佬們聊一聊

濟(jì)南真實可靠的婚戀咨詢平臺？或征婚相親平臺哪家比較好？

燕郊啟動儀式保安公司聯(lián)系方式有么？各位老鐵們給個意見

讓品牌有溫度、有情感
專注品牌策劃15年

注冊頁面布局類型（注冊頁面布局類型怎么選）

猜你喜歡

問大家

推薦專題

相關(guān)主題

創(chuàng)意嶺品牌策劃

提交需求1對1免費咨詢

讓品牌有溫度、有情感 專注品牌策劃15年

注冊頁面布局類型（注冊頁面布局類型怎么選）

猜你喜歡

問大家

推薦專題

相關(guān)主題

創(chuàng)意嶺品牌策劃

提交需求1對1免費咨詢

讓品牌有溫度、有情感
專注品牌策劃15年