沈阳大学网页设计实验指导书.docVIP

? 《网页设计》 实 验 指 导 书 刘伟杰 编 沈阳大学信息工程学院  目 录 实验一：基本网页开发工具的使用方法 1 实验二：XHTML基础 4 实验三：网页样式表CSS 6 实验四：表单设计 7 实验五： VBScript脚本语言 实验六：网页图形处理工具 实验七： Dreamweaver 的使用 实验八： Flash的使用 实验九： ASP动态网站开发技术 实验十：综合网站设计 课程编号 课程类别：专业选修 适用层次：本科 适用专业：电子、电信、通信工程 课程总学时：48 适用学期:第7学期 实验学时： 24 开设实验项目数：10 撰写人： 刘伟杰 审核人：刘天惠 教学院长：范立南 实验一：基本网页开发工具的使用方法 一、实验目的与要求 1 了解Internet和WWW的功能。 2 掌握IE浏览器的使用。 3 初步认识常用的网页制作软件及工具。 二、实验类型 验证型 三、实验原理及说明 1．浏览器的种类很多，常用的是微软公司的IE 浏览器。图1是IE浏览器的空白页窗口，由标题栏、菜单栏、工具栏、地址栏、浏览器窗口和状态栏组成。 图1. IE浏览器的空白页窗口 2 常用的网页制作工具及软件。如：记事本、FrontPage、Dreamweaver等。 四、实验仪器 序 号 名 称 主要用途 PC 软件类内容设计 五、实验内容和步骤 1．使用IE浏览器 （1）连接网络，确保本机与Internet连通。 （2）启动IE浏览器。 （3）在IE浏览器的地址栏中输入想要浏览的网站或网页的网址。 （4）使用收藏夹。 （5）设置本机IE浏览器的“主页”。 2．使用记事本编辑一个网页 （1）打开记事本。 （2）在记事本中输入以下代码 html head title第一个HTML文档/title /head body 这是我的第一个网页！ /body /html （3）将文件保存起来，文件名为sy1-1.htm. （4）双击该文件图标就可运行该问文件。 3． FrontPage的应用 （1）FrontPage的安装 FrontPage为Office家族中的一员。如果购买了Office 企业版或者专业版，在安装时只须选择安装FrontPage 就行了。（2）熟悉 FrontPage应用 启动FrontPage 后，菜单栏、工具栏点击新建”，空白网页。 （3）WEB站点的建立 ? 站点在FrontPage中指所创建的一个主页和它相关联的网页、图形、文档、多媒体、和其它文件并且保存在站点服务器或其它计算机的硬盘中。一个站点也包含支持FrontPage特定功能的文件并允许站点在FrontPage中被打开、复制、编辑，和管理。一个在FrontPage中的站点名称对应到站点服务器的文件夹名称，并被长度、字符限制、和站点的大小写敏感性所支配著。 ①新建站点 在菜单栏里选择“新建→站点” 进入的对话框。FrontPage 2000自带有一些网站的模板，一般不使用这些模板，而在左边的模板选择窗里选“空站点”，然后在右边的“选项--指定新站点的位置”中敲入你想保存这个网站的文件夹地址。一般第一次使用FrontPage 2000的时候它自动就生成了一个新站点，保存的“我的文档”的“My Webs”文件夹中，也可以重新建立一个文件夹作为网站的存放点。 在创建新站点的同时，进入文件夹视图，打开文件夹列表会发现多了2个新文件夹，一个叫“images”的文件夹是用来保存本网站中的图片文件的，在制作网页之前先把要用到的图片都保存到这里；还有一个叫“_private”的文件夹，这是系统用来做缓存的文件夹，不要认为它是垃圾就把它删了，这是有用的，不要删去。 ② 打开站点 通过FrontPage 2000的菜单栏里面的“文件→打开站点”来打开其它站点。 （4）WEB站点管理操作 访问和分析数据以便更好地管理站点效力和性能准确控制 HTML 代码的外观和工作方式 名 称 主要用途 PC 软件类内容设计 五、实验内容和步骤 1.文本标记的使用 （1）完成网页文件 sy2-1 .htm的编辑，观察页面效果 html head title文本标记的应用/title /head body 登鹳雀楼 br 白日依山尽，br黄河入海流。br欲穷千里目，br更上一层楼。 浣溪沙　 一曲新词酒一杯，去年天气旧亭台，夕阳西下几时回。P AL