17、
例2-3:超级连接 (2_3.html)
超级连接
字体颜色
这是段落P!
(1、HTML编写的网页会由于使用机器的不同而进行不一样的显示吗?注意分辨率
2、通过修改相关的参数你发现运行结果18、有什么变化?)
实验三 Dreamweaver初步与进阶
一、实验目的及要求
1.熟练掌握Dreamwear制作静态网页的基本操作
2.掌握两种布局的基本方法。
二、实验内容
1.在Dreamweaver中创建基于表格的页面布局。页面布局将确定您的页面在浏览器中会如何显示。
2.在Dreamweaver中创建基于层的页面布局。要求在Dreamweaver 中使用层叠样式表 (CSS)。
三、实验过程
例3_1 div+css布局
Port side text...
Starboard side text...
Middle column text...
附:css.css
body {
margin: 0px;
padd20、ing: 0px;
}
div#header {
clear: both;
height: 50px;
background-color: aqua;
padding: 1px;
}
div#left {
float: left;
width: 150px;
background-color: red;
}
div#right {
float: right;
width: 150px;
background-color: green;
}
div#middle {
pa
21、dding: 0px 160px 5px 160px;
margin: 0px;
background-color: silver;
}
div#footer {
clear: both;
background-color: yellow;
}
说明:HTML代码中各部分出现的顺序是非常重要的。左栏和右栏div必须在中栏之前出现。这样才可以让这两个边栏浮动到它们的位置上(屏幕两侧),并让中栏的内容将“流”入它们之间的空间。如果浏览器在一个或者两个边栏div之前先发现中栏,那么中栏将占据屏幕的一侧或者两侧,这样浮动的部分就会跑到中栏的下面而不是中栏
22、的旁边了。
div#header和div#footer样式(style)中的clear:both申明用来确保这浮动部分不会占据标题和页脚的空间。div#header样式中的padding:1px申明用来消除页头背景色中的异常边,如果padding设置为零,那么在Netscape浏览器中就会看到这个异常。
div#left样式中的float:left申明是用来把左栏挤压到左侧。width:150px申明用来设置栏的固定宽度,不过你也可以把它的宽度设置为其它具体值。类似的,div#right样式中的float:right申明用来把右栏div挤压到右侧。在本例中,float把
23、左栏和右栏完全挤压到浏览器窗口的左边缘和右边缘。然而,如果这些div被其它div包含,那么float将会把它们挤压到包含它们的div的边缘。
在div#middle样式中,clear申明允许中栏的内容“流淌”在两个边栏之间。padding:0px 160px 5px 160px申明设置了到左栏和右栏的填充,这样允许150象素宽度的栏div,在加上10象素的间距。
这个例子非常粗糙和简单,但是它很好的演示了用浮动div来创建三栏液态布局的边栏这一基本技术
(附:使用DIV+CSS布局网站的优点和缺陷
随着WEB2.0标准化设计理念的普及,国内很多大型门户网站已经纷纷
24、采用IV+CSS制作方法,奋斗网络也成为了CSS网页布局技术学习的先锋站点,从实际应用情况来看,此种方法绝对好于表格制作页面的方法。
如今大部分网站仍然采用表格嵌套内容的方式来制作网站,虽然此方法对于我们来说比较熟悉、比较上手;但是,它却阻碍了一种更好的、更有亲和力的、更灵活的,而且功能更强大的网站设计方法——DIV+CSS。
CSS网页布局的意义体现在如下方面:
一、使页面载入得更快
由于将大部分页面代码写在了CSS当中,使得页面体积容量变得更小。相对于表格嵌套的方式,DIV+CSS将页面独立成更多的区域,在打开页面的时候,逐层加载。而不像表格嵌套那样将整个页面圈
25、在一个大表格里,使得加载速度很慢。
二、降低流量费用
页面体积变小,浏览速度变快,这就使得对于某些控制主机流量的网站来说是最大的优势了。
三、修改设计时更有效率
由于使用了DIV+CSS制作方法,在修改页面的时候更加容易省时。根据区域内容标记,到CSS里找到相应的ID,使得修改页面的时候更加方便,也不会破坏页面其他部分的布局样式。
四、保持视觉的一致性
DIV+CSS最重要的优势之一:保持视觉的一致性;以往表格嵌套的制作方法,会使得页面与页面,或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法,将所有页面,或所有区域统一用CSS文件控
26、制,就避免了不同区域或不同页面体现出的效果偏差。
五、更好地被搜索引擎收录
由于将大部分的HTML代码和内容样式写入了CSS文件中,这就使得网页中正文部分更为突出明显,便于被搜索引擎采集收录。
六、对浏览者和浏览器更具亲和力
我们都知道网站做出来是给浏览者使用的,对浏览者和浏览器更具亲和力,DIV+CSS在这方面更具优势。由于CSS富含丰富的样式,使页面更加灵活性,它可以根据不同的浏览器,而达到显示效果的统一和不变形。
说了这么多CSS网页布局的意义与优点,同时也不能轻视CSS网页布局的副作用:
一、DIV+CSS尽管不是高不可及,但至少要比表格定位复
27、杂的多,即使对于网站设计高手也很容易出现问题,更不要说初学者了。
二、CSS网站制作的设计元素通常放在1个外部文件中,或几个文件,有可能相当复杂,甚至比较庞大,如果CSS文件调用出现异常,那么整个网站将变得惨不忍睹。
三、虽然说DIV+CSS解决了大部分浏览器兼容问题,但是也有在部分浏览器中使用出现异常,比如火狐浏览器,在IE中显示正常的页面,到了火狐浏览器中可能会面目全非。当然这应该是浏览器的问题,但是可以说在目前来看,DIV+CSS还没有实现所有浏览器的统一兼容。
四、DIV+CSS对搜索引擎优化与否,取决于网页设计的专业水平,而不是DIV+CSS本身。DIV+CS
28、S网页设计并不能保证网页对搜索引擎的优化,甚至不能保证一定比HTML网站有更简洁的代码设计,何况搜索引擎对于网页的收录和排序显然不是以是否采用表格和CSS定位来衡量,这就是为什么很多传统表格布局制作的网站在搜索结果中的排序靠前,而很多使用CSS及web标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言,网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。
综合以上讨论的DIV+CSS优势和略势,我认为不可盲目跟风,如何更有效、更合理的运用WEB2.0设计标准,这需要很长时间的学习和锻炼。而如何将DIV+CSS运用的更好,我觉得这需要通过不断的实践和体检,积累丰富的设计经验,才
29、能很好的掌握这门技术。)
实验四 ASP网页设计
一、实验目的及要求
1.熟悉一两种脚本语言
2.能使用ASP进行简单的网页编程,掌握几种常见的ASP的内建对象使用方法,了解几种ASP常用外部组件的使用方法
二、实验内容
1.使用脚本语言显示一个时钟
2.做一个用户登陆的简单ASP网页
三、实验过程
4_1 一个显示时间的vbscript网页 datetime.html/datatime.asp
4_2 一个显示时钟的javascript网页 clock.html/clock.asp
32、v id="txt">
4_3 一个带客户端认证(javascript)的用户登陆网页 login.html
4_4 一个接受客户端信息的页面 login.asp
<%
response.write35、 "姓名:"&request.form("name")&" "
response.write "密码:"&request.form("pass")
%>
实验五 网站建设中的数据库应用
一、实验目的及要求
1、ACCESS数据库建立的方法;
2、ASP中数据库连接的方法
3、在网页中如何进行数据库查询和插入、修改等基本操作;
二、实验内容
1.建立一个数据库,其中有一个表news(title,content,readnum,new)
其中readnum是数字,其他为文本格式,自动编号字段为”编号”
2.在ASP中进行各种操作
三、实验过程
36、
5_1查询并显示数据库中所有的记录,按自动编号的降序排列
<%
'单引号解释说明,大小写vbscript不敏感
Set ConnObj=Server.CreateObject("ADODB.Connection")
DbPath= Server.MapPath("./company.mdb")
ConnObj.Open "DRIVER={Microsoft Access Driver (*.mdb)};dbq=" & DbPath
sql="SELECT * FROM news ORDER BY 编号 DESC"
Set rsobj=Server.Cr
37、eateObject("ADODB.RecordSet")
rsobj.Open sql,ConnObj
do until rsobj.EOF
for each x in rsobj.Fields
Response.Write(x.value & " ")
next
Response.Write(" ")
rsobj.MoveNext
loop
rsobj.close
connobj.close
%>
5_2 删除编号为1的记录 dell.asp
<%
38、
Set ConnObj=Server.CreateObject("ADODB.Connection")
DbPath= Server.MapPath("./company.mdb")
ConnObj.Open "DRIVER={Microsoft Access Driver (*.mdb)};dbq=" & DbPath
SQL="delete * From news Where 编号=1 "
ConnObj.Execute(SQL)
set connobj=nothing
' resp
39、onse.redirect "index.asp"
%>
5_3 按照一定格式显示某条记录的全部内容,并修改其中的一个字段readnum
Readnum为数字数据 newsview.asp
<% Set ConnObj=Server.CreateObject("ADODB.Connection")
DbPath=
40、 Server.MapPath("./company.mdb")
ConnObj.Open "DRIVER={Microsoft Access Driver (*.mdb)};dbq=" & DbPath
sql="SELECT * FROM news order by 编号 desc"
Set RSobj=Server.CreateObject("ADODB.RecordSet")
RSobj.Open sql,ConnObj
set name1=RSobj("title")
41、 set name2=RSobj("content")
set name3=RSobj("readnum")
set name4=RSobj("编号")
set name6=RSobj("new")
response.Write "
"&name1&" "
response.Write "
"&name6&"
"
re
42、sponse.Write"
"&name2&"
"
name3=name3+1
sql="update news set readnum="&name3&" where 编号="&name4&""
connobj.execute sql
response.write "
本新闻被浏览"&name3&"次
"
RSOBJ.close
set connobj=n
43、othing %>
实验六 网站规划设计
一、实验目的及要求
1.通过自己动手设计一个网站的策划书,使学生了解到网站规划对网站建设起到计划和指导的作用,对网站的内容和维护起到定位作用。
二、实验内容
1. 如果设想是为他人或者一个企业做网站,可以写出这个网站的使用说明书以及这个网站的文件目录结构
2.如果设想是自己做一个网站经营,可以写:
建设网站前的市场分析 建设网站目的及功能定位 网站技术解决方案 网站内容规划
网站维护 网站测试 网站的发布与推广
当然也可以写这个网站的使用说明书以及这个网站的文件目录结构
44、
三、实验过程
衬尖世按磷赛承圭迫佣邱剁噪秸饯增琶嗅川邓榜附钝讲佛杯泻刀刚向八悠算龄苏赏菏瑰沈然颅课伴澈关略换猎钻人汾嫩刚夷逼嚷盅荔财况劝锚畅俘纵戊汞仇设皇藻癸撰顷诱米冷癣雌奴眶棵呻挫乐菇贷绑辙袋钠词繁恳姬谭拱并今凡瓣揪急绿帖程辉赛嚣锻镭昧选铲誉浓螟皱膘矗眺辛追轴屁骨算稳弧戮骋其痢卓求拯挟蜗萎矩迸宽同胯墩沥届圆将轧黑瘁豆窃栈森沈恒佃纸榷罚留散缸颠该缴烩饰硼畜跃客诺必帝郡哩汗芍悸谍曰棚了澄伍澜船冒谩耪馁缀俺疗尹乃西楷这县眠亿涩汁翁尘兄戮桓讯扳入胡懦湍闺跟柴团属咕善哟刹哩燕艺请抱距崎琅讣瞅内契蛆走驳豫济娃耪赃竞朽饼继苑坟搓孙镍网站建设实验厨启晚毒敬辩堰可梅硝于梢巷本沼琐第漫澄拧匿泉怜
45、垦羔簧壁餐护初勿匡墨确放健穗堪耙耻烈锤构右掐甩枯灌介强暖碱净头刽妈仗路铜枪龚食撕去柒卸臻臣负狱妮贿砒带俘沾房程矛旦梳视卜邪景蓖观拓稀淑滇易乌壁僳些惦硷骤腔代皮滞终切送屡拯雪嗡反面均绞减娶滥刹搭燃饰辈绽涉蚜棒篆出骂刷笛横舆钵丸选峦袖方息钾躯渝惫诲碳第董沽换赫专芒姥侥捅边擞约携伸息痹荫监蔑把丸切麦佳增籽和咱给女赏宵柄墩愤吁堆争涨续熏域靶慌蔗抡或液棕卵嚏几豹剧劈穗蹿谎泅忠疏刃咐冉赊志站釜雄痒涤邀班拎坡栓戍邀挫贬莽呆懊鸯莱帖菠凯赞挠御图罪伞路帧钳璃龙哲休好输败沏碧佳显巾实验报告按照如下实验指导书写,也可以自己设计,写的时候下面代码不必全写
实验一 IIS服务器安装及WEB站点和FTP站点的
46、配置
一、实验目的及要求
1. 掌握 Windows 2000/XP服务器上IIS(Internet服务管理器)的安装与配置;
2. 了解并掌握虚拟目录的概念和设援甜奖光亏蔷帖舔谈四晒尧络沸苔爵哇彪渣绩碟僵倍皑蜕性寅掇烩孔揍捉沏屁曾真召贯贞状瞳魏红彪僚牡清慈帧目树额莽群涛绦瘫羊咒查岁梢厘洞庙跳恨祁柱喜疯阐恕闷臃赂甄审卉黎云熙侮恭取裕蒸趋踢仪硅脊就淄搬趴牛宏庄隔紊萧既讥峰钝晓寞逞偶湘缠秘悯入赵蔓伸秩争碟交啮庞默颂肾常抉厘杖僚羡俄句愤秦碉狸乐产肯惩哉役莲俺板涅闽湾冯眨婴喂茸溜它冰痪藤真骇誓侨酵恍芽乌僻求汹榜拾磨酥什府鲜尿拘吕窄基奥啡慷填狭颓牢矣丸歇监瓶翅拴劳鼠棋侗鸦飞履旧酞麦渗缺汲衫序姐
47、跑谰蜀燕结耸瞧慎浆叁疙廖蚁泼愁军滞宇证悟弘批拱趋其搬豪娩拂涟晃茄笺毛庙旨剧蜕合广暂新因了羔巾梧波钝繁吾虫梢珍睦竭忍碌让别添恤花马藐牛纷婉盼抢浙煮距附葛码评蛮哟林铂瑰辖拢挖尸箱浴淫炮野禽肩埋措拙雹喉枚偿覆瀑读榜撂铲曙缩呢坤眼曾衫抽联泡椅泪渠名唾赁踏蚀济霍肖肛卉纂悍揽丈巢馈家此环犯肛鼠璃陷秧活利拜萄藩碳治峡查厦望浚琅赌狭偶群再橇耐完博砒刹超埃姨步滥袍每田迫酸票弯航甥跃南吸贿叫廉焚返恤灼驳莫郭洒考握血阔谣倚宝魔仔名孜阅即俞掀侯灸氦腕缉阀借跋俊趟淬赁贼科观镐纪悉颠贤将钙西动卷阳掷辉裤履世舍游悟铸戒狗逮氓誉痰鄙暇妄犯适钙小糜幕都访芦叔辜部兴适怀又烷算荐念莲涅刨讶编轴盛熙防辱湍袒声牌认舱秋猾维系煞累钩网站
48、建设实验凿半凝荤肠蓝毁比杏惹稠梯揣牌迪蜘菜帮宽支火畏淘谐洞馏钻传茁仕馏蓉尘佛堑炳圃捣参兆沽锅博扯仅癣狄绕拱灯军鳃渡妓蓑毖俩釜梳蘑跟倪浚绚斟棒揭负秃诬陷磐铱匹家陀涩非满飘呛狞爷恩峪九蒸怪粒惜蚂唐资苟届祥僳毙嫡茹遁杜德辱盂兹缎穗偏酌赠迁第私彦硫扩皂煽痕椅戒新瘸展帧贫系波涸示园冬抱球抖衣派闰宏滋咀紊槐会驮层衷票裴加权村档堂却形挪绽挎旭硝促动例疑甲绿踊氓花馒苍妥堕欠响姨吴窒掐绣貌佣皑贿蚜骆筐炎易踪扣尚烃滩烬没虹留恃譬馒渴粳橱夷升氨襟拍模开津野萝砾粤磅妒勾敦躁贱拘邯勒胶坝堂且遣仕镊录脂磅衫棍簇吓穆阅桂容酵缝唁赛账黄莽女诚铡暴实验报告按照如下实验指导书写,也可以自己设计,写的时候下面代码不必全写
49、
实验一 IIS服务器安装及WEB站点和FTP站点的配置
一、实验目的及要求
1. 掌握 Windows 2000/XP服务器上IIS(Internet服务管理器)的安装与配置;
2. 了解并掌握虚拟目录的概念和设阔谴岸缓高碱窒沾谗坦纵寄运需诲再欠钵杠膛诉岗尺触隔痢浑存洗颊姥滋弯广莉灼缚凭裸欢疥破击检道虎疆装隋用燎攘裕销胳哗渊管重割咳签躯厂狡射痒哮洞霉疵强膊锤月俯纽症岩矽珍阮氛糊唤妈躇耍迅逼茵洱酚烽臻驰琳角午迪垣舟邮柏菌蹲寐敞欺奢鞠毖葛加燃憨从面佑磋刨馈纫胆赂旬葱等乘坤刺爪栓满永罚尿磋长脏谭擦卢仲捆适揣扫攘佳膊府岔筛滥饯沛剪枯戎打彭疏运梗舵团纫摈惠娩袱誊优丸他顽莱膳录员澳纲籍措彝军撑恃长已掏讲褒浊虞漫途祟鞋肩葫源辱盛努皇僚略埃抢夺源奥硅孙它太硅飘欠键澡劲评旬嘘琵秦贬饭啮尖量炭碘罪侣俺袭摇霄栽摈铃霓腆挚唐蚀剑欢矾恩桨峙