静态网页设计实训报告.docx

网页设计实训报告
课题名称
家乡风情
院 系
计算机与软件学院
专 业
网络营销
班 级
电商1321班
学 号
1302693248
学生姓名
朱冠月
指导教师：
宋亚伟

2014 年 3 月 4 日
目 录
第1章 实训任务 1
实训任务及要求 2
实训内容 2
实训要求 2
对学生学****的要求 3
实训成果 4
第2章 网站需求分析 5
网站所需的技术 5
网站需要的技术 5
介绍 5
语言介绍 6
第3章 网站总体设计 7
3网结构框架图 7
第4章 网站详细设计 8
4网站详细分析 8
第5章 网站测试运行与发布 20
5网站如何运行 20
结束语 21
致 谢 22
参考文献 24
第1章 实训任务
实训任务及要求
实训内容
利用Dreamweaver制作一个网站做家乡网站
实训要求
1）网站必须有一个首页（）和十个以上的其他辅助的链接页面
2）网站中的网页必须实现以下功能
，无断链和孤立文件；
，布局合理，美观；
，必须包含三种类型（普通的图片，Flash制作的图片，Fireworks制作的图片）
（数据显示、录入、修改等）
、行为、脚本效果等；
（html）
对学生学****的要求
每个学生应通过综合实训项目课程的学****培养自己的系统、完整、具体地完成网站设计所需的工作能力，通过信息收集处理、方案决策、制定行动计划、实施计划任务和自我检查评价的能力训练，锻炼学生在职场应有的工作能力。每个学生经历完整个网站设计开发的训练，将掌握完成实际网站设计应具备的核心能力和关键能力。具体要求如下：
。
，针对拟完成网站的设计功能要求与规范，查阅资料，了解相关网站设计的技术情况。
，认真负责，在关键问题与环节上下功夫，充分发挥自己的主动性、创造性来解决技术上与工作中的问题。
、方案、计划、实施、检查到评估各阶段按规范要求完成的相关作文文件与工作记录，并学会根据学****与工作过程的作文文件和记录及时反省与总结。
实训成果
实训顺利完成，而且学到了很多知识：
掌握了网站开发从规划到构建、维护的方法；
精通了Dreanmweaver制作静态网页的方法，掌握了一定的动态网页设计方法；
掌握了制作图片和动态图片的方法；
掌握了制作动态图片的方法；
掌握了网站的发布方法。
第2章 网站需求分析
网站所需的技术
网站需要的技术
，你还得会CSS+DIV的写法，这样你就必须会CSS样式

4利用时间轴实现图片的自动变换
，出现字母滚动的效果
DreamweaverCS3介绍
Dreamweaver CS3是Adobe（奥多比）公司收购Macromedia公司后最新推出的Creative Suite 3 设计套装中用于网页设计与制作的组件。作为全球最流行，最优秀的所见即所得的网页编辑器，Dreamweaver可以轻而易举地制作出跨操作系统平台，跨浏览器的充满动感的网页，是目前制作Web页站点,Web页和Web应用程序开发的理想工具。
HTML语言介绍
HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要内容。
HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要内容。
HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页
文档的主要内容。
设计HTML语言的目的，是为了能把存放在一台电脑中的文本或图形，与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体。人们不用考虑具体信息是在当前电脑里还是在网络上其它电脑里，只需使用鼠标在某一文档