网页设计课程

《网页设计课程》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、《网页设计与制作》课程实习实验指导书实验目录♦实验1启动网页三剑客应用程序♦实验2站点的建立与管理♦实验3利用表格布局网页♦实验4网页中的超级链链♦实验5在网页中使用CSS样式♦实验6框架技术与模板♦实验7在网页中使用CSS样式♦实验8页面的交互方式♦实验9网站的测试与发布实验1启动网页三剑客应用程序一.实验目的1・熟悉Internet和www2.掌握安装与删除Dreamweaver8xFireworks和Flash的方法3.熟悉启动和退出Dreamweaver8>Fireworks和Flash4.熟悉Dre

2、amweaver8的桌面环境二.实验内容1、启动DreamweaverS安装了Dreamweaver8之后，按“开始”菜单一〉“程序”项——7MAC0MEDIA”项一hMACOMEDIADreamweaver8>,项的顺序找到Dreamweaver8的启动项,单击该项就口J以启动DreamweaverS如果在桌面上已经建立了启动DreamweaverS的快捷方式图标，有可以通过双击该快捷方式图标來启动UM■KM8G)B«UnarSDreamweaverS.Zj图15.1.3“打开”对话框IBJg•、口•VA€

3、)・9•%U••••«QG"諮X震TJXWSgj式(・•《.・・・u・C“・jiy「"升

4、iilin/Fl..hn±»sV14…心“44小*「肘①］以新的名称保存到原位置以相同名称保存到不同的位置图15.1.5保存文件2、以相同的操作方式启动fireworks和flash.实验2站点的建立与管理一.实验目的1.熟悉规划站点结构2.掌握建立木地站点3.熟悉站点的基本操作二、实验内容利用Dreamweaver8建立站点在Dreamweaver中创建站点的方法有两种通过“站点定义向导”定义站点和直接定义站点，下面通过建立“dqgl”站点来说明这两种创建站点的方法。1.通过''站点定义向导“创建站点〈1〉

5、打开“站点定义向导“在Dreamweaver8的编辑窗口或站点面板选择命令菜单"站点”一"新建站点”，弹出“站点定义”对话框，选择默认的“基本”选项卡。<2）输入站点名称和URL地址在对话框屮输入要建立的站点名称，这里输入“dgql”，如教材图2・4所示。如果是远程站点还要输入该站点的URL地址，本案中忽略。单击“下一步”按钮，则会打开下一个对话框。<3）选择服务器技术如果建立的站点需要使用ASP、JSP、PHP等动态服务器技术，选屮“是，我想使用服务器技术”单选项，在出现的选项中选择一种服务辭技术。如木案例

6、只使用静态网页技术,选中“否，我不想使用服务器技术”单选项，单击“下一步”按钮。（4）选择文件编辑方式及定位站点文件夹在教材图2-6所示的对话框中，对于2文件的编辑方式，推荐选择“编辑我的计算机上的本地副本，完成后再上传到服务器”选项。本地文件的存储文件夹可以直接输入，本案例输入“d：dgql”，也可以通过单击输入文木框的文件夹按钮，在打开的“选择站点dgql的木地根文件夹”对话框中进行选择。（5）选择•服务器连接方式在教材图2-7所示的对话框中，用户可以选择如何与服务器连接。如果选捋'本地/网络”或“FT

7、P”方式，将会要求用户输入更多的服务器信息，如服务器上的文件夹位置等。本案例只在木地进行网页的编辑练习，所以选择“无”选项。（6）完成站点定义在完成了以上各项设置Z后,站点定义向导打开的最后一个对话框如教材图形控制2-8所示。在该对话框中显示了用户设置的信息。如果对所进行的设置不满意，则单击“上一步”按钮，退到相应的步骤重新进行设置，如果对所进行的设直满意则单击“完成”按钮进行确认并关闭该对话框，站点创建完毕。新的Dreamweaver站点显示在"文件”而板。2.直接定义站点（1）打开直接定义站点方式在教材图

8、2-3所示的“诂点定义”对话框中选择“高级”选项卡，该对话框变成教材图2-9所示的形式。在此对话椎中用户可以分别对站点的各类信息进行定义。（2）进行站点参数定义从“分类“列表框中选择”本地信息“选项，在“站点名称”文本框中输入新建站点的名称“dgql”。在“本地文件夹”文本框中输入本地站点根目录的位置“d:dgql”。勾选“启用缓存”单选区按钮。（3）设置完毕，单击“确定“按钮关闭该对话框。2.3