求一个html或者css、js的网页设计作业
发布时间:2025-05-21 13:36:54 发布人:远客网络
一、求一个html或者css、js的网页设计作业
1、<!-- saved from url=(0014)about:internet-->
2、*{margin:0;padding:0;border:0;}
3、font-family: arial,宋体, serif;
4、/*定义整个ul菜单的行高和背景色*/
5、/*==================一级目录===================*/
6、/*Width(一定要)，否则下面的Li会变形*/
7、background:#CCC;/*一级目录的背景色*/
8、border-bottom:#FFF 1px solid;/*下面的一条白边*/
9、/*float：left,本不应该设置，但由于在Firefox不能正常显示
10、继承Nav的width,限制宽度，li自动向下延伸*/
11、background:#CC0000;/*一级目录onMouseOver显示的背景色*/
12、color:#666; text-decoration:none;
13、color:#666;text-decoration:none;
14、color:#FFF;text-decoration:none;font-weight:bold;
15、/*==================二级目录===================*/
16、background:#EBEBEB;/*二级目录的背景色*/
17、/* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
18、color:#666; text-decoration:none;
19、color:#666;text-decoration:none;
20、/*二级onmouseover的字体颜色、背景色*/
21、/*==============================*/
22、<li><a href="#Menu=ChildMenu1" onclick="DoMenu('ChildMenu1')">我的网站</a>
23、<ul id="ChildMenu1" class="collapsed">
24、<li><a href="#">网页教学网</a></li>
25、<li><a href="#">管理</a></li>
26、<li><a href="#">网页教学网</a></li>
27、<li><a href="#">管理</a></li>
28、<li><a href="#">网页教学网</a></li>
29、<li><a href="#">管理</a></li>
30、<li><a href="#Menu=ChildMenu2" onClick="DoMenu('ChildMenu2')">我的帐务</a>
31、<ul id="ChildMenu2" class="collapsed">
32、<a href="#">支付</a></li>
33、<li><a href="#">管理</a></li>
34、<li><a href="#">网上支付</a></li>
35、<li><a href="#">登记汇款</a></li>
36、<li><a href="#">在线招领</a></li>
37、<li><a href="#">历史帐务</a></li>
38、<li><a href="#Menu=ChildMenu3" onClick="DoMenu('ChildMenu3')">网站管理</a>
39、<ul id="ChildMenu3" class="collapsed">
40、<li><a href="#">登录</a></li>
41、<a href="#">管理</a></li>
42、<li><a href="#">管理</a></li>
43、<li><a href="#">管理</a></li>
44、<li><a href="#Menu=ChildMenu4" onClick="DoMenu('ChildMenu4')">网站管理</a>
45、<ul id="ChildMenu4" class="collapsed">
46、<li><a href="#">登录</a></li>
47、<a href="#">管理</a></li>
48、<li><a href="#">管理</a></li>
49、<li><a href="#">管理</a></li>
50、<li><a href="#">管理</a></li>
51、<script type=text/javascript><!--
52、var obj= document.getElementById("nav").getElementsByTagName("li");
53、for(var i=0; i<obj.length; i++){
54、obj[i].onmouseover=function(){
55、this.className+=(this.className.length>0?"":"")+"sfhover";
56、obj[i].onMouseDown=function(){
57、this.className+=(this.className.length>0?"":"")+"sfhover";
58、this.className+=(this.className.length>0?"":"")+"sfhover";
59、this.className=this.className.replace(new RegExp("(?|^)sfhover\\b"),"");
60、var obj= document.getElementById(emid);
61、obj.className=(obj.className.toLowerCase()=="expanded"?"collapsed":"expanded");
62、if((LastLeftID!="")&&(emid!=LastLeftID))//关闭上一个Menu
63、document.getElementById(LastLeftID).className="collapsed";
64、var _paramStr= new String(window.location.href);
65、var _sharpPos= _paramStr.indexOf("#");
66、if(_sharpPos>= 0&& _sharpPos< _paramStr.length- 1)
67、_paramStr= _paramStr.substring(_sharpPos+ 1, _paramStr.length);
68、var _paramArr= _paramStr.split("&");
69、var _paramKeyVal= _paramArr[0].split("=");
70、var _arr= new Array(_paramArr.length);
71、//取所有#后面的，菜单只需用到Menu
72、//for(var i= 0; i< _paramArr.length; i++)
73、var _paramKeyVal= _paramArr[i].split('=');
74、_arr[_paramKeyVal[0]]= _paramKeyVal[1];
75、GetMenuID();//*这两个function的顺序要注意一下，不然在Firefox里GetMenuID()不起效果
二、求一份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.以下扩展名中不表示网页文件的是（）
5.构成Web站点的最基本单位是（）。
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>
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.任何对象
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
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.以“／*”标记开始注释，以“*／”标记结束
在每小题列出的五个备选项中至少有两个是符合题目要求的，请将其代码填写在题后的括号内。错选、多选、少选或未选均无分。
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
A．＝＝ B．＝ C．！＝ D．<= E．>
5.“事件”是指一系列对页面进行的动作，下列属于事件的有()
C. onmouseover D. onstay E. onsubmit
1.在ASP内建对象中，用来访问使用HTTP请求传递的信息的对象是。
3.网站的建设过程可以分为三个阶段：、和后期维护阶段。
4.在制作网站的具体页面之前，首先需要创建一个本地。
5.在Dreamweaver中，时间轴只能对起作用。
6.<hr width=50%>表示创建一条的水平线。
7.在Dreamweaver中，能够设置为密码域的表单控件是。
8.若要验证HTML表单数据，表单中至少包含一个及一个按钮。
9.在Dreamweaver8中，定义的CSS样式类型有3种：、标签和高级。
用FrontPage 2003制作一个链接层数不少于2层、网页数不少于6页的个人网站,大小一般不超过5MB.网站的主题内容自定。制作完成后将以自己的“学号-姓名”为名的网站文件夹压缩后上交到中自己班级文件夹内相应的作业项内。用户名和密码均为zwcs。
艺术性：美观、大方、有吸引力。
技术性：在不影响整体效果的前提下，尽可能多的使用本软件的技术。
实用性：使用方便，有一定的知识性、趣味性。
比如《我的空间我作证》、《我的风采》、《我的故乡》、《甬城交通》。
参照几种常见的构图布局（左右对称结构、“同”字型结构、“回”字型结构、“匡”字型结构、自由式结构等）画出页面草图。
图片、背景音乐、文字（将Word文档、Excel文档、PowerPoint文档另存为Web文档）、按钮等。
四．网页制作：（以空白站点起建）
1．创建存放个人网站的文件夹（本例为学号-姓名如：2009010001-张三
2．新建网站：空白网页，原来做过一次网页的用打开网站
3．制作主页：主页必须取名为index.htm,并且有可以链接到下面页的每一个超链接
4．制作其它网页（需保存后方可在文件夹列表中显示）
5．建立网页之间的链接，原先做好的个人自我介绍请作为其中一个网页给予连接。
1．浏览网页最终效果，保存后按f12。
2．发布到Internet：可在网易网站上申请个人空间，上传到他的服务器上，供“网民”浏览。
三、bootstrap网页设计代码作业(bootstrap中文网网页代码)
bootstrap网页实例常用样式
!DOCTYPEhtml
titleBootstrap实例-一个简单的网页/title
divclass="jumbotrontext-center"style="margin-bottom:0"
p重置浏览器窗口大小查看效果！/p
navclass="navbarnavbar-inverse"
buttontype="button"class="navbar-toggle"data-toggle="collapse"data-target="#myNavbar"
aclass="navbar-brand"href="#"网站名/a
divclass="collapsenavbar-collapse"id="myNavbar"
liclass="active"ahref="#"主页/a/li
divclass="fakeimg"这边插入图像/div
ulclass="navnav-pillsnav-stacked"
liclass="active"ahref="#"链接1/a/li
hrclass="hidden-smhidden-mdhidden-lg"
p菜鸟教程，学的不仅是技术，更是梦想！！！菜鸟教程，学的不仅是技术，更是梦想！！！菜鸟教程，学的不仅是技术，更是梦想！！！/p
p菜鸟教程，学的不仅是技术，更是梦想！！！菜鸟教程，学的不仅是技术，更是梦想！！！菜鸟教程，学的不仅是技术，更是梦想！！！/p
divclass="jumbotrontext-center"style="margin-bottom:0"
这篇教程旨在让你在20分钟内学会使用twitter
bootstrap创建一个站点。看完这个教程后你应该能够使用bootstrap来建立一个基本的响应式布局的页面，了解栅格系统，并且能够使用bootstrap导航、导航条和了解响应式设计的基础。这些全部都是使用twitter
bootstrap是非常优秀的一个前端开源框架，它为所有的组键都提供了详细的用例，让你能够轻易地通过复制黏贴而附加到你的设计中。查阅官方文档：twitter.github.com/bootstrap/index.html
我们需要以一个基本的HTML模板，这样我们能够把所需要的bootstrap文件包含进来。下面就是我们twitter
bootstrap项目的开头，复制这些代码到一个文件中并将其命名为index.html。
这段代码中我们已经添加了一些CSS使页面的背景呈亮灰色，因为这样我们能够轻易地在我们的设计中看见不同的列，使它更加容易理解。
bootstrap栅格化，具体去bootstrap官网全局css样式查查，导航栏也有
怎么用bootstrap设计一个登陆页面
看一下具体的代码.这里需要注意的是,那个模版,是在系列教程一中.
看一下具体的代码.这里需要注意的是,那个模版,是在系列教程一中.
class="container"让页面能够做到居中.注意该标签不能嵌套使用.
role属性是html5中新增的一个属性,可以让你更好的自定义一些属性供你使用.
class="form-control"该标签是把一些表达标签的width都设置为100%.
其中btn是bootstrap中默认定义的一个button也就是按钮的样式.
其中btn-lg是指最大的样式.还有btn-xs,btn-sm,btn-md.分别对应不同的设备.手机,平板,pc等.
这里又重新写了2个样式,一个是表单的最大width.设置成了330px.是因为登录不需要太过宽,要不然不太好看.第二个样式,是因为在默认的btn-lg是占一行,所以,就会把两个表单文本框放在各自的行上.但是紧挨着太狠.所以,做了一个3px的下间距.
不同的btn大小展示,从图就可以看出来这几个的区别.怎么试用?你动手做一下就明白了.
Bootstrap是Web应用程序的前端框架。基于HTML、CSS、JAVASCRIPT。
Bootstrap由美国Twitter公司的设计师MarkOtto和JacobThornton合作开发的，基于HTML、CSS、JavaScript的简洁、直观、强悍的前端开发框架，使得Web开发更加快捷。
Bootstrap提供了优雅的HTML和CSS规范，由动态CSS语言Less写成，一直是GitHub上的热门开源项目。
Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。在现在的Web开发中，有几个几乎所有的Web项目中都需要的组件。
Bootstrap与最新版的GoogleChrome、Firefox、InternetExplorer、Opera和Safari浏览器兼容，尽管有些浏览器并不是支持所有操作系统。
从2.0版本开始，Bootstrap支持响应式网页设计(RWD)。页面布局可以根据显示网页的设备（桌面、平板电脑、手机）来进行动态调整。
3.0版本开始，Bootstrap将移动设备优先作为设计方针，更加强调了响应式设计。
4.0alpha版本添加Sass和Flexbox的支持。
Bootstrap非常流行，得益于它非常实用的功能和特点。主要核心功能特点如下：
可以兼容所有现代浏览器，包括比较诟病的IE7、8。当然，本课程不再考虑IE9以下浏览器。
不但可以支持PC端的各种分辨率的显示，还支持移动端PAD、手机等屏幕的响应式切换显示。
Bootstrap提供了实用性很强的组件，包括：导航、标签、工具条、按钮等一系列组件，方便开发者调用。
Bootstrap提供了很多实用性的jquery插件，这些插件方便开发者实现Web中各种常规特效。
HTML5语义化标签和CSS3属性，都得到很好的支持。
LESS使用变量、嵌套、操作混合编码，编写更快、更灵活的CSS。它和Bootstrap能很好的配合开发。
Bootstrap包括HTML、CSS及JavaScript的框架，提供字体排印、窗体、按钮、导航及其他各种组件及Javascript扩展。主要包含内容有：
l基本结构：Bootstrap提供了一个带有网格系统、链接样式、背景的基本结构。
l全局CSS样式：Bootstrap自带以下特性：全局的CSS设置、定义基本的HTML元素样式、可扩展的class，以及一个先进的网格系统。
l组件：Bootstrap包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。
lJavaScript插件：Bootstrap包含了十几个自定义的jQuery插件。您可以直接包含所有的插件，也可以逐个包含这些插件。
l定制：您可以定制Bootstrap的组件、LESS变量和jQuery插件来得到您自己的版本。
l还有大量其他有用的前端组件，比如：
提供一些有用的在线工具和代码片段
