文档介绍：毕业设计
毕业设计题
毕业设计类型 ■产品设计□工艺设计□方案设计
姓
名
班
级
所属
系部 物流信息系
专
业 电十商务
指导
教师
职
称
完成
时间
图书类商品，挑 选了部分经典优秀书籍，将其图片和文字素材采用剪切、抓取、下载 等方式获得。并在此基础上，依据本网站的设计风格关于图片素材， 进行了一些加工处理。通过采用Photoshop图片处理软件的诸多技 术，诸如：魔棒工具和字体颜色工具、编辑菜单等。对图片素材加工 处理后应用于本导购网站。
以下图片素材的过程是：首先收集整理好的图片，用PS图象处 理软件软件，根据版面设计要求调整到所需尺寸，保存到文件夹的站 点。然后用Dreamweaver网页制作工具，将图片应用于网页。以下是 图片的大小调整：如图2-1所示。
3 Adobe Photoshop CS3 Extended - [ @ 100%(RGB/8)J - °
lb 文枷 ME) BW) BSD 呻S) isarn 分ffKA) fflS(V) K1(W) IS助(H)
\ , (J0S* 1) •. 32 回W推出回连续 □对所有图层取样 ifi整边爆
O< 工作区▼
我怕洛阳纸贵ft
百万图书全网新低
文档大小：
亮度(D):
厘米
高度⑹:
厦米
分网R)：
像素/英寸
*|
像素大小:
宽度(w)：|Mg —| *素 31
高度(H): 317 像豪 H
箝部式(Y)
口约束比例(0
回重定图像像素(1)：
我10J8IB倾但我触倾遍书香
■金司. ‘1, “马河7天
.5ChMBK5lf, 50hi»BIT16ffi J
50万种图书5折
两次立方(适用于平琳(变八
|职x |通牌
图2-1图片尺寸修改
2. 2 LOGO 设计
LOGO是网站的一个标志，传递着网站的形象。简洁形象的LOGO 能加深人的印象。本网站用一个戴着博士帽的小黄人与深绿色的文字 结合，文字突出了网站的名字与类型，俏皮的小黄人与文字完美的结 合，LOGO给人感觉简洁、明了、易记，如图2-2所示。
图2-2 LOGO效果图
LOGO图片是利用photoshop图片软件制作而成，首先新建一个 文档，将小黄人图片用魔棒工具选取，并拖入新建文档中。再依次将 字体输入，将文字大小、颜色、样式调整好后，将底色去除，保存 GIF格式，再成功运用到网站中。具体制作过程，如图2-3, 2-4, 2-5
所示。
「自动迭择：组 口显示变换控件| b j |苓；二 n月」」 v
文件(F)编辑(E)囹像⑴图层(L)选择⑶溶镜⑴分析(A)视图(V)窗口 (W)帮助(H)
Adobe Photoshop CS3 Extended
图2-3将LOGO图片选取拖入
Q Adobe Photoshop CS3 Extended
文件(F)编辑(E)图燥(I)图层(L)选择⑸滤镜⑴分析(A)视图(V)窗口 (W)帮助(H)
| T ▼ g 11楷体 —^] - | 日| 31 aa| 锐利 叫| ■毒 S | ■! X O 0 /
xdR-\.4/&x
ft @ ... I = || 曰||ml
图2-4 LOGO文字设计
® 答差：3T 回消除锯缶回连续 □对所有图层取样
Q Adobe Photoshop CS3 Extended
文件(F)锯(E)图像(I)图层(L)选择(S)滤镜(T)分析(A)视图(V)窗口 (W)帮助(H)
X X--Q- Z 慕免邑 BK .< U-艮
图2-5 LOGO去除底色
2. 3 Banner 设计
Banner是网站页面的横幅广告。将网站主要的情感和思想进行 宣传。本网站的banner如图2-6所示。
W晶昌乱弄 首页 图书汇 热搜榜 考试专栏 捡便宜 有话想说
「 <'我怕洛阳纸贵但我敢闻遍书香’
百万图书全网新低，”"再闹7丞
> （50H种图书5折）〔50万种图书6折）
图2-6 banner图片
banner运用了 JS特效，六张图片自动轮播使网站更为生动。JS 特效代码如下：
<div id="nivoSliderH class="nivoSlider">
<img
src