[互联网]网站开发技术实验指导书.doc

网站开发技术实验指导书 敖磊 编 计算机工程学院网络工程教研室 2010年3月目 录 实验1 使用向导搭建站点 2 实验2 设置页面整体效果（一） 3 实验3 设置页面整体效果（二） 3 实验4 制作文本页面 3 实验5 插入图象操作 4 实验6 插入Fireworks HTML文档 5 实验7 插入鼠标经过图象 5 实验8 插入导航条 6 实验9 制作图象页面 7 实验10 插入多媒体文件 7 实验11 插入Flash按钮 8 实验12 插入Flash文字 9 实验13 插入Flash元素 9 实验14 控制页面中的Flash动画 10 实验15 插入Shockwave动画 11 实验16 添加背景音乐 11 实验17 嵌入音乐 12 实验18 添加声音到任何页面对象上 12 实验19 插入MPG及AVI等视频 13 实验20 插入JAVA小程序 13 实验21 插入ActiveX控件 13 实验22 插入滚动字幕或图象 14 实验23 插入多媒体页面实例 15 实验24 插入并编辑表格 15 实验25 表格的格式化 16 实验26 表格的排序 16 实验27 制作网站首页 17 实验28 制作网站内页 18 实验29 制作内部链接 20 实验30 制作图象映射 20 实验31 制作E-mail链接 21 实验32 制作锚点链接 21 实验33 通过转到URL行为添加链接 21 实验34 链接网页的实例 22 实验35 创建模板 22 实验36 创建基于模板的页面 23 实验37 使用库文件编辑页面 23 实验38 使用模板和库的实例 24 实验39 创建框架网站 25 实验40 插入层 26 实验41 设置层 26 实验42 显示隐藏层 26 实验43 拖动层 27 实验44 设置层文本 28 实验45 制作时间轴动画 28 实验46 插入表单 29 实验47 插入文本字段 29 实验48 插入文本区域 30 实验49 插入隐藏域 31 实验50 插入复选框 31 实验51 插入单选按钮（一） 32 实验52 插入单选按钮（二） 32 实验53 插入列表/菜单 33 实验54 插入文件域 33 实验55 插入按钮 34 实验56 插入图像域 34 实验57 插入跳转菜单 35 实验58 通过行为检查表单 36 实验59 内部CSS的建立流程 36 实验60 外部CSS的建立流程 41 实验61 弹出信息 46 实验62 打开浏览器 46 实验63 改变属性 47 实验实例：个人网站主页设计 47 实验1 使用向导搭建站点 １、选择“窗口”中的“文件”，打开文件面板； ２、选择文件面板中的下拉菜单，选择“管理站点命令； ３、弹出“管理站点”对话框，选择“新建”按钮，在弹出的菜单中选择“站点”项； ４、在打开的窗口上方有“基本”和“高级”两个标签，可以在站点向导和高级设置面板之间切换，下面选择“基本标签”； ５、在弹出的“站点定义”对话框的文本框中输入网站的名称； ６、单击“下一步”按钮，进入“定义”站点对话框的设置，这里可以设置服务器的技术。我们新建静态的站点，因此选择“否”； ７、单击“下一步”按钮，进入“站点定义”对话框的下一步设置，可以设置站点的编辑方式，有两种情况，我们选择第一步； ８、下方的“您将把文件存储在计算机上的什么位置”文本框用来设置本地站点文件夹的地址。可以在文本框中输入路径，也可以选择“打开文件”按钮，在打开的“选择站点”对话框中选择路径； ９、单击“下一步”，进入“站点定义”对话框设置，配置远程站点，这里选择“无”； 10、单击“下一步”，将看到刚才设置的所有内容； 11、单击“下一步”，结束站点定义“对话框的设置； 12、单击“完成”，文件面板显示出刚才建立的站点。 实验2 设置页面整体效果（一） 将为index_ori.html所示页面设置整体属性，处理后页面如图index.html。 1、选择设置网页标题，选择“修改/页面属性”命令，打开“页面属性”对话框。选择“标题／编码”，输入网页的标题为“领导新韩流”。 2、设定页面的背景图象，在“外观”的“背景图象”文本框中输入背景图象的路径，背景图象是范例站点images文件夹中的bg.jpg。 3、设定页边距，在“外观”中将“左边距”、“右边距”、“上边距”、“下边距”都设置成０。 实验3 设置页面整体效果（二） 1、打开页面，在编辑窗口下选择“修改/页面属性”命令，打开“页面属性”对话框； 2、选择“外观”选项，将页面字体设置为Tahoma，字体大小设置为9点数，文本颜色选用#000000，背景颜色选择#003366，边距都选择0像素； 3、选择“链接”选项，将链接字体选择为“同页面字体”，链接颜色选择#3333