没有合适的资源?快使用搜索试试~ 我知道了~
华洋地产网站设计毕业设计论文.pdf
0 下载量 140 浏览量
2023-07-06
07:06:03
上传
评论
收藏 7.4MB PDF 举报
温馨提示
试读
24页
华洋地产网站设计毕业设计论文.pdf
资源推荐
资源详情
资源评论
目录
一
、
房地产网站的简介
.....................................
8
(
一
)
背景与意义
.............................................................
8
(
二
)
资料收集与分析
.........................................................
8
(
三
)
方案设计与实施
........................................................
10
二
、
房地产网站的分析
......................................
10
(
一
)
应用
D
reamweaver
CS6
软件的分析
.....................................
10
(
二
)
应用
P
hotoshop
CS6
软件的分析
........................................
11
(
三
)
应
用
AdobelmageReadyCS
软
件
的
分
析
......................................
11
(
四
)
方法分析
.......................................................
11
三
、
设计草图
...............................................
11
四
、
设计效果图
.............................................
13
(
一
)
在
P
hotoshop
里的效果图
.................................................
13
(
二
)
在
D
reamweaver
里的效果图
...........................................
14
(
三
)
在
A
dobe
I
mage
R
eady
CS
里的效果图
....................................
14
五
、
过程解析与图片
.........................................
16
(
一
)
在
P
hotoshop
中的步骤与图片
............................................
16
(
二
)
在
D
reamweaver
中
的步骤与
图片
...........................................
19
(
三
)
在
A
dobe
I
mage
R
eady
CS
中的步骤与图片
.....................................
19
六
、
作品图片
...............................................
22
(
一
)
首页图
.................................................................
22
(
二
)
公司介绍页图
..........................................................
23
(
三
)
新闻页图
..............................................................
26
(
四
)
业务服务页图
..........................................................
27
(
五
)
项目展示页图
..........................................................
27
(
六
)
人才招聘页图
..........................................................
27
(
七
)
联系我们页图
..........................................................
27
七
、
设计创意说明
...........................................
29
八
、
设计总结
...............................................
29
九
、
致
谢
...............................................
30
十
、
参考文献
...............................................
30
一
、
房地产网的简介
(
一
)
背景与意义
随着我国经济的不断发展
,
经济体制的不断完善
,
我国房地产行业也在持续发展,
已成为了我国国民经济的重要支柱行业之一
。
由于房地产行业发展速度的加快
,
在带
来崭新机会的同时也带来不少挑战
。
现在已经是互联网时代
,
人们每天都会通过互联网阅读新闻
、
关注房地产信息
,
所以一个好的公司形象网站
,
能让更多的人了解自己的公司情况及产品信息
,
也是当
下出现的一种新的营销方式
。
而作为了解公司第一印象的网站
,
则起着十分重要的作
用
,
特别是在当今非常火热的房地产行业
,
更是如此
。
网站的推广
,
更好的节约了成本
,
也更方便环保
。
不再需要通过纸质类的媒介获
取信息
,
并且能更快速的获知最新的动态
,
为此
,
我建立了这个华洋公司的网站
,
快
速有效的了解地产公司的动态与新闻
。
(
二
)
资料收集与分析
1
、
首先确定自己要做的主题是房地产网
。
房地产网
,
顾名思义就是说明体现一
个公司的形象
,
一个公司的所有动态
。
借鉴了很多当今做的非常优秀的房地产企业的
网站
,
在百度上搜索了
、
收集他们做的好的地方
。
总结了自己的房地产网站的内容
,
用华洋集团来做整套公司网站
,
效果如图
1T
所示
,
用
word
保存
,
等到用的时候打
开复制到网页里面去即可使用
。
闵虹
闵
k
a
k
□
k
闵虹
a
k
闵
k
□
k
地方新闻
l.docx
闵
k
地方新闻
2
docx
公司简介
.docx
闵
k
媒儡徊
.docx
闵
k
人力
docx
闵虹
项目展示
.docx
新闻
l.doc
新闻
2,
docx
新闻
3
.docx
新
®4.docx
新闻
5.
docx
新闻
6.
docx
新闻爰心
.docx
业务
.docx
图
1-1
2
、
为了使华洋房地产网站不像一般的简单网页一样显得单调
、
枯燥
、
乏味
,
为
了使它更加的生动
,
我收集了些高清图片放在网页里
,
增加色彩感
,
效果如图
1-2
所
示
。
然后在
ps
中处理
,
去水印
、
更改需要的大小
,
不能使图片变形等
。
1
(iJjpg
1
(2J.jpg
1
⑶
jpg
1
⑷
jP9
鸵
o
截图
2016121721214
7417.jpg
3
60S
囹
2016121721220
0762.jpg
拓
0
截图
2016121721221
6978,jpg
3
60
载图
2016121721222
7170.jpg
鸵
0
截图
2016121721223
9593.jpg
2016080712273
Lpng
2016080712304
5.png
2016092611535
2
J
pg
2014091702583
7515.jpg
2014091702584
9883,
jpg
2016111610284
4137jpg
2016120110043
7681.jpg
山
1
(5)
jpg
3
60S
囹
2016121721225
7392.jpg
360®g
2016121816131
7321.jpg
2014091702572
9558.jpg
biz_bgl.jpg
3
60
截图
2016121721205
8267jpg
2016051018221
6
jpg
2014091702580
5581.jpg
Canal
Business
Center
(Hanqzhou).qif
图
1-2
3
、
在首页放了一个
GIF
的动画
。
用
AdobeImageReadyCS2
做的动画图
,
效果
如图
1-3
所示
。
/公司介绍
图
1-3
(
三
)
方案设计与实施
1
、
颜色的设计与实施
本华洋集团房地产网是以蓝色为主色调
,
它是最冷的色彩
。
蓝色非常纯净
,
通常
让人联想到海洋
、
天空
、
水
、
宇宙
。
纯净的蓝色表现出一种美丽
、
冷静
、
理智
、
安详
与广阔
。
由于蓝色沉稳的特性
,
具有理智
、
准确的意象
,
在商业设计中
,
强调科技
、
效率的商品或企业形象
,
大多选用蓝色当标准色
、
企业色
,
如电脑
、
汽车
、
影印机
、
摄影器材等等;另外蓝色也代表忧郁
,
这是受了西方文化的影响
,
这个意象也运用在
文学作品或感性诉求的商业设计中
。
在许多国家警察的制服是蓝色的
。
警察和救护车的灯一般是蓝色的
。
因为蓝色有
着勇气
、
冷静
、
理智
、
永不言弃的含义
。
2
、
框架的设计与实施
先给网页制作一个
logo,
房地产的
logo
是以华洋为名
,
设计了中英文的
logOo
以用全屏
1920
像素的宽度设计整个页面
,
导航条以首页
、
公司介绍
、
新闻中心
、
业
务服务
、
项目展示
、
人才招聘
、
联系我们这
7
个板块构成
,
以地产网站的基本信息结
尾
。
整体版面比较简单大方
,
随着现代人们生活浮躁的环境下
,
对于简洁的页面会有
放松的心情去浏览
。
确定目标后就开始找资料
、
画草图
、
设计版面等
,
做一系列相关
事宜
。
二
、
房地产网的分析
(
一
)
应用
Dreamweaver
CS6
软件的分析
dream
weaver
cs6
是世界顶级软件厂商
adobe
推出的一套拥有可视化编辑界面,
用于制作并编辑网站和移动应用程序的网页设计软件
。
由于它支持代码
、
拆分
、
设计
、
实时视图等多种方式来创作
、
编写和修改网页
(
通常是标准通用标记语言下的一个应
用
HTML
)
o
Dreamweaver
CS6
是个原本由
Macromedia
公司所开发的著名网站开发工具
。
它使
用所见即所得的接口
,
亦有
HTML
编辑的功能
。
它现在有
Mac
和
Windows
系统的版本
。
随
Macromedia
被
Adobe
收购后
,
Adobe
也开始计划开发
Linux
版本的
Dreamweaver
了
。
Dreamweaver
自
MX
版本开始,使用了
Opera
的排版引擎
”
Presto"
作为网页预览
。
(
二
)
应用
Photoshop
CS6
软件的分析
Adobe
Photoshop,
简称
“
PHOTOSHOP
CS6
W
,
是由
Adobe
Systems
开发和发行的
图像处理软件
。
Photoshop
主要处理以像素所构成的数字图像
。
使用其众多的编修与绘图工具
,
可以有效地进行图片编辑工作
。
Photoshop
CS6
有很多功能
,
在图像
、图形
、
文字
、
视频
、
出版等各方面都有涉及
。
Photoshop
CS6
从功能上看
,
该软件可分为图像编辑
、图像合成
、
校色调色及功
能色效制作部分等
。
图像编辑是图像处理的基础
,
可以对图像做各种变换如放大
、
缩小
、
旋转
、
倾斜
、
镜像
、
透视等
;
也可进行复制
、
去除斑点
、
修补
、
修饰图像的残
损等
。
(
三
)
应用
AdobelmageReadyCS
软件的分析
ImageReady
是由
Adobe
公司开发的
,
以处理网络图形为主的图像编辑软件
。
主要
功能
:
折叠制作
GIF
动画
、
折叠图像翻转
Rollovers
、
折叠切片
、
通过对切片
、
图像
映射等功能的设置
,
我们可以使图片具有超级链接
,
甚至可以将一个具有链接属性的
图片作为网站的欢迎页面
。
虽然
ImageReady
包含了许多
Photoshop
的功能
,
但更复杂的图像操作中还是要
回到
Photoshop
中去
,
所以在实际操作中我们往往会在两个软件中同步操作
。
ImageReady
只能进行较为简单的图像效果
,
但在网络功能上
,
它却可以独当一面
。
(
四
)
方法分析
在
Photoshop
CS6
里做好头条
、
整体版面之后
,
按你的要求将它切片
,
保存格式
为图片和网页的格式保存
(
切片的时候一定要仔细
,
切的不好在网页中打开修改的话
就会出现各种问题
)
。
在网页中打开
,
将不要的删除
,
在要放文字的地方插入表格再输入文字
。
版面看
起来要整洁一点
,
在后面放一个关于我们本网站的内容和置顶
,
插入
div
全屏居中代
码
。
所有弄完之后
,
另存为你要的名字
,
保存
。
去浏览器打开检查有没有运行起来
。
一般就这样可以做好首页
。
因为房地产商业的网站要简洁大方
、
不花俏的那种版面
,
所以后面的都是大同小异
。
方法是把中间部分删除
,
换成你要做的子页内容
,
在另存
为别的网页
,
打上别的名字保存
。
剩余23页未读,继续阅读
资源评论
matlab大师
- 粉丝: 2421
- 资源: 9万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功