二級菜單設計

1. 怎樣用 顯示/隱藏層 製作二級下拉子菜單項

不是吧山東農業大學選修課網頁製作作業也是這個題哎我直接把題全給你們行了呵呵以後考試就輕鬆了呵呵

2009-2010學年第二學期

《信息發布與網頁製作》課程

本科生 期末考試要求-（A卷）

課程課序號：CMP332

學 號___________姓 名_________成 績__________

班 級_____________課序號_________任課教師___________

題號
一
二
三
四
五
合計

得分

綜合考試要求

1、按題中要求，獨立完成。如有拷貝或與他人雷同者，以0分論處。

2、作業提交的截止日期為：2010年7月2日。

一、（共5分）按如下要求提交文件 得分______

以自己的學號命名文件夾，並以此根文件夾為基礎創建站點；

在根文件夾下，至少包含如下子文件夾，按類存放站點中的所有文件；

1、Html文件夾：存放HTML網頁文件（1）

2、Image文件夾：存放圖片文件（1）

3、Sound文件夾：存放聲音文件（1）

4、Flash文件夾: 存放Flash文件（1）

5、壓縮整個學號文件夾，然後提交交互平台。（1）

二、（共10分）設計小型網站，內容主題為「上海世博會」，要求如下： 得分______

設計有3個窗口的框架集網頁（3），框架集網頁文件命名為index.html（2）。框架集網頁中，左側窗口中放置導航欄目網頁（1），右下側窗口作為導航欄被鏈接網頁的「目標」窗口，用於顯示被鏈接的網頁（1）。右上側窗口顯示網站主題、網站設計製作者學號、姓名（1）。要求框架集網頁的邊框可調（1），窗口中內容超出窗口時，要設置滾動條（1）。

三、（共65分）分別製作6個網頁，要求如下： 得分______

1) 導航欄網頁（15分）

網頁的功能是網站導航，圍繞站點主題，設置5個導航欄目（6）。

1. 上海世博會主題介紹

2. 上海世博會拼圖游戲

3. 歷屆世博會科技亮點

4. 上海世博會調查問卷

5. 歷屆世博會統計資料 （年份、國家、舉辦城市、主題）

建立每個欄目與之相應的網頁之間的鏈接，並指定被鏈接的網頁在「目標」窗口顯示（4）。利用行為，建立二級彈出子菜單，通過二級子菜單鏈接，顯示相關的內容（5）。所有鏈接正確（如不正確，1處扣2分）。

2) 「網頁1-上海世博會主題介紹」：（10分）

1. 首行顯示網站主題內容，用標題1、居中、「華文新魏」字體顯示（2）；

2. 第2行，插入水平線；設置水平線的寬度為瀏覽器窗口寬度的80%（2）；

3. 第3行，插入上海世博會導覽圖，設置800寬、600高（2），圖片居中並有邊框顯示（1）；對圖中內容分別用矩形、橢圓、多邊形熱區畫圖工具設立3個熱區，通過鏈接，說明相關內容。（3）

3) 「網頁2-上海世博會拼圖游戲」（10分）

利用拖動層的行為，製作至少由6塊圖片組成的拼圖游戲。要求：

1. 選擇1個國家場館的圖片，用自己的學號命名圖片；（2）

2. 利用Fireworks將圖片切割成大小相同的6塊；導出切片；（2）

3. 在DreamWeaver中，導入Fireworks HTML，將表格轉換為層；添加拖動層的行為，製作拼圖游戲；（2）

4. 插入1個布局對象層並以字母L及自己的學號命名，在層中輸入拼圖游戲的說明文字，設置層中文字的大小：18px ；字體：隸書（2）；

5. 設置拖動層的吸附距離為100：吸附到正確位置時顯示彈出信息（2）

4) 「網頁3-歷屆世博會科技亮點」（10）

要求：利用「顯示/隱藏層」製作二級下拉子菜單項，

1、 利用層和表格製作下拉菜單（4）

2、 下拉菜單項中，至少有2個菜單項要有鏈接功能（2）

3、 指定被連接的內容在當前窗口顯示並有返回機制。（4）

5) 「網頁4-上海世博會調查問卷」（共10分）

要求：使用表單，做1個網上調查表

1、 插入表單域，在表單域中插入如下表單元素：

2、 參與調查人員的性別：男 〇 女 〇（使用單選按鈕）（1）；

3、 2010年世博會主題是： （設定為：單行文本框（寬度32字元 ））；（1）

4、 年齡 （設定為：字元寬度2）；（2）

5、 中國舉辦過幾次世博會？（使用「列表/菜單」表示，列表項有：一次、二次、三次、四次）（2）

6、 提交按鈕、重置按鈕。（2）

7、 為表單添加檢查表單行為，用以檢查輸入年齡的合法性（15~80為有效）。（2）

6) 「網頁5-歷屆世博會統計資料 （年份、國家、舉辦城市、主題）」（共10分）

該網頁要求：

1、 用表格顯示歷屆世博會舉辦的年份、國家、舉辦城市、主題；（2）

2、 利用DreamWeaver工具，格式化表格；（2）

3、 將歌詞放在層中，滾動顯示；（2）

4、 能控制歌詞的滾動，以保證與歌曲同步。（4）

四、（共12分）按如下要求，在網頁中插入自己製作的Flash作品 得分______

1、 在Flash文件夾中，存有Flash原始文件（2）；

2、 Flash片頭顯示作者學號、姓名（2）

3、 Flash表現的內容與網站內容主題一致（2）；

4、 分別使用「形狀」、「動畫」補間（2）；

5、 背景圖層用自己的學號命名（2）；

6、 Flash作品中包括引導層、遮罩動畫（2）

五、（共8分）綜合分 得分______

整體色調協調（2），結構合理、瀏覽方便（2），網站難度（2），創新（2）

附件(0 個)

2. Excel怎樣不定義名稱情況下設計二級下拉菜單

1、首先選中將要生成二級菜單的基本數據，以便於後續數據有效性中的數回據輸入。
2、按住鍵盤上的「答Ctrl+G」組合鍵用來定位有效數據，在彈出的窗口中單擊「定位條件」。
3、在彈出的的定位條件窗口中按照的樣式設置，此步驟是用來定位有效的數據的，因為剛才選擇的數據中有很多的無效數據，即空的單元格在裡面，需要將其排出。
4、定位成功後會發現空的單元格已經被排出在外了。
5、接下來需要用省的名稱來定義一組"定義名稱"，以方便於後面的引用。
6、定義名稱方法：在「公式」菜單下找到「根據所選內容創建」。
7、勾選「首行」即用首行的名稱來定義名稱。
8、下一步在需要設置下拉菜單的地方選中需要建立一級菜單的單元格，用數據有效性建立，方法跟普通的數據有效性建立方法相同，選中需要的單元格內容。
9、接下來選中需要建立二級菜單的單元格，同樣用數據有效性的方法建立。
10、與一級菜單的建立不一樣的是這里建立二級菜單的時候是通過之前定義的「定義名稱」來應用的。

3. 怎麼在二級菜單這樣設計多條圖文內容

右邊的圖片這個是頁面模板功能，
這個功能必須是微信公眾平台邀請開通原創功能，順帶開通的頁面模板功能，和留言功能，其中的頁面模板功能設置的，
原創功能必須是堅持發原創文章，不違規，堅持，不一定說每一篇都發，只要定期有就行了，這樣就會被官方邀請開通的，

4. 這樣類似的二級菜單用CSS和html怎麼實現

這個說來話復來，但只要制你知道原理就很簡單了，做得好不好看是樣式的問題了。請看如下調用jquery的j顯示子菜單的代碼：
$("#menu_2").hover(function() {
$(".sub_menu_2").show();
},
function() {
/*這里就是out事件*/
$(".sub_menu_2").hide();
});
剩下的就是樣式的問題了

5. 設計實現一個餐廳點餐系統，實現電子點餐。要求實現二級菜單： 一級菜單（即該系統完成以下功能）：

你好，餐廳點餐系統設計幫你一下保證沒問題。

6. java設計一個創建二級菜單的程序。

100分,100分,100分, 重要的事情說三遍..~

我來1個參考案例

效果圖

importjava.awt.event.*;
importjavax.swing.*;
importjava.awt.*;

//本來繼承自JFrame.實現ActionListener介面
{
privatefinalJTextAreajta;
booleanisBold,isItalic;

publicTextFrame(){
=newJTextArea();
jta.setLineWrap(true);//自動換行
Fontfont=newFont(Font.DIALOG,Font.PLAIN,26);
jta.setFont(font);
JScrollPanejsp=newJScrollPane(jta);//會自動生成滾動條的面板
add(jsp);

//菜單欄的創建和設置
JMenuBarmenuBar=newJMenuBar();

JMenumenuFile=newJMenu("File");
JMenuItemjmia01=newJMenuItem("About");
jmia01.addActionListener(this);
JMenuItemjmia02=newJMenuItem("Exit");
jmia02.addActionListener(this);
menuFile.add(jmia01);
menuFile.add(jmia02);

JMenumenuFormat=newJMenu("Format");
JMenumenuColor=newJMenu("Color");
JMenuItemjmib01=newJMenuItem("Blue");
jmib01.addActionListener(this);
JMenuItemjmib02=newJMenuItem("Red");
jmib02.addActionListener(this);
JMenuItemjmib03=newJMenuItem("Yellow");
jmib03.addActionListener(this);

menuColor.add(jmib01);
menuColor.add(jmib02);
menuColor.add(jmib03);
JMenumenuFont=newJMenu("Font");
JMenuItemjmic01=newJMenuItem("Bold");
jmic01.addActionListener(this);
JMenuItemjmic02=newJMenuItem("Italic");
jmic02.addActionListener(this);

menuFont.add(jmic01);
menuFont.add(jmic02);
menuFormat.add(menuColor);
menuFormat.add(menuFont);

menuBar.add(menuFile);
menuBar.add(menuFormat);

setJMenuBar(menuBar);//設置菜單欄

setTitle("文本編輯窗口");//設置標題
setSize(520,350);//設置窗口大小
setLocationRelativeTo(null);//設置窗口居中
setDefaultCloseOperation(EXIT_ON_CLOSE);//設置窗口點擊關閉按鈕時,退出
}

@Override
publicvoidactionPerformed(ActionEvente){
Stringcmd=e.getActionCommand();//獲取ActionCommand,用於判斷是哪一個按鈕被點擊了
if(cmd.equals("Exit")){
System.exit(0);
}elseif(cmd.equals("About")){
JOptionPane.showMessageDialog(this,"程序版本Ver1.0","About",JOptionPane.INFORMATION_MESSAGE);
}elseif(cmd.equals("Blue")){
jta.setForeground(Color.BLUE);
}elseif(cmd.equals("Red")){
jta.setForeground(Color.RED);
}elseif(cmd.equals("Yellow")){
jta.setForeground(Color.YELLOW);
}elseif(cmd.equals("Bold")){//第一次選擇Bold會加粗,第二次選擇Bold會取消加粗
isBold=!isBold;
if(isBold){
jta.setFont(newFont(Font.DIALOG,Font.BOLD,26));
}else{
jta.setFont(newFont(Font.DIALOG,Font.PLAIN,26));
}

}elseif(cmd.equals("Italic")){
isItalic=!isItalic;
if(isItalic){
jta.setFont(newFont(Font.DIALOG,Font.ITALIC,26));
}else{
jta.setFont(newFont(Font.DIALOG,Font.PLAIN,26));

}

}
}

publicstaticvoidmain(String[]args){
newTextFrame().setVisible(true);//創建窗口設置可見
}

}

7. Web程序設計二級下拉菜單頁面怎麼做

Web程序設計二級下拉菜單頁面做法：
以純CSS為例：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style>
*{
margin:0px;
padding:0px;
}
#menu
{

width:500px;
height:38px;
margin:5px auto;

}
#menu ul
{
height:38px;
list-style:none;
margin:0;
padding:0;
}
#menu li
{
float:left;

}
#menu li a{
color:#666666;
display:block;
font-weight:bold;
line-height:38px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
#menu li a:hover{
color:#000000;
text-decoration:none;
}

#menu li ul{
background: #ECE9E9;
border:1px solid #D8D8D8;
display:none;
height:auto;
position:relative;
left:20px;
width:100px;
z-index:200;
}
#menu li ul li
{
margin-left:0px;
height:38px;

}

#menu li:hover ul{
display:block;
}
#menu li li {
display:block;
float:none;
width:100px;
}
#menu li ul a{
display:block;
font-size:12px;
font-style:normal;
padding:0px 10px 0px 15px;
text-align:left;
}
#menu li ul a:hover{
background:#555;
color:#fff;

}

</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">無下拉狀態</a></li>
<li><a href="#">有下拉狀態</a>
<ul>
<li><a href="#">選項1</a></li>
<li><a href="#">選項2</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>

8. excel如何設計二級下拉菜單

可以通過追加定義->名稱的方法解決，
不過還需要和公式一起使用才行。
總之比較麻煩，還不如使用VBA的方便

9. excel下拉一級二級菜單怎麼做

一、Excel一級下拉菜單製作
例如在A1:A10單元格製作一個下拉列表菜單,步驟如下:
選中A1:A10單元格,選擇「數據—有效性」,進行如圖所示設置即可,其中來源中的每一項要用英文逗號隔開。

設置好以後,在A1:A10單元格就能進行下拉選擇了,

二、Excel二級下拉菜單製作
例如在A1:A10和B1:B10單元格製作二級聯動下拉列表菜單,步驟如下:
1、在表中輸入需聯動下拉選擇的信息,如圖所示(其中省份是一級下拉選項,市名是二級下拉選項):

2、選中E1:F1單元格,選擇「插入—名稱—定義」,輸入名稱如「省份」,

3、選中E1:F3單元格,選擇「插入—名稱—指定—首行」

4、選中A1:A10單元格,選擇「數據—有效性」,進行如圖所示設置即可,其中來源中輸入=省份

5、選中B1:B10單元格,選擇「數據—有效性」,進行如圖所示設置即可,其中來源中輸入=INDIRECT($A1)

設置好以後,在A1:A10和B1:B10單元格就能實現聯動下拉選擇了

三、Excel三級下拉菜單製作
例如在A1:A10和B1:B10和C1:C10單元格製作三級聯動下拉列表菜單,步驟如下:
1、在表中輸入需聯動下拉選擇的信息,如圖所示(其中省份是一級下拉選項,市名是二級下拉選項,縣名是三級下拉選項):

2、選中E1:F1單元格,選擇「插入—名稱—定義」,輸入名稱如「省份」,

3、選中E1:F3單元格,選擇「插入—名稱—指定—首行」

4、選中E5:H7單元格,選擇「插入—名稱—指定—首行」,

5、選中A1:A10單元格,選擇「數據—有效性」,進行如圖所示設置即可,其中來源中輸入=省份

6、選中B1:B10單元格,選擇「數據—有效性」,進行如圖所示設置即可,其中來源中輸入=INDIRECT($A1)

7、選中C1:C10單元格,選擇「數據—有效性」,進行如圖所示設置即可,其中來源中輸入=INDIRECT($B1)

設置好以後,在A1:A10和B1:B10和C1:C10單元格就能實現聯動下拉選擇了,

四、Excel多級下拉菜單製作
按以上步驟能夠很簡單地製作出三級以上聯動下拉菜單的製作。