欢迎来到天天文库
浏览记录
ID:46260725
大小:2.25 MB
页数:29页
时间:2019-11-22
《网页制作实验指导书(办公)》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、网页制作实验指导书实验一实验二实验三实验四实验五实验六实验七实验八实验九实验十实验^一实验十二目录站点与文档的创建文档及其格式化图像超级链接表格和页面布局表格框架层模板与库表单行为多媒体组件的插入、使用代码设计网页与站点管理动态网站制作实验一站点与文档的创建【实验目的】熟悉DreamweaveMX坏境,掌握站点的创建,学会制作页面的般制作方法。【实验内容】1.DreamweaverMX2004简介,出动,界
2、fli认识;2.创建一个站点;3.创建和打开一个文档;4.网页的新建,保存,预览,关闭,打开;5.字体,标题级,颜色,效果设定。【实验步骤】1.在Dre
3、amweaver中,创建站点;2.新建网页;3.设置文档的属性;【实验要求】按实验内容完成操作,完成实验报告,在实验报告中要求记录设计网页的全过程;所有实验环节均由每位学生独立完成,严禁抄袭他人实验结果。实验二文本及其格式化【实验目的】通过本例耍求掌握网页的一些基本常识,例如:文档的创建、打开与保存,标尺与网格的使用,捕捉与辅助设计图片的应用等。掌握设置文本格式的方法,如文本的断行与缩进、文本列表及格式化文本的方法。。要求掌握CSS样式而板的使用,插入样式表的方式、样式表的优先顺序、CSS的基本语法与功能,能够为HTML设置样式,熟悉CSS样式定义对话框的各
4、项功能。并熟练使用CSS滤镜进行各种样式的设置。【实验内容】1.文档及其格式化,练习文本的输入及属性的设置;;2.创建文本列表;3.利用HTML格式化文本;4.层叠样式表;熟悉CSS样式面板;设置各种类型的CSS样式;熟悉CSS样式定义对话框中各项的含义;CSS基本样式设置;5.文木格式化;文木录入与编辑;6.网页的预览。【实例参考】1•制作如图所示的列表网页,要求一级标题冇序列表,二级标题无序列表,样式如下图所示。gABejpinXr、HTML-InternetExpbrer-JgJxi文件(E)編55(°查看(Q收藏(fi)IM(D帮助(U)ABegin
5、ner'sGuidetoHTML□ThisisaprimerforproducingdocumentsInHTML,thehypertextmarkuplanguageusedontheWorldWideWeb.ThisguideisintendedtobeanintroductiontousingHTMLandcreatingfilesfortheWeb・Linksareprovidedtoadditionalinformation・Youshouldalsocheckyourlocalbookstore;therearemanyvolumesaboutt
6、heWebandHTMLthatcouldbeuseful.I.GettingStarted■TermstoKnow■WhatIsn'tCovered•HTMLVersionII.HTMLDocuments■WhatanHTMLDocumentIs■HTMLEditors■GettinaYourFilesonaServer■TzgsExDleinQd■TheMinimalHTMLDocument■ATeachingToolIII.MarioiDTaas■HTML渔开始
7、
8、]Q$勺翳于今>©”
9、网页设计(中级)…
10、
11、自ABeginnersGuideto…啰。二
12、也帥第令勺21:57实验三图像【实验目的】1、通过木例要求掌握常见的图像格式及图像的插入方法。2、能够修改图像属性,利用外部图像处理软件编辑图像。3、创建图像映射,建立WEB相册。【实验内容】1.图像创建实例与应川技巧;2.设置图像的属性;3.使用图像地图;4.创建鼠标经过图像;5.创建WEB相册。【实例参考】1•制作一个“图片热点”效果网页。耍求在口选图片上创建三个热点,分别连接到口拟的文字段屮。并要求当鼠标悬停在相应热点上时,显示该区提不信息。吕无标題文档-IicrosoftInternetExplorer匚
13、回冈刍无标题文档-IicrosoftInte
14、rnetExplorer□回冈文伴0)離⑥查看边收猱幺)IMU)帮助Q!)文件0)编馳)11®收軌)工具©WQD图斤简介图片简介五亭桥简介五辜桥简介五辆简介五亭桥简介五亭桥简介五亭桥简介五亭桥筒介五亭桥閒介五亭踰介五辆简介五亭桥简介五辆简介五亭桥简介五宰桥简介五韩简介五亭桥简介五辆简介五亭珮介五珮介五辜桥简介五亭桥简介五亭桥简介五亭桥简介五亭桥简介五棘简介五亭桥简介五亭桥简介五亭桥简介五辆简介五卿简介五辆简介五亭桥简介五辆简介五亭桥简介五亭桥简介五辆简介五亭桥简介五亭桥简介五亭彌介五糊介五辆简介五亭桥简介五亭桥简介五亭桥简介五辆简介五亭桥简介五亭桥简介五辆简
15、介五辆简介五辜桥简介五辜桥简介五亭桥简介五韩简介五亭
此文档下载收益归作者所有