网络与网页制作上机实验.doc

网络与网页制作上机实验报告关莉莉 编写学号：_姓名：_网络与网页制作上机实验（1）学号 姓名 组别 一、 实验目的：1 了解网页制作工具Dream weaver MX的界面结构2 掌握HTML语言的基本结构3 进行简单网页的编写二、 实验内容：1. 请写出网页制作工具Dream weaver的特点。2. Dream weaver MX的启动和退出，并进行站点定义，定义一个个人网站的站点，要求;目录位置在D盘学号命名的文件夹中，有站点名称和大致结构目录。请写出完成情况，并进行问题分析。3. 请创建一个包含文字、图像和连接的网页（参照P13P19页），加深对面板和菜单的理解。（新建页面保存在站点文件夹中，制作一个个人说明的网页，要求输入文字、插入图像和超级链接，进行保存并上传到服务器中FTP:/student）注意：如有不清楚的问题请及时和指导老师联系；设备使用的时候请尽量爱护，故意损毁，加倍赔偿；请在实验过程中不要大声喧哗，自己思考，严禁抄袭；请不要在实验过程中玩任何电脑游戏，如有此类现象，取消实验资格网络与网页制作上机实验（2）学号 机位是否正确 姓名一、 实验目的l 熟悉Dream weaver的用户参数界面；l 了解Dream weaver MX的使用规范；l 练习使用Dream weaver MX进行参数设置。二、 实验步骤1 按照书本操作，掌握Dream weaver MX的用户参数的相关设置。将历史操作最多次数设置为45次：设置允许进行多个连续空格的输入：取消Dream weaver不支持中文文件名的超链接设置：添加一个JPG图像扩展编辑器为Photoshop，进行编辑：显示换行标签：设置状态栏参数，将窗口尺寸设置为WebTV544*378的窗口，查看后并作恢复：2、将上一节实验制作的网页用源码视图查看，熟练并写出此网页的HTML语句，并就常见标签说明。注意：l 请上机过程中不要过于喧哗；l 在上机过程中不允许玩游戏；l 尽量复习好讲课内容和上机作业后再进行操作和书写。网络与网页制作上机实验（3.1）学号 机位是否正确 姓名一、 实验目的：l 熟悉网页制作中文本操作、图像操作和超连接操作的基本使用技巧；l 熟悉格式化网页属性的具体设置；l 练习使用Dream weaver MX进行静态页面制作。二、 实验步骤：1请说明普通文本和HTML文档的区别？2请参照以下文字，输入文本内容（酌情输入）：确定网站的整体风格和创意设计网站的整体风格及其创意设计是站长们最希望掌握，也是最难以学习的。难就难在没有一个固定的程式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。当我们说：这个站点很cool，很有个性！那么，是什么让你觉得很cool呢？它到底和一般的网站有什么区别呢？本文试图用最简明的语言来说明：1.风格是什么，如何树立网站风格？风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语），版面布局，浏览方式，交互性，文字，语气，内容价值，存在意义，站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不同感受。风格是独特的，是站点不同与其他网站的地方。或者色彩，或者技术，或者是交互方式，能让浏览者明确分辨出这是你的网站独有的。例如新世纪网络()的黑白色,网易壁纸站的特有框架,即使你只看到其中一页，也可以分辨出是哪个网站的。风格是有人性的。通过网站的外表，内容，文字，交流可以概括出一个站点的个性，情绪。是温文儒雅，是执著热情，是活泼易变,是放任不羁。象诗词中的“豪放派”和“婉约派”，你可以用人的性格来比喻站点。有风格的网站与普通网站的区别在于：普通网站你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量大小，浏览速度快慢。但你浏览过有风格的网站后你能有更深一层的感性认识，比如站点有品位，和蔼可亲，是老师，是朋友。 看了以上描述，你可能对风格是什么可能依然模糊。其实风格就是一句话：与众不同！3、参照第四章进行使用文本的格式化操作：要求掌握拼写检查；查找和替换文字；设置文字属性；设置段落属性；使用列表等操作。传到FTP服务器相应文件夹中去（FTP:/student）网络与网页制作上机实验（3.2）学号 机位是否正确 姓名三、 实验目的：l 熟悉使用图像的基本格式和插入方法；l 了解网页制作中图像的相关属性；l 进行插入图像和相关设置的具体操作。四、 实验步骤：1、 请写出HTML支持的三种常见图像格式，并作具体说明2、 请按照书本操作，完成插入本地图像的操作（图像自选），并作图像属性的修改：给图形命名：Macromedia；改变图像大小；改换图像；在添加两个图像，设置垂直对齐和水平对齐和图像绕排等操作3、 继续在页面上设置图像的边距和给图像加上文本说明，使用水平线，并考虑如何给水平线添加颜色，写出相关步骤4、 制作鼠标经过图像和插入导航条的操作（可选作）注意：如有不清楚的问题请及时和指导老师联系；设备使用的时候请尽量爱护，故意损毁，加倍赔偿；请在实验过程中不要大声喧哗，自己思考，严禁抄袭；请不要在实验过程中玩任何电脑游戏，如有此类现象，取消实验资格网络与网页制作上机实验（4.1）学号 机位是否正确 姓名三、 实验目的l 理解URL和熟悉超级连接的基本使用；l 进行相关超级连接的相关设置；l 练习超级连接的一些常用技巧。四、 实验步骤1请写出URL的定义、作用和主要构成。2. 请在页面中设置超级连接，并测试是否可用；设置下载文件的超级连接和E-mail的超级连接。3在页面间设置锚点，并写出不同页面间锚点的标识；为图像制作超连接，制作一个图像热点的不同连接（图像地图），并为连接设定目标，在新窗口中打开。注意：l 请上机过程中不要过于喧哗；在上机过程中不允许玩游戏；l 尽量复习好讲课内容和上机作业后再进行操作和书写。网络与网页制作上机实验（4.2）学号 机位是否正确 姓名一、 实验目的 熟悉格式化网页属性的基本操作 进行网页格式化的页面属性设置二、 实验步骤1、 请写出一般的网页的属性主要分布在HTML的那些标签中，各自包含什么？2、 为你的页面设置页面属性：标题，背景颜色或者背景图像；并说明跟踪图像的作用和在IE中是否显示？3、 继续为你的页面设置头元素，关键字，并说明关键字在网页中的作用？4、 让你的一个页面在5秒钟后转向上海热线网站，将上面操作都保留在站点文件夹的相关页面下，将整个站点文件夹上传到ftp:/student 相关文件夹中。注意：l 请上机过程中不要过于喧哗；在上机过程中不允许玩游戏；l 尽量复习好讲课内容和上机作业后再进行操作和书写。网络与网页制作上机实验（5.1）学号 机位是否正确 姓名一、 实验目的 进一步熟悉历史面板的操作 运用历史面板和命令菜单进行网页相册和图像的优化工作二、 实验步骤1、 请利用历史面板进行制作批处理命令的操作，制作一个批处理命令，将页面中的文字格式化字体、字色和字号，并在另一个新建页面上使用这个新命令。2、 将网站中的所有页面做清除冗余代码的操作，导入一个Word制作的网页，进行清除WORD HTML格式的操作。3、 对网页中的图像进行优化操作，并创建网页相册。4、 参照WWW.，进行网页配色方案的设置，将更新后的网站上传到服务器：ftp:/student 相关文件夹中。注意：l 请上机过程中不要过于喧哗；在上机过程中不允许玩游戏；l 尽量复习好讲课内容和上机作业后再进行操作和书写。网络与网页制作上机实验（5.2）学号 机位是否正确 姓名一、实验目的： 熟悉表格的基本操作 了解进行页面布局的相关设置 练习使用表格进行页面布局二、实验步骤：1、 请写出表格的组成部分和各自的HTML表示和快速生成表格的快捷键。2、 插入表格，并进行表格的相关操作：选定、插入、删除、合并、拆分，并设置表格属性。3、 为表格设置边框和背景，制作一个导航菜单。4、 了解页面布局的概念，区分布局视图和标准视图的概念，练习进行布局单元格和表格的建立和编辑，并进行相关属性的设置（可选作）5、 练习使用表格进行网页框架的构造，将新的带有导航菜单的布局页面保存到ftp:/student 相关文件夹中注意：如有不清楚的问题请及时和指导老师联系；设备使用的时候请尽量爱护，故意损毁，加倍赔偿；请在实验过程中不要大声喧哗，自己思考，严禁抄袭；请不要在实验过程中玩任何电脑游戏，如有此类现象，取消实验资格网络与网页制作上机实验（6.1）学号 机位是否正确 姓名一、实验目的： 熟悉表单的使用方法 掌握制作一个完整的表单的全过程 练习使用跳转菜单二、实验步骤1、 请熟练掌握表单的制作，插入一个空白表单，设置相关属性，并说明表单的动作通常由那两种？和它们彼此的区别？2、 参照书本，制作一个完整的表单，如图：3、 继续制作跳转菜单，制作五个你最常去的网站地址的跳转，将带有完整表单和跳转菜单的页面以学号保存并上传到ftp:/student 相关文件夹中。注意：如有不清楚的问题请及时和指导老师联系；请在实验过程中不要大声喧哗，自己思考，严禁抄袭；请不要在实验过程中玩任何电脑游戏，如有此类现象，取消实验资格网络与网页制作上机实验（6.2）学号 机位是否正确 姓名一、实验目的： 熟悉框架的使用 了解框架建立网站布局的过程 练习使用框架进行不同页面布局的建立二 、实验步骤1、 请在新页面中创建框架，使用默认的框架或者是自己建立框件结构，并设置框架属性2、 使用框架组织HTML文档，为框架添加内容，设置属性3、 请写出Iframe的定义和使用方法4、 请写处理无框架浏览器的步骤注意：l 请上机过程中不要过于喧哗；在上机过程中不允许玩游戏；l 尽量复习好讲课内容和上机作业后再进行操作和书写。网络与网页制作上机实验（7.1）学号 机位是否正确 姓名一、 实验目的：学习动态HTML语言的基本技术练习CSS动态样式表的基本使用使用动态HTML语言进行一些动态网页方法的操作二、 实验步骤：1、 动态HTML的主要技术点有哪些？2、 创建文字页面的CSS样式，用三种创建方法：自动代码输入；创建外部CSS文件；用CSS编辑器。3、 使用动态内容，动态改变文本。制作如书:P174页4、 使用多媒体，在网页中使用滤镜。5、 了解脚本语言的操作，利用JavaScript制作状态览的欢迎文字。并将以上制作保存后上传到ftp:/student 相关文件夹中。注意：l 请上机过程中不要过于喧哗；在上机过程中不允许玩游戏；l 尽量复习好讲课内容和上机作业后再进行操作和书写。网络与网页制作上机实验（7.2）学号 机位是否正确 姓名一、 实验目的：继续学习CSS样式表的使用练习使用CSS进行阴影字特效的制作二、 实验步骤1、 掌握用CSS创建样式表的全过程，并应用样式表和管理样式表2、 制作一个动态连接的动态效果，并将其制作成一个外部连接样式表6、 制作阴影字特效效果，并将以上制作保存后上传到ftp:/student 相关文件夹中。注意：l 请上机过程中不要过于喧哗；在上机过程中不允许玩游戏；l 尽量复习好讲课内容和上机作业后再进行操作和书写。网络与网页制作上机实验（8.1）学号 机位是否正确 姓名一、 实验目的：学习使用层的操作练习使用软件交互控制功能的使用技巧练习使用交互功能制作复杂行为的多媒体作品二、 实验步骤1、 练习使用层进行各种操作，并进行和表格的互换。2、 练习使用层进行实例操作：拼图游戏、和Loading效果。并将以上制作保存后上传到ftp:/student 相关文件夹中。注意：l 请上机过程中不要过于喧哗；在上机过程中不允许玩游戏；l 尽量复习好讲课内容和上机作业后再进行操作和书写。网络与网页制作上机实验（8.2）学号 机位是否正确 姓名一、 实验目的：使用时间轴之作动态网页了解时间轴的具体使用练习使用时间轴进行网页制作二、 实验步骤1、 掌握时间轴的操作，制作页面漂浮效果2、 在时间轴中改变图像和层的属性，修改漂浮效果，并将以上制作保存后上传到ftp:/student 相关文件夹中。注意：l 请上机过程中不要过于喧哗；在上机过程中不允许玩游戏；l 尽量复习好讲课内容和上机作业后再进行操作和书写。网络与网页制作上机实验（9.1）学号 机位是否正确 姓名一、 实验目的：了解HTML的动态行为练习使用命令菜单进行动态制作二、 实验步骤1、 练习掌握HTML的动态行为的一些简单操作：添加动态图像行为：检查浏览器：检查插件：控制Shock ware和Flash:拖动层：打开浏览器窗口：播放声音：弹出信息预先下载图像：现实和隐藏层：控制时间轴：验证表单：2、 了解“调试器”调用JAVASCRIPT程序的调试过程注意：l 请上机过程中不要过于喧哗；在上机过程中不允许玩游戏；l 尽量复习好讲课内容和上机作业后再进行操作和书写。网络与网页制作上机实验（9.2）学号 机位是否正确 姓名一、 实验目的：了解多媒体网页制作的整体过程练习使用多媒体网页制作的具体步骤二、 实验步骤1、 练习掌握多媒体网页制作的一些具体操作：添加简单视频：应用内嵌食品：嵌入QuickTime格式视频文件：使用视频数据流：在网页中加入音频：在网页加入背景音乐：在网页中加入音频文件：2、 练习使用Flash动画、Flash按钮和Flash文本的操作3、了解应用Shock ware动画、Java Applet和Firework HTML的一般操作过程。注意：l 请上机过程中不要过于喧哗；在上机过程中不允许玩游戏；l 尽量复习好讲课内容和上机作业后再进行操作和书写。网络与网页制作上机实验（10.1）学号