dreamweaver摄影网站课程设计.docx

dreamweaver摄影网站课程设计.docx

《dreamweaver摄影网站课程设计.docx》由会员分享，可在线阅读，更多相关《dreamweaver摄影网站课程设计.docx（14页珍藏版）》请在冰豆网上搜索。

dreamweaver摄影网站课程设计

目录

第1章雨摄影部落网的规划2

1.1需求分析2

1.1.2网站的定位2

1.1.3网站板块的设置:

2

1.2网站功能设计2

1.2.1首页功能：

3

1.2.2子网页功能3

第2章雨摄影部落网的设计与制作3

2.1首页设计3

2.1.1首页栏目设计：

4

2.1.2logo及banner设计5

2.1.3首页导航设计：

5

2.1.4特效与代码5

2.1.5友情链接5

2.2子网页设计6

2.2.1子网页栏目设计9

2.2.2风格与色彩搭配10

2.2.3首页与子网页之间的链接10

2.2.4子网页与子网页之间的链接10

第3章雨摄影部落网设计的重难点分析10

3.1网页设计的重点分析10

3.2网页设计的难点分析10

第4章总结12

参考文献13

雨摄影部落网设计说明书

绪论

英文摄影Photography一词是源于希腊语φωςphos（光线）和γραφιςgraphis（绘画、绘图）或γραφηgraphê，两字一起的意思是“以光线绘图”。

是指使用某种专门设备进行影像记录的过程，一般我们使用机械照相机或者数码照相机进行摄影。

有时摄影也会被称为照相，也就是通过物体所反射的光线使感光介质曝光的过程。

有人说过的一句精辟的语言：

摄影家的能力是把日常生活中稍纵即逝的平凡事物转化为不朽的视觉图像。

现在大多是人民的生活水平提高，消费能力提高，人们有了人多的时间花在娱乐或者休闲上。

也就有了越来越多的人想要通过相片来记录下自己人生的每一片足迹，记录生活中快乐的、精彩的瞬间，使之成为永恒。

当今世界，随着网络技术和数码科技的快速发展，使得越来越多的人可以拿起相机，记录下自己每一刻，并且可以在网络上展示自己的作品，和别人分享那一分美丽，和每一张照片背后的故事。

这个学期我们学习了网页设计，我就想用精美的网页为摄影爱好者们提供这样一个广阔的平台。

更方便了摄影爱好这么互相交流和学习，同时我的网页也为他们提供最专业的摄影技术指导。

使他们能够拍出更多更好的作品来供大家欣赏。

通过这次的网页设计，不仅仅是为了完成期末的考核。

更重要的是我在本学期中学到的网页设计知识得到了实践的应用，使我更加深了对网页设计知识包括：

层、样式和模板等的理解，并且运用的更加熟练。

也作出了精美的网页给大家欣赏，我本人是很喜欢摄影的，也希望大家能够通过我的网页了解更多的摄影文化。

也希望大家能过通过在我的网中欣赏到的精美图片中，感受到摄影的魅力。

拿起相机，拍下漂亮的图片。

第1章雨摄影部落网的规划

1.1需求分析

雨摄影部落网是为了宣传摄影文化而设立的网站，我们网站的建立是为了宣传摄影文化，使摄影文化走进我们每个人的生活中，记录下生活中那些稍纵即逝的美丽画面。

同时，我们的摄影网站还为广大的摄影爱好者提供了一个平台，这个平台即使摄影爱好者们展示自己作品的舞台，同时也为摄影爱好者之家的交流架起了一架桥梁，为摄影文化的传播献出一份力量。

我们网站设计板块主要有九块：

网站首页、雨部落、精华作品、外拍、模特、摄影学院、名人堂、摄影论坛和博客。

1.1.2网站的定位

1.扩大摄影文化的影响力，吸引更多的摄影爱好者。

2.为摄影爱好者们的作品提供展示平台。

3.做最专业的摄影技术指导，培养摄影人才

4.通过论坛和博客为摄影爱好者们提供交流平台

5.让摄影记录下我们生活中精彩的瞬间，使美丽长存

1.1.3网站板块的设置:

网站的板块设置主要包括就大板块块：

网站首页、雨部落、精华作品、外拍、模特、摄影学院、名人堂、摄影论坛和博客。

其中还有一些小的板块，如：

最新动态、摄影技巧、作品展示和友情链接等。

通过这样板块的设置，使得网站主页的布局看起来合理大方，给人以耳目一新的感觉，同时也增加了网页的条理性，更方便浏览。

1.2网站功能设计

我的摄影部落网的主页目的是为了宣传摄影文化，同时摄影网站还为广大的摄影爱好者提供了一个平台，这个平台即使摄影爱好者们展示自己作品的舞台，也为摄影爱好者之家的交流架起了一架桥梁，为摄影文化的传播献出一份力量。

以吸引更多的摄影爱好者来亲身体验摄影的乐趣。

1.2.1首页功能：

1.通过首页，我们想让你了解我们摄影部落网的主要内容，通过主要板块的设置初步对我们的摄影作品有所了解，通过主页的设计，我们还希望你能对摄影部落大力的支持。

2.首页让浏览者更加方便快捷的欣赏美丽的摄影作品

3.通过首页，将大体的摄影作品、作品风格和一些最新的动态记忆新鲜事都一目了然。

1.2.2子网页功能

1.通过子网页将网站内容更加条理化、更加详细、更加方便的展现给浏览者。

2.子网页中将每个板块的内容具体化、深入化、详细化。

让感兴趣的浏览者详细了解水浒文化。

3.子网页在展现具体内容的同时，能让浏览者更加深入了解摄影文化的一切相关内容。

4.可以方便浏览者互相交流摄影心得，并且能够互相学习摄影技术。

也可以通过本网站提供的摄影技术指导，获取最新的动态。

第2章雨摄影部落网的设计与制作

2.1首页设计

首页主要以黄绿色为主色调，给人以欣欣向荣的感觉。

布局设计主要美观大方，给人以典雅而不自禁喜欢的感觉，并有所创意，将所有版块都排列错落有致。

总的来说，网页整体上清新的色彩，大方的格局，使浏览者在尽情享受这顿美丽的视觉盛宴的同时，又不会产生审美疲劳，百看而不厌，最重要的是清晰地表达出了本网站的信息。

下面是本网站首页设计的截图：

图2-1主页图

2.1.1首页栏目设计：

我们公司网站栏目主要包括九大部分，就是网站首页、网站首页、雨部落、精华作品、外拍、模特、摄影学院、名人堂、摄影论坛和博客。

还有其他一些小栏目，诸如友情链接、联系方式等。

简单明了，使用者能够很容易操作。

2.1.2logo及banner设计

设计文网站，我设计了自己精美的Logo，此logo简单精美大方。

logo如图所示：

图2-2logo图

Banner设计如图所示：

图2-3banner图

本网址logo及banner设计简单，以绿色和黄灰色为主题，使logo更贴近本网页的内容。

Logo与banner结合在一块形成清晰的对比，然后添加字体链接构成导航,具体设计详情请看以下分析。

2.1.3首页导航设计：

导航设计上采用黄灰色条状banner为背景，logo居左，其中字体为黑色，还加了阴影和描边。

设计简单，但是又不缺乏美感，体现了摄影艺术的绚丽色彩特点。

2.1.4特效与代码

图片变化：

在首页最醒目的地方，放置了一个动态图片，让浏览者第一眼就能欣赏的美丽的图片，引起浏览者的兴趣。

网页的右侧是最新动态和摄影技巧的链接，这样浏览者就能方便的查看最新的动态。

如果使用者对于摄影技术还有一些迷惑，那么就可以通过摄影技巧的链接对自己进行充电。

雨摄影部落的最主要目的就是作品展示，主页的大部分板块就是作品展示的链接，包括最时尚的彩妆展区和最近作品展示。

在本网页的最下方，提供一些摄影网站的友情链接和雨摄影部落的地址和联系方式，方便使用者通过本网站浏览其他摄影网站。

2.1.5友情链接

在此栏目中，为友情链接网址，通过链接可以直接访问别的网址，如中国摄影作家协会、嘉友在线、摄影网址大全、摄影学习网等等。

也许许多网友正在为找不到好的摄影网站而犯愁，那么就看看雨摄影部落的友情链接吧。

友情链接如下图所示：

图2-4友情链接图

2.2子网页设计

子网页因为涵盖的的信息没有那么多，所以设计采用简单明了的布局，将所在的版块内容突出的表现出来，一目了然、大方典雅，方便浏览者浏览更多信息。

以下是几个子网页的截图：

子网页雨部落重要是关于本摄影网站的介绍，它有三个部分组成，分别为雨部落简介、加入部落细则和会员名单。

图2-5雨部落图

子网页外拍实景主要是外拍相片的展示并且有本网站对于外拍的一些技巧指导，如下图所示：

图2-6外拍实景图

子网页模特是对于当前有名的模特写真展示和对于模特的详细介绍，想看美女就到这里来看一下吧，模特子网页如下图所示：

图2-7模特图

子网页博客，是本网站提供的交流网页，在博客子网页中我们不仅能够浏览到最近社会上关注的热点问题，也可以发表个人的观点、看法，同时还能够实现用户之间的留言交流。

博客子网页如下图所示:

图2-8博客图

2.2.1子网页栏目设计

在子网页中，因子网页数量较多栏目设计分为多种，在首页的基础上，建立多个子网页，以便于游客的浏览。

在雨部落中，可以了解雨摄影部落的基本信息和入会细则。

在精华作品中，您可以看到上传于本网站的一些精华摄影作品。

在外拍中，我为大家展示了最美的实景外拍相片。

让大家在观看摄影的同时了解各地域风情，了解摄影文化。

在模特中，您可以了解各名模的个人信息和她们的作品。

在您遇到问题时，可以点击联系我们，我们会尽可能的为您解决您所遇到的问题。

2.2.2风格与色彩搭配

雨摄影部落网，在主页风格色彩上采用与大自然融为一体的黄绿色，给人一种原生态的感觉，更能体现出摄影的贴近自然。

绿色，又称之为通行之色，色彩以此版块的颜色为主色调，这样与版块所显示的内容呼应。

不让浏览者有视觉疲劳，更能体会大自然的美妙。

同时，摄影世界的色彩应该是绚丽的，子网页根据情景的不同变化不同的色彩风格，更能表现主题。

2.2.3首页与子网页之间的链接

在导航栏、信息推荐栏、友情链接等等都能完成首页与子网页之间的链接。

再点击链接文字时将会在文字下方出现下划线，而且鼠标经过时链接过的文字会变色。

在导航栏中，每一个链接都能与子网页进行链接，使使用者更方便的观察。

2.2.4子网页与子网页之间的链接

在子网页中，往往都能看到图上的文字链接或者上一页、下一页或者返回首页链接，在点击这些链接时，将会进入相应的网页。

如图2-6中，点击上一页、下一页或是数字时，也会进入相应网页，从而完成子网页之间的链接。

本网页中有很多网页链接。

当鼠标移动到文字或图片上时变颜色时，就意味着该字体或图片存在一个链接，可以使您链接到新的网页。

在导航栏中，每一个栏目都对应着一个链接，每一个链接到的网页中，都存在的新的链接，使浏览者用起来方便，用起来也是得心应手。

第3章雨摄影部落网设计的重难点分析

3.1网页设计的重点分析

（1）网页主页设计至关重要。

主页的设计关系着整个网站的布局设计与内容介绍。

（2）网页主页中布局的设计与风格、色彩搭配上至关重要。

（3）网页子页模板的设计也是非常重要的，怎么样让它方便快捷的展现各个板块的内容。

（4）网页中也要主义一下代码的引用，要妥善运用这些代码。

3.2网页设计的难点分析

1.明确建立网页的目标和需求

在设计网页之前我们必须要明确以下问题：

（1）设计网页的目的是什么

（2）为谁提供服务

（3）网页使用群体的特点是什么

（4）网页适合使用什么样的表现风格

2.网站的板式设计

网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。

板式设计通过文字图形的空间组合，表达出和谐与美。

多页面站点页面的编排设计要求把页面之间的有机联系反应出来，特别要处理好页面之间和页面内的秩序与内容的关系。

为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，是浏览者有一个流畅的视觉体验。

3.色彩在网页设计中的作用

色彩是艺术表现的要素之一。

在网页设计中根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。

根据色彩对人们心里的影响，合理地加以运用。

第4章总结

本学期的网业设计课程，对于我们学生来说，可以激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人网页。

总体来说，整个学期的学习过程，我学会了很多知识，虽然过程比较艰辛，但在网页领域中，有了一个展示自我的空间，我觉得很开心、很有成就感。

一、充分发挥动手能力。

作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个美观、实用、内容丰富的个人网页。

通过自己动手、动脑，通过网络资源，老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了网页设计的知识。

二、在设计过程中不断提高网页设计水平。

在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从中学会了关于网络、美术和摄影等方面的知识。

在这个过程中，我通过自学教材、上网查询，学习了Dreamweaver、Flash、Photoshop等网页软件的应用，学会了管理、维护自己的站点，以及一些简单动画、控件的制作等等。

在设计过程中也出现了很多的问题，但是通过不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。

可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。

三、不足之处。

由于平时工作比较繁忙，学习时间比较少，对于网页设计软件的强大功能运用得还不够。

在网页设计过程中，由于网页制作代码的知识不强，所以在设计时也遇到了很多麻烦，有时插入一个特效脚本也是很麻烦。

在网页制作过程中，想提高设计水平，想有个理想的网页，必须学会代码的运用，我将在以后的学习过程中不断加强这方面的学习。

总体来说，通过这次的对网页设计的学习，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。

参考文献

[1].谬亮主编《DreamweaverCS3基础与实例教程》电子工业出版社2008.6

[2].高志清主编《网页设计制作案例教程》中国水利水电出版社2005.7

[3].郭根生著《网页设计艺术》齐鲁电子出版社2006.8

[4].王璞著《网页制作三剑客入门与提高》清华大学出版社2002.4

[5].赖琼琦（台）著《设计的色彩心理》传播文化出版社2004.3

[6].I.R.I《设计师谈网页配色》色彩研究所（韩国）2001.4

[7].EVAHeller[德]著吴彤译《色彩的文化》中央编译出版社2002.9

[8].王映雪著《HTML网页制作》清华大学出版社2007.11

[9].丁淼著《网页设计与制作》东南大学出版社2010.3

[10].刘洪发著《网页制作实训教材》西安电子科技大学出版社2008.12