免费预览已结束，剩余1页可下载查看
下载本文档
版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
成都航空职业技术学院网页设计实 训 报 告专 业： 计算机网络技术 班 级： 612312 学 号： 123198 姓 名： 刘小慧 指导教师： 张靓 2013 年 6 月网页设计实训报告一、实训内容本次实训内容是：制作网站二、实训目的及要求本次实训目的是：通过对网站的开发与设计，对理解网站的创建、网页的策划、设计与制作都将起到很好的巩固课堂教学效果；加深理解制作网站和网页的过程，并作了实际演练，检验了教学和学习效果，为日后的工作打下良好坚实的基础，同时也为网站的后台开发提供前台支持。要求：利用指导书、网络和其他可用资源独立完成实验内容，并完成实训报告。三、实训时间及进度安排l 周一：布置任务与站点创建与规划l 周二：收集和整理材料，页面素材设计l 周三：网站首页设计和开发l 周四：网站子页设计和开发l 周五：网站调试和作业验收四、实训场地、设备：实训场地介绍：实训楼3楼A306教室用到的主要设备、工具以及主要作用：电脑、Dreamweaver软件、ps五、实训步骤及操作方法1、总体功能介绍制作一个以介绍自我与交友为目的的个人网站，让访问这个网站的访客能够直观快速的了解我。2、总体框架结构设计首页以四个导航链接子页面，导航下为欣赏文段，文段下是Flash,整个网页以蓝色为主色调。3、页面设计（1）首页（页面、设计思路、主要代码）网站标志：是一张图片运用ps从中插入自己名字的拼音首字母。导航：首页，个人简介，个人写作，个人照片。首页主要内容为句子赏析、诗歌连接与一个留言板整个首页以蓝色为主浅灰色为辅，展现一种清新大方的风格。（2）各子页（页面、设计思路、主要代码）个人简介：在网页上有天蓝色的背景给人清爽大方的第一感觉，同时写上个人的介绍，对来访者介绍自己。个人写作：在这个页面上写上自己喜欢的作家的文章，并且在本页面的二级子页面上附上作者的资料，让来访者更加了解我的爱好。个人照片：在页面中间放上我的生活照片，并以滚动的形式呈现出来，让大家更能够直观的了解我认识我。主要代码：留言板 留言 相片滚动4、项目实现首先用PS做这个页面的布局，然后切片，注意把导航与要编辑的区域明确的规划出来。在用DW打开网页进行编辑，把要编辑区域的图片改为背景图片然后进行内容的补充在首页中插入flash，并且把参数 wmode的值设置为transparent并且用单元格的层与子层的关系来固定flash所在的层图片滚动，用实现六、实训技术总结学会PS与DW的联合运用熟悉文本、图片、动画等多媒体素材处理学会主页及其他页面内容设计熟悉网站调试、发布和后期维护七、主要收获及体会更加熟悉了用PS与flash对素材进行处理，复习与改进了是用DW进行网页设计的技巧八、对本门课程的建议和意见希望能够多在实训楼在老师的指导下
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
评论
0/150
提交评论