欢迎来到天天文库
浏览记录
ID:8467488
大小:2.50 MB
页数:17页
时间:2018-03-28
《《网站(网页)设计》实验指导书》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库。
1、《网站(网页)设计》编撰闽江学院计算机实验教学中心印制16目录实验一HTML语言的认识与使用1实验二使用HTML语言制作网页4实验三Dreamweaver8入门与应用7实验四Dreamweaver8强化训练10实验五网站的发布与维护11实验六Dreamweaver结合Photoshop制作网站12实验七Flash8制作网站13实验八动态服务器的网站制作1416实验一HTML语言的认识与使用实验目的(1)熟悉HTML的基本结构;(2)学会创建HTML文档;(3)熟练掌握HTML基本标志,包括文本、表格、图像、超级链接等标志;实验环境(1)1人1台计
2、算机独立完成实验。(2)安装了Windows系列操作系统的计算机,并配有如下应用软件:·记事本·InternetExplorer实验内容1.使用记事本编写HTML代码,制作第一份网页。步骤一:打开记事本创建文件(文件名E1.txt)。步骤二:把如下代码写入E1.txt文件:
有下划线
3、nter>步骤三:把E1.txt文件另存为E1.html.步骤四:使用InternetExplorer浏览E1.html.(把实现的页面效果写入实验报告)2.编写HTML代码实现如图1-1所示网页的设计:16图1-1步骤一:遵循题1的步骤创建HTML文档(文件名E2.html)。步骤二:使用
4、作一行两列表格,边框值border="3"。步骤二:添加文字“唐诗、七言乐府”字体为隶书、字号值5、加粗。添加文字《金缕衣》,字体为华文新魏、字号值4。以及增加其他诗句。步骤三:添加图片。并给图片做超级链接,链接地址为E2.html。步骤四:制作左右滚动文字“唐诗欣赏(滚动字幕制作)”。步骤五:插入水平线。(把实现的代码写入实验报告)思考题(1)常用的列表标记有哪些?(2)什么是文字滚动标记,该标记的属性有哪些?相关知识INTERNET和WWW的知识,HTML相关知识。实验二使用HTML语言制作网页实验目的(1)熟悉HTML的基本结构;(2)熟练
5、掌握HTML基本标志,包括文本、表格、图像、超级链接、表单等标志;(3)使用HTML制作内容丰富的网页。实验环境(1)1人1台计算机独立完成实验。(2)安装了Windows系列操作系统的计算机,并配有如下应用软件:·记事本·InternetExplorer实验内容1.编写如图2-1所示的表格HTML代码。16图2-12.编写HTML代码实现如图2-2所示网页的设计:图2-2步骤一:创建HTML文档(文件名E2.html)。步骤二:使用修改网页背景颜色。步骤三:使用表格标志创建如图所示七行一列表格
6、。步骤四:添加相关文字与表单元素。(把实现的代码写入实验报告)3.HTML综合实例设计16图2-3综合实例步骤一:学习教材P95页例3-25中所应用的相关知识。步骤二:创建HTML文档(文件名E3.html),完成图2-3的页面效果的设计。回答如下问题:1)插入图片使用什么标记,如何理解绝对路径和相对路径?2)超级链接的属性有哪些,各是什么功能。3)是什么标记,如何使用?(把问题的答案写入实验报告)思考题(1)常用的多媒体标记有哪些?(2)什么是框架,框架的作用有哪些,与表格有什么区别?(3)什么是CSS?它的实现方式有哪些?相关7、知识INTERNET和WWW的知识,HTML相关知识。实验三Dreamweaver8入门与应用实验目的(1)掌握使用Dreamweaver8创建站点和网页;(2)学会使用超级链接,表格,框架;(3)熟练掌握简单网页的设计方法。16实验环境(1)1人1台计算机独立完成实验。(2)安装了Windows系列操作系统的计算机,并配有如下应用软件:·Dreamweaver8·InternetExplorer实验内容1.使用Dreamweaver8工具创建站点和网页。步骤一:在实验文件目录下创建文件夹web-site,打开Dreamweaver8创建站点(站8、点名web-site,对应本地根文件夹web-site)。步骤二:在站点内创建文件夹images,网页文件index.html。效果如图 当前文档最多预览五页,下载文档查看全文 侵权申诉 举报 1 1 2 3 4 5 / 17 此文档下载收益归作者所有 下载文档 当前文档最多预览五页,下载文档查看全文 点击下载本文档
7、知识INTERNET和WWW的知识,HTML相关知识。实验三Dreamweaver8入门与应用实验目的(1)掌握使用Dreamweaver8创建站点和网页;(2)学会使用超级链接,表格,框架;(3)熟练掌握简单网页的设计方法。16实验环境(1)1人1台计算机独立完成实验。(2)安装了Windows系列操作系统的计算机,并配有如下应用软件:·Dreamweaver8·InternetExplorer实验内容1.使用Dreamweaver8工具创建站点和网页。步骤一:在实验文件目录下创建文件夹web-site,打开Dreamweaver8创建站点(站
8、点名web-site,对应本地根文件夹web-site)。步骤二:在站点内创建文件夹images,网页文件index.html。效果如图
此文档下载收益归作者所有