欢迎来到天天文库
浏览记录
ID:30857108
大小:399.96 KB
页数:20页
时间:2019-01-04
《网页设计课程》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
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所示的对话框中,用户可以选择如何与服务器连接。如果选捋'本地/网络”或“FT7、P”方式,将会要求用户输入更多的服务器信息,如服务器上的文件夹位置等。本案例只在木地进行网页的编辑练习,所以选择“无”选项。(6)完成站点定义在完成了以上各项设置Z后,站点定义向导打开的最后一个对话框如教材图形控制2-8所示。在该对话框中显示了用户设置的信息。如果对所进行的设置不满意,则单击“上一步”按钮,退到相应的步骤重新进行设置,如果对所进行的设直满意则单击“完成”按钮进行确认并关闭该对话框,站点创建完毕。新的Dreamweaver站点显示在"文件”而板。2.直接定义站点(1)打开直接定义站点方式在教材图8、2-3所示的“诂点定义”对话框中选择“高级”选项卡,该对话框变成教材图2-9所示的形式。在此对话椎中用户可以分别对站点的各类信息进行定义。(2)进行站点参数定义从“分类“列表框中选择”本地信息“选项,在“站点名称”文本框中输入新建站点的名称“dgql”。在“本地文件夹”文本框中输入本地站点根目录的位置“d:dgql”。勾选“启用缓存”单选区按钮。(3)设置完毕,单击“确定“按钮关闭该对话框。2.3
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
此文档下载收益归作者所有