javascript网页设计作业(大一网页设计作业代码)
大家好,关于javascript网页设计作业很多朋友都还不太明白,不过没关系,因为今天小编就来为大家分享关于大一网页设计作业代码的知识点,相信应该可以解决大家的一些困惑和问题,如果碰巧可以解决您的问题,还望关注下本站哦,希望对各位有所帮助!
求一个html或者css、js的网页设计作业
<!DOCTYPE HTML>
<!-- saved from url=(0014)about:internet-->
<html lang="en-US">
<style type="text/css">
<!--
*{margin:0;padding:0;border:0;}
body{
font-family: arial,宋体, serif;
font-size:12px;
}
#nav{
width:180px;
line-height: 24px;
list-style-type: none;
text-align:left;
/*定义整个ul菜单的行高和背景色*/
}
/*==================一级目录===================*/
#nav a{
width: 160px;
display: block;
padding-left:20px;
/*Width(一定要),否则下面的Li会变形*/
}
#nav li{
background:#CCC;/*一级目录的背景色*/
border-bottom:#FFF 1px solid;/*下面的一条白边*/
float:left;
/*float:left,本不应该设置,但由于在Firefox不能正常显示
继承Nav的width,限制宽度,li自动向下延伸*/
}
#nav li a:hover{
background:#CC0000;/*一级目录onMouseOver显示的背景色*/
}
#nav a:link{
color:#666; text-decoration:none;
}
#nav a:visited{
color:#666;text-decoration:none;
}
#nav a:hover{
color:#FFF;text-decoration:none;font-weight:bold;
}
/*==================二级目录===================*/
#nav li ul{
list-style:none;
text-align:left;
}
#nav li ul li{
background:#EBEBEB;/*二级目录的背景色*/
}
#nav li ul a{
padding-left:20px;
width:160px;
/* padding-left二级目录中文字向右移动,但Width必须重新设置=(总宽度-padding-left)*/
}
/*下面是二级目录的链接样式*/
#nav li ul a:link{
color:#666; text-decoration:none;
}
#nav li ul a:visited{
color:#666;text-decoration:none;
}
#nav li ul a:hover{
color:#F3F3F3;
text-decoration:none;
font-weight:normal;
background:#CC0000;
/*二级onmouseover的字体颜色、背景色*/
}
/*==============================*/
#nav li:hover ul{
left: auto;
}
#nav li.sfhover ul{
left: auto;
}
#content{
clear: left;
}
#nav ul.collapsed{
display: none;
}
-->
#PARENT{
width:300px;
padding-left:20px;
}
</style>
<div id="PARENT">
<ul id="nav">
<li><a rel="external nofollow" href="#Menu=ChildMenu1" onclick="DoMenu('ChildMenu1')">我的网站</a>
<ul id="ChildMenu1" class="collapsed">
<li><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">网页教学网</a></li>
<li><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">管理</a></li>
<li><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">网页教学网</a></li>
<li><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">管理</a></li>
<li><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">网页教学网</a></li>
<li><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">管理</a></li>
</ul>
</li>
<li><a rel="external nofollow" href="#Menu=ChildMenu2" onClick="DoMenu('ChildMenu2')">我的帐务</a>
<ul id="ChildMenu2" class="collapsed">
<a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">支付</a></li>
<li><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">管理</a></li>
<li><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">网上支付</a></li>
<li><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">登记汇款</a></li>
<li><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">在线招领</a></li>
<li><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">历史帐务</a></li>
</ul>
</li>
<li><a rel="external nofollow" href="#Menu=ChildMenu3" onClick="DoMenu('ChildMenu3')">网站管理</a>
<ul id="ChildMenu3" class="collapsed">
<li><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">登录</a></li>
<a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">管理</a></li>
<li><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">管理</a></li>
<li><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">管理</a></li>
</ul>
</li>
<li><a rel="external nofollow" href="#Menu=ChildMenu4" onClick="DoMenu('ChildMenu4')">网站管理</a>
<ul id="ChildMenu4" class="collapsed">
<li><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">登录</a></li>
<a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">管理</a></li>
<li><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">管理</a></li>
<li><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">管理</a></li>
<li><a rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" href="#">管理</a></li>
</ul>
</li>
</ul>
</div>
<script type=text/javascript><!--
var LastLeftID="";
function menuFix(){
var obj= document.getElementById("nav").getElementsByTagName("li");
for(var i=0; i<obj.length; i++){
obj[i].onmouseover=function(){
this.className+=(this.className.length>0?"":"")+"sfhover";
}
obj[i].onMouseDown=function(){
this.className+=(this.className.length>0?"":"")+"sfhover";
}
obj[i].onMouseUp=function(){
this.className+=(this.className.length>0?"":"")+"sfhover";
}
obj[i].onmouseout=function(){
this.className=this.className.replace(new RegExp("(?|^)sfhover\\b"),"");
}
}
}
function DoMenu(emid)
{
var obj= document.getElementById(emid);
obj.className=(obj.className.toLowerCase()=="expanded"?"collapsed":"expanded");
if((LastLeftID!="")&&(emid!=LastLeftID))//关闭上一个Menu
{
document.getElementById(LastLeftID).className="collapsed";
}
LastLeftID= emid;
}
function GetMenuID()
{
var MenuID="";
var _paramStr= new String(window.location.href);
var _sharpPos= _paramStr.indexOf("#");
if(_sharpPos>= 0&& _sharpPos< _paramStr.length- 1)
{
_paramStr= _paramStr.substring(_sharpPos+ 1, _paramStr.length);
}
else
{
_paramStr="";
}
if(_paramStr.length> 0)
{
var _paramArr= _paramStr.split("&");
if(_paramArr.length>0)
{
var _paramKeyVal= _paramArr[0].split("=");
if(_paramKeyVal.length>0)
{
MenuID= _paramKeyVal[1];
}
}
/*
if(_paramArr.length>0)
{
var _arr= new Array(_paramArr.length);
}
//取所有#后面的,菜单只需用到Menu
//for(var i= 0; i< _paramArr.length; i++)
{
var _paramKeyVal= _paramArr[i].split('=');
if(_paramKeyVal.length>0)
{
_arr[_paramKeyVal[0]]= _paramKeyVal[1];
}
}
*/
}
if(MenuID!="")
{
DoMenu(MenuID)
}
}
GetMenuID();//*这两个function的顺序要注意一下,不然在Firefox里GetMenuID()不起效果
menuFix();
--></script>
求一份20页网页设计作业,在线等
一、单项选择题
1. Internet上的WWW使用的主要协议是()
A. NetBeui B. HTTP C. SMTP D. Telnet
2.浏览网页,是属于Internet所提供的()服务。
A. FTP B. E-mail C. Telnet D. WWW
3.将网页上传到Web服务器的过程中,使用Internet所提供的()服务。
A. FTP B. HTTP C. SMTP D. Telnet
4.以下扩展名中不表示网页文件的是()
A..htm B..html C..asp D..txt
5.构成Web站点的最基本单位是()。
A.网站 B.主页 C.网页 D.文字
6.网页最基本的元素是()
A.文字与图像 B.声音 C.超链接 D.动画
7.以下不属于网站的建设过程阶段的是()
A.规划和准备 B.网页制作 C.网站运营 D.后期维护
8.下面不可以用来处理图形的软件是()
A. Fireworks B. Flash C. FrontPage D. Photoshop
9.网页中自动播放声音文件的方法是在页面文件中加入()标记。
A.<bgsound> B.<sound> C.<img> D.<music>
10.以下说法中,正确的是()
A. p标记符与br标记符的作用一样 B.多个p标记符可以产生多个空行
C.多个br标记符可以产生多个空行 D. p标记符的结束标记符通常不可以省略
11. HTML文件中,下面那一个标记中包含了网页的全部内容()
A.<center>…</center> B.<pre>…</pre>
C.<body>…</body> C.<br>…</br>
12. HTML网页可以用以下()工具制作。
A. Word B.记事本 C. Dreamweaver D.以上均可
13.在表单中需要把用户的数据以密码的形式接受,应该定义的表单元素是()
A.<input type=text> B.<input type=password>
C.<input type=checkbox> D.<input type=radio>
14. HTML语言中,设置背景颜色的代码是()
A.<body bgcolor=?> B.<body text=?> C.<body link=?> D.<body vlink=?>
15.在Dreamweaver中,下面关于嵌套层的说法正确的是()
A.子层可以超出母层 B.子层可以完全在母层之外
C.子层不可以超出母层 D.以上说法都不对
16.在Dreamweaver中,创建E-mail链接,在链接栏中使用的语句格式是()
A. to:ljw@sina.com B. link:ljw@sina.com
C. mail:ljw@sina.com D. mailto:ljw@sina.com
17.在Dreamweaver中,下面对象可以添加热点的是()
A.帧 B.文字 C.图像 D.任何对象
18. CSS表示的是()
A.层 B.行为 C.样式表 D.时间线
19.在Dreamweaver中,设置文本在图像的右侧自动换行,应选择的对齐方式是()
A.左对齐 B.底部 C.绝对中间 D.右对齐
20.在Dreamweaver中,默认情况下按住下面()键可以建立一个嵌套层。
A. Alt B. Shift C. Ctrl D. Ctrl+Alt
21.利用()对象可以存储特定的客户端信息。
A. response B. request C. session D. server
22.下列()是ADO组件的更新语句。
A. Insert B. update C. delete D. open
23.利用ADO组件建立数据库连接时,连接字符串中DSN的值表示()
A.数据源的名称 B.服务器域名解析 C.数据库的名称 D.数据表名称
24.利用Connection对象的Open()方法打开一个连接后,需要用()的方法关闭连接。
A. Lock() B. Close() C. Shut() D. Execute
25. Session对象的默认有效期为()min
A. 10 B. 15 C. 20 D. 30
26.下面关于Active Server Pages所使用的主要脚本语言的说法正确的一项是()
A. Active Server Pages使用的主要脚本语言是PHP语言
B. Active Server Pages使用的主要脚本语言是JavaScript和VBScript
C. Active Server Pages只能使用一种脚本语言—JavaScript
D. Active Server Pages只能使用一种脚本语言—VBScript
27.在ASP内建对象中,必须要有Lock和Unlock方法以确保多个用户无法同时改变某一属性的对象是()
A. Response B. Session C. Request D. Application
28. VBScript调用过程时使用的关键字是()
A. Parameter B.Call C.Dim D. Public
29.在表单的相关标记中,表示提供给用户一个可以复选的选项的标记为()
A. INPUT TYPE=CHECKBOX B. INPUT TYPE=SUBMIT
C. INPUT TYPE=RESET D. INPUT TYPE=RADIO
30.可以在HTML文档中加上阅读者看不见的注释,句法是()
A.以“<!――”标记开始注释,以“->”标记结束
B.以“{”标记开始注释,以“}”标记结束
C.以“<*”标记开始注释,以“*>”标记结束
D.以“/*”标记开始注释,以“*/”标记结束
二、多项选择题
在每小题列出的五个备选项中至少有两个是符合题目要求的,请将其代码填写在题后的括号内。错选、多选、少选或未选均无分。
1.基本的HTML表格标记有()
A.<TR></TR> B.<TD></TD>
C.<P></P> D.<TABLE></TABLE> E.<TH></TH>
2.为了在单元中对齐表格元素,可以使用的属性有()
A.VALIGN B.TABLE C.TITLE D.ALIGN E.BODY
3.在BODY的属性中,和颜色有关的属性包括()
A. ALINK B. BGCOLOR C. LINK D. TEXT E. VLINK
4.属于比较运算符的是()
A.== B.= C.!= D.<= E.>
5.“事件”是指一系列对页面进行的动作,下列属于事件的有()
A. onfocus B.onload
C. onmouseover D. onstay E. onsubmit
三、填空
1.在ASP内建对象中,用来访问使用HTTP请求传递的信息的对象是。
2. WWW采用的工作模式。
3.网站的建设过程可以分为三个阶段:、和后期维护阶段。
4.在制作网站的具体页面之前,首先需要创建一个本地。
5.在Dreamweaver中,时间轴只能对起作用。
6.<hr width=50%>表示创建一条的水平线。
7.在Dreamweaver中,能够设置为密码域的表单控件是。
8.若要验证HTML表单数据,表单中至少包含一个及一个按钮。
9.在Dreamweaver8中,定义的CSS样式类型有3种:、标签和高级。
四、论述题
1.简述WWW的工作原理。
2.简述网站建设的基本思路。
上机内容(网页设计大作业)
用FrontPage 2003制作一个链接层数不少于2层、网页数不少于6页的个人网站,大小一般不超过5MB.网站的主题内容自定。制作完成后将以自己的“学号-姓名”为名的网站文件夹压缩后上交到中自己班级文件夹内相应的作业项内。用户名和密码均为zwcs。
具体要求:
艺术性:美观、大方、有吸引力。
技术性:在不影响整体效果的前提下,尽可能多的使用本软件的技术。
实用性:使用方便,有一定的知识性、趣味性。
制作思路
一.确定主题:(自定)
比如《我的空间我作证》、《我的风采》、《我的故乡》、《甬城交通》。
二.绘制页面草图:
参照几种常见的构图布局(左右对称结构、“同”字型结构、“回”字型结构、“匡”字型结构、自由式结构等)画出页面草图。
三.素材收集与整理:
图片、背景音乐、文字(将Word文档、Excel文档、PowerPoint文档另存为Web文档)、按钮等。
四.网页制作:(以空白站点起建)
1.创建存放个人网站的文件夹(本例为学号-姓名如:2009010001-张三
2.新建网站:空白网页,原来做过一次网页的用打开网站
3.制作主页:主页必须取名为index.htm,并且有可以链接到下面页的每一个超链接
4.制作其它网页(需保存后方可在文件夹列表中显示)
5.建立网页之间的链接,原先做好的个人自我介绍请作为其中一个网页给予连接。
五.预览调试:
1.浏览网页最终效果,保存后按f12。
2.发布到Internet:可在网易网站上申请个人空间,上传到他的服务器上,供“网民”浏览。
网页设计JavaScript问题
javascrpit是一种应用于网页中的特效,可以让你的页面显得更加生动,但是要美化页面是不可能的,因为美化页面是要去修改页面的一些属性,比如背景颜色,北京图片,以及网页中出现文字和图片的排版等等
这些都要在css里面才能解决,js只是为了配合你设计的网页中的一些需求,比如下拉菜单,弹出菜单,以及一些动态的幻灯片效果等等
至于你所说的用javascript生成工具生成的可以用,但是你也要考虑到浏览器的兼容性,以及要改动里面的东西,所以我建议你还是先去看一些有关js脚本的基础知识,例如变量和函数,这样你可以用别人的框架,修改之后却是自己的东西
希望我说的这些对你有帮助
好了,关于javascript网页设计作业和大一网页设计作业代码的问题到这里结束啦,希望可以解决您的问题哈!