文档名称：

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

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

2014 年 3 月 4 日
目录
第1章 实训任务 1
1.1实训任务及要求 2
1.1.1实训内容 2
1.1.2实训要求 2
1.2对学生学习的要求 3
1.3实训成果 4
第2章网站需求分析 5
2.1网站所需的技术 5
2.1.1网站需要的技术 5
2.1.2DreamweaverCS3介绍 5
2.1.3HTML语言介绍 6
第3章网站总体设计 7
3网结构框架图 7
第4章网站详细设计 8
4网站详细分析 8
第5章网站测试运行与发布 20
5网站如何运行 20
结束语 21
致谢 22
参考文献 24
第1章实训任务
1.1实训任务及要求
1.1.1实训内容
利用Dreamweaver制作一个网站做家乡网站
1.1.2实训要求
1)网站必须有一个首页(index.html)和十个以上的其他辅助的链接页面
2)网站中的网页必须实现以下功能
a.站点中的素材和页面必须归入对应文件夹,无断链和孤立文件;
b.使用表格和框架进行页面布局设计,布局合理,美观;
c.图片,必须包含三种类型(普通的图片,Flash制作的图片,Fireworks制作的图片)
d.一定的动态网页(数据显示、录入、修改等)
e.一定的模板与Div加css样式
f.页面中必须包含层、行为、脚本效果等;
g.能够手动编制与修改网页源代码(html)
1.2对学生学习的要求
每个学生应通过综合实训项目课程的学习,培养自己的系统、完整、具体地完成网站设计所需的工作能力,通过信息收集处理、方案决策、制定行动计划、实施计划任务和自我检查评价的能力训练,锻炼学生在职场应有的工作能力。每个学生经历完整个网站设计开发的训练,将掌握完成实际网站设计应具备的核心能力和关键能力。具体要求如下:
1.充分了解指导手册规定拟填写的各项网站设计各阶段的作业文件与作业记录。
2.充分了解自己的学习能力,针对拟完成网站的设计功能要求与规范,查阅资料,了解相关网站设计的技术情况。
3.在学习过程中,认真负责,在关键问题与环节上下功夫,充分发挥自己的主动性、创造性来解决技术上与工作中的问题。
4.认真填写与撰写从资讯、方案、计划、实施、检查到评估各阶段按规范要求完成的相关作文文件与工作记录,并学会根据学习与工作过程的作文文件和记录及时反省与总结。
1.3实训成果
实训顺利完成,而且学到了很多知识:
掌握了网站开发从规划到构建、维护的方法;
精通了Dreanmweaver制作静态网页的方法,掌握了一定的动态网页设计方法;
掌握了制作图片和动态图片的方法;
掌握了制作动态图片的方法;
掌握了网站的发布方法。
第2章网站需求分析
2.1网站所需的技术
2.1.1网站需要的技术
1.首先你必须要会HTML语言
2.光会写骨架不行,你还得会CSS+DIV的写法,这样你就必须会CSS样式
3.正确将每个网页链接起来
4利用时间轴实现图片的自动变换
5.手动输入代码,出现字母滚动的效果
2.1.2DreamweaverCS3介绍
Dreamweaver CS3是Adobe(奥多比)公司收购Macromedia公司后最新推出的Creative Suite 3 设计套装中用于网页设计与制作的组件。作为全球最流行,最优秀的所见即所得的网页编辑器,Dreamweaver可以轻而易举地制作出跨操作系统平台,跨浏览器的充满动感的网页,是目前制作Web页站点,Web页和Web应用程序开发的理想工具。
2.1.3HTML语言介绍
HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要内容。
HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要内容。
HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页
文档的主要内容。
设计HTML语言的目的,是为了能把存放在一台电脑中的文本或图形,与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体。人们不用考虑具体信息是在当前电脑里还是在网络上其它电脑里,只需使用鼠标在某一文档中点取一个图标,就会马上转到与此图标相关的内容