实验实训指导(人机交互界面设计) 下载本文

实验(上机)一 个人简历页面

实验(上机)目的

1、 掌握Dw中站点的建立方法; 2、 掌握HTML结构;

3、 练习网页title、关键字、描述的写法; 4、 练习网站目录的搭建

5、 练习div标签、标题标签、p标签、超链接的用法 实验(上机)课时 2学时

实验(上机)环境 Dreamweaver CS5+ 预备知识

1、HTML结构;

2、网页title、关键字、描述的作用; 3、常用标签:div、h1、p、a的作用 实验(上机)内容

使用DW创建站点,并建立好站点目录和相关站点文件;在HTML中完成title、关键字、描述;完成个人简历页面,正确使用各个标签。 实验(上机)步骤

1、创建站点:(示例)

启动Dreamweaver,执行“站点>管理站点>新建>站点”菜单命令

在弹出的如图所示的站点定义对话框中设置新建站点的参数:站点名称、本地根文件夹。 根文件夹,放在自己的指定目录中。 2、搭建好站点目录

目录做到规范,文件要放到对应的文件夹中。 3、连接css文件和HTML文件。

在DW中,拖动css文件到html的head标签之间。

4、在页面中添加个人简历的信息。 包括,个人信息,自我推荐等。如:

考核内容 上交各个同学的个人简历页面。要求:页面代码工整、目录规范、结构清晰

实验(上机)二 PS蒙板练习-人脸合成

实验(上机)目的

1、 掌握PS中蒙板的用法; 2、 掌握PS中图层的基本操作; 实验(上机)课时 2学时

实验(上机)环境 Photoshops CS5+ 预备知识

1、PS画笔工具; 2、PS调色板; 实验(上机)内容

使用PS图层和蒙板,完成两个任务的换脸。 实验(上机)步骤

1、使用ps打开素材图1

2、新建一层代开素材图2