网站页面布局实训实验报

=

首页的创建

1：站点的建立

Dreamwer  8  管理站点新建一个站点，站点保存在你新建的文件夹中（文件夹的名称是：学号+姓名）

2：导航栏的建立

①  打开桌面上的filework软件，点击新建，创建一个大小宽为778像素；高为任意像素；分辨率为72像素\英寸的画布。

②  在矢量栏中选择“矩形”工具，勾画出一个大小适中的小画布。

③  按住Ctrl+F8会弹出一个对话框，在对话框中选取按钮按Enter键即可。在使用“矩形”工具画出相应大小的矩形框，调制自己喜欢的颜色或者在资源库中选择喜欢的样式。再点击文本工具在画布上面写上“首页”字样，点击元件对话框从中选择‘滑过’按钮，点击右下角的‘复制弹起时图形’，调整一下字体的颜色，不然在浏览时无法产生效果。之后一次按照上面的步骤分别点击“元件”中的‘按下’‘按下时滑过’按钮，在按下时会在左上角出现一栏‘包括导航栏按下状态’将前面的勾不勾中。后面就不做要求，最后点击完成即可。

④  将已做好的按钮拖动到原先的画布中按照平均空隙合理安排按钮。

⑤  点击左上方的文件按钮选择导出，将文件导入适应的文件夹中即可。

3：制作动态图片

①  打开FLASH软件创建一个新的FLASH文档。在时间轴上添加相应的帧，例如：在时间轴上添加四个空白帧分别在10 20 30 的点上右击分别插入一个空白帧（如图所示）

②  选中第一个帧在左上角的文件中点击导入→导入到舞台，选择一张自己喜欢的图片导入其中，点击已导入的图片在属性栏中调整图片的大小将图片设置一下属性之后在按照上面的将后面的几个空白帧设置属性并且调整照片，最后一个插入一个关键帧即可。

③  点击控制栏→测试影片，看看动态影像有没有瑕疵。最后点击文件→导出→导出影片，将影片保存在相应的文件夹中。

4：插入首页

①  在站点中新建一个利用布局模式建立一个两行一列的表格在属性栏中设置属性

②  转入常用模式中点击在下拉菜单中选择Fireworkes html插入你事先做好的导航栏HTML文件。

③  在下面一个表格中插入flash动态图片点击将已做好的图片插入即可。

5：制作首页浮动窗口

①  选择布局模式利用绘制层在首页的空白处勾画出一个大小适中的框框。

②  在框内输入你的信息可以插入一张图片，图片大小应小于勾画框框的大小。

③  在窗口中点出时间轴，按住框框将其拖入时间轴内选中右击→录制层路径，绘画你所需要的路径即可。要选中其中的最后点击在浏览器中阅览即可看到整体的效果了。

表单制作资料页

1：在站点中重新建立一个HTML基本页，布局模式中的布局→布局表格勾画一个大表框，再使用绘制布局单元格将其分割成大小适合的单元格。

2：调整为表单模式选中一个单元格点击插入表单，在表单中输入属于你自己的个人信息（例如下图）

在中选择相应格式并给予其初始值。

3：利用Firework制作一张标有“个人资料”字样的图片插入在表格的顶端，大小自定义，在另外的一个表格中插入自己的照片这样你的资料页就做好了。

4：后面的两个网页可以参考上面的步骤来进行，你可以自由发挥的。保存你做好的每个HTML文档。

5:利用firework来做这张图片,利用文本工具来在图片上面添加字体

6:创建一个网络相册点击命令,创建网站相册创建相册之前得保证文件夹是空的,将源图像文件夹和表文件夹都设置在你的新建文档中这样既可.               

链接已做好的网页

1:利用Dreamweaver 8打开你所做好的所有做好的HTML文档。

2：点击位于首页的那个HTML文档同时选中导航栏中的标题，你会看到有个属性栏，将属性栏中的中的按钮按住不放并且指向你所对应的HTML文档回车即可，上面的每个标题都以此来完成。

3：点击在浏览器中阅览即可看到整体的效果并且所有的导航栏都有自己的链接可以点进入下一个网页。

完成你以上的步骤你即可做好属于自己的网页了

注：1.请首先规划好网站目录及相关页面文件名，如文件夹“images”用来存放网页中用到的图片，文件”index.html”为网站首页。

2.所有页面的宽度为“778PX”，页面默认字体大小为“12PX”。

3. 页面中没要求具体链接的地方，直接链接到空地址，即“#”。

4. 导航栏中分别链接到要求制作的四个页面上。

 

第二篇：网页制作员个人简历(经验型)模板

网页制作员个人简历

姓 名：张xx

年 龄： 22

目前所在： 阳江

国 籍： 中国

婚姻状况： 未婚

民 族： 汉族

身 高： 165 cm

应聘职位：网页设计/制作/美工：

工作年限： 3年

求职 类型：实习

可到职日期： 随时

月薪要求： 1000--1500

希望工作地区： 越秀区,天河区,海珠区

? 工作经历

苏宁电器（广州市） 起止年月：2010-10 ～ 2010-10

公司性质： 中外合资 所属行业：服务业

担任职位： 后台客服

工作描述： 后台协助物流部门工作让我加强了与客户的沟通协调能力，也提高了处理问题的能力，工作认真、勤奋，得到好评。

? 教育背景

毕业院校： 广州市工贸技师学院 广东商学院

最高学历： 大专 获得学位: 毕业日期： 2011-07

专 业 一： 电子商务与财务管理 专 业 二：

起始年月 终止年月 学校（机构） 所学专业 获得证书 证书编号

2008-09 2011-07 广州市工贸技师学院 电子商务与财务管理 助理电子商务师 办公软件 -

语言能力

外语： 英语 一般 粤语水平： 良好

其它外语能力：

国语水平： 良好

? 工作能力及其他专长

本人主修课程：会计基础、财务会计、中级财务会计、工业会计、电子商务、经济学、管理学、中国税制、统计学、应用文写作等。熟悉的软件有：办公软件、会计电算化、网页制作、Fhotoshop、Dreawearn。

? 详细个人自传

本人性格开朗做事认真、负责，有耐心，心思敏捷，能吃苦耐劳。本人曾在学校参加学生会，并获得“优秀学生干部”，同时加入教务助理组，协助老师管理学校秩序和考勤记录工作。也曾在教务助理组协助主席举办辩论赛并担任主持人，并获得“优秀主持人”称号。年轻代表着热情有活力，希望能在往后学到更多的经验和知识。