《《多媒体技术》实验.doc》由会员分享,可在线阅读,更多相关《《多媒体技术》实验.doc(6页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、实验6、HTML和Dreamweaver实验实验课时:课内:4课时;课外:2课时实验目的:了解HTML的基本概念,掌握用HTML设计网页的方法实验内容:操作准备1. 在D:或E:分区创建一个以你的“完整学号+姓名”命名的文件夹(名称应类似:1文立斌),我们把这个文件夹简称为“你的文件夹”2. 在“你的文件夹”中创建名为Images、Sounds、Videos的三个子文件夹,以便后面的操作中分别存放你下载的图片、音频、视频文件3. 以下操作步骤中所涉及的1、文立斌均应替换成你的学号、姓名任务一、HTML文本标记(必做)1. 打开Windows“记事本”程序,在文件中编写并理解如下HTML代码:2
2、. 将文件另存为类似“文立斌A.html”的文件3. 通过IE浏览网页任务二、HTML图像标记(必做)1. 从互联网Down一个.JPG文件并保存到“你的文件夹Images”中2. 打开Windows“记事本”程序,在文件中编写、理解并适当修改如下HTML代码:3. 将文件另存为类似“文立斌B.html”的文件4. 通过IE浏览网页任务三、HTML背景标记(必做)1. 从互联网Down一个.JPG文件并保存到“你的文件夹Images”中2. 从互联网Down一个.mp3文件并保存到“你的文件夹Sounds”中3. 打开Windows“记事本”程序,在文件中编写、理解并适当修改如下HTML代码:
3、4. 将文件另存为类似“文立斌C.html”的文件5. 通过IE浏览网页任务四、HTML表格标记(必做)1. 打开Windows“记事本”程序,在文件中编写、理解并适当修改如下HTML代码:2. 修改以上代码,以l 在表格中增加显示“成绩”列l 将新增加的“成绩”列设置为右对齐l 改变表格中某些单元格的字体、字号l 改变表格中某些单元格的背景颜色、文本颜色l 适当调整表格中列的宽度占比l 将你的姓名、性别植入网页中!3. 将文件另存为类似“文立斌D.html”的文件4. 通过IE浏览网页任务五、HTML嵌入影音标记(必做)1. 打开Windows“记事本”程序,在文件中编写并理解如下HTML代
4、码:其中,.avi和.gif文件已提供!2. 将文件另存为类似“文立斌E.html”的文件3. 通过IE浏览网页任务六、HTML字幕标记(必做)1. 打开Windows“记事本”程序,在文件中编写、理解并适当修改如下HTML代码:2. 将文件另存为类似“文立斌F.html”的文件3. 通过IE浏览网页任务七、HTML字幕标记(必做)1. 打开Windows“记事本”程序,在文件中编写、理解并适当修改如下HTML代码:2. 将文件另存为类似“文立斌G.html”的文件3. 通过IE浏览网页任务八、HTML框架标记(必做)1. 打开Windows“记事本”程序,在文件中编写、理解并适当修改如下HTML代码:以上代码显示类似如下框架的网页:请修改代码,使得框架中的三个部分分别显示前面所做的三个网页2. 将文件另存为类似“文立斌H.html”的文件3. 通过IE浏览网页(实验文档待续,待下次实验完成Dreamweaver部分后,一次行提交)