网页制作网站主页.docx
- 文档编号:18310760
- 上传时间:2023-08-15
- 格式:DOCX
- 页数:10
- 大小:1.48MB
网页制作网站主页.docx
《网页制作网站主页.docx》由会员分享,可在线阅读,更多相关《网页制作网站主页.docx(10页珍藏版)》请在冰点文库上搜索。
网页制作网站主页
中国风
简介:
中国风即中国风格。
它是以中国元素为表现形式,建立在中国文化和东方文化的基础上,并适应全球经济发展趋势的有着自身独特魅力和性格的艺术形式。
在近年来尤其是2008年之后,中国风开始流行于文华、艺术领域,如广告、电影、音乐、服饰、建筑等。
网站内容:
本站通过图片,视频,音乐,文字等多种媒体的形式展现中国风的文化和传统,将中国元素面向世界。
一、实验软件:
Photoshop,flash,dreamweaver以及网页设计有关书籍。
二、实验内容:
以个人简介为主题开发一个个人网站
三、实验要求:
1、软件正确选择
2、体现站点设计思路
3、体现制作首页的布局工具和页面结构
4、体现网页的基本元素
5、能使用至少两种页面特效
6、网站至少包含七个页面
四:
实验方案
(一)、确定网站主题
主要介绍中国风,让读者进一步的了解中国元素。
(二)、收集材料
主要在网站上搜集所要的网页信息,包括图片、文字、相关的新闻,同时,查询相关的图书、报纸、光盘、多媒体等,也可以得来更加有说服力的信息。
常言道:
“巧妇难为无米之炊”。
要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。
然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
(三)、规划网站
“中国风”网站主要包括七个页面,首页,文化,艺术,音乐,影视,风景,生活等等。
整体网页设计由我们分工合作完成。
每个页面均以“中国风”为主题有其独特的风格。
网页布局主要用框架设计的,用层定位内容的大体结构,再用表格具体定位。
位子的设计也是重要的一个部分,根据具体内容决定字体风格,相同的风格多次调用是,用css设计一个样式,以保证随时、准确的调用。
另外,为了网页布局的协调,还可以加入flash动态图片,会达到更好的效果。
(四)、选择合适的制作工具
做网页的首先工具当然为Dreamweaver,另外,为了处理网页中的其他元素,还可以使用Photoshop,flash等。
(五)、制作网页
素材、风格、模板都设计好以后,下一步就是具体的制作网页。
1.首先要做的就是建立一个站点。
然后再建立各个页面时,都应该建立在本地站点中,在网页制作时所需的各个元素都要进行统一的管理,建立统一的文件夹放同一类型的文件,我在制作时建立了“image”文件夹来存放图片,同时,由于“我的相册”页面中的信息太多,于是建立了一个专门的文件夹存放相册信息,网页中的css样式文件也应统一管理,做到有条不紊。
2.首页的布局
打开dreanmweaver,选择框架集,建立一个合适的框架。
我选的框架如图所示。
在再这个框架上设计网页。
3.首页的制作
a.整体网页呈现灰色,体现出中国古典风格。
根据自己的网页风格,在网上搜集合适的图片,另外网页的页宽一般不超过900像素,以保证左右不出现滚动条。
在设计窗口中插入一个一行一列的表格,表格的间距为0,颜色为黑色,居中对齐,然后插入背景图片,就做成了网页的背景,网页的设计布局为,中间部分显示网页最新动态,用层工具定位元素的大致位置,精确定位图像、文本的位置,同时考虑色彩搭配和布局结构,合理的配置每一个元素。
首先制作的是网站的banner,站标是网页中最显眼的部分,因此,站标既要显示出自己的网页主题还要显示出自己的网页风格,在设计我自己的站标时,我先使用了两个立体图像重叠在一起,设置为黑白色,既突出网站的主色调,又给人以凝重的感觉,站标的另一部分是要介绍网站的主要内容。
b.网页main部分插入了用flash制作的动画和插件。
Flash附件1:
flash附件2:
Css的应用:
C.网页左端的导航条是用photoshop处理的图片制作的。
d.尾端的版权设置
分别用我们的姓名和制作的时间作为了版权文字。
e.背景音乐的插入
利用bgsound代码整天了背景音乐。
f.首页基本上就完成了。
4、第一个首页的制作
该页面主要是进一步的对主题加以详细的介绍和说明。
该子页主要是文字和一些图片的说明和介绍。
主要应用了锚记链接和一些超链接(都是些空链接)。
第一个子页“首页”完成。
最后还要制作各个页面的链接,把整个网页可怜起来,形成一个统一的整体,方便浏览者进行各个页面间的跳转。
6、上传测试
网页制作完毕以后,要进行测试,在浏览器上运行自己的网站,反复测试,以发现设计中的缺陷。
五、协作小组人物分配情况
姓名
人物
何志军
首页,第一个子页
罗刚
文化和生活
王春峰
音乐和风景
刘进
艺术
六.心得体会
首先,非常感谢老师给了我们这次,独立设计,制作网页的机会,通过这次试验,我们的收益颇多。
首先,独立的实践了一个完整的网站设计的全过程,把设计中零散的注意点和要求在自己大脑中形成了一个完整的框架体系,使平时学到的知识点有了一个质的升华,并且合理的在试验中进行了实践。
第二,在这次实验的过程中,我们搜集了大量的素材和网页设计的技术技巧方面的书,扩大了知识面,给我们在以后的设计过程中能博采众长,制作出技术精湛的网页打下了基础。
最后,我们感受最深的是,技术方面的学习,最重要的是自己实践做出东西,只通过自己的亲身实践,才能学会、学懂、学通技术。
其次,带着任务学习的却是掌握网页制作技能最还得方法。
因为有任务,所以学习起来起来才会有动力,很多问题都是在真正王城任务的时候才会遇到,只是也是这样才能得到牢靠。
最后的感受是:
协作学习的方法让我们的学习方法与以往不同。
大家经常讨论,共同解决问题。
每个同学在制作是的心得,都会和大家分享,同学间也增进了了解,集体责任感和沟通能力都有所加强,对自己和他人的劳动成果也更加尊重。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 制作 网站 主页
![提示](https://static.bingdoc.com/images/bang_tan.gif)