html网页设计作业(html作业模板)

编程之家2026-07-01635次浏览

大家好，关于html网页设计作业很多朋友都还不太明白，今天小编就来为大家分享关于html作业模板的知识，希望对各位有所帮助！

求一个html或者css、js的网页设计作业

<!DOCTYPE HTML>

<!--

*{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>

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

</li>

</ul>

</li>

</ul>

</li>

</ul>

</div>

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>

求网页设计作业

一、先从Dreamwear或FrontPage入手。因为这两个软件的使用比较简单，只要你会使用word等软件就会很快上手。

二、只用这两个软件做出的网页不是很美观，这时可看看别人网页的源代码，注意别人源代码中css的用法，就是代码前面部分的<style type="text/css">.....</style>。用css定义网页的字体、间距等，网页就美观多了！

三、网页制作最基本要掌握的是表格的制作，建议你找一个现成的网页，打开它的源代码，仔细研究表格的代码，注意学习时要有耐心，不要怕麻烦，不要怕失败，要用相当长的时间把表格的制作学通、学精，为以后制作动态网页奠定良好基础。

三、掌握了css用法和表格制作方法后，就可直接在记事本里编写或改写代码了，如果能在记事本里熟练地编写代码，那么离成功也就不远了！

四、现在编写的只是静态网页，所谓静态网页是指所有网页内容的更新需要重新改写代码才能完成。我要告诉你的是必须先掌握静态网页的制作才能过渡到动态网页的制作，所以学习静态网页的制作非常重要！

五、熟练掌握静态网页的制作后，就可学习动态网页的制作了，所谓的动态网页，不要单单理解为网页上有动画就是动态网页，那是不对的，真正的动态网页是指有后台程序的支持，依托数据库实现网页内容的显示。学习动态网页的制作需要有一定的数据库编程知识，我建议你从最简单的Access入手，学习如何建立数据库；其次买些Asp编写代码的书籍，买时选择带光盘有源程序的那种，可将源程序拷到你的机子上，便于你学习研究。

六、动态网页的制作除了Access+Asp外，现在流行的还有Sql+php，sql+jsp等。

求一份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：可在网易网站上申请个人空间，上传到他的服务器上，供“网民”浏览。

关于html网页设计作业和html作业模板的介绍到此就结束了，不知道你从中找到你需要的信息了吗？如果你还想了解更多这方面的信息，记得收藏关注本站。

ue5自学一般要学多久，ue5一般人学得出来吗onchange事件的用法(单选框与复选框的change event)