【学习目标】

1. 掌握模板套用、背景修改、首页模块位置调整的操作方法

2. 掌握Flash插入（空间快速导航）及Banner发布操作方法

3. 学会使用“阿里妈妈”制作Bannar和导航图

【项目任务】

任务一：使用模板美化个人空间

任务二：使用“阿里妈妈”制作Banner

任务三：发布Banner美化空间

任务四：背景修改，美化空间

任务五：Flash插入（空间快速导航）

任务六：更改首页板块比例

任务七：调整首页模块位置

【项目分析】

个人空间美化最简单的方法是套用居民空间自带的模板；如果你的空间要突出个性特色，就得自己动手利用阿里妈妈、PS等软件进行图片或Flash动画设计导航（栏目菜单可以用导航表示），实现空间美化。个人空间美化主要表现在Banner、菜单栏目、中部导航块及背景美化。空间美化操作并不难，学会使用一种或两种软件进行图片及Flash动画设计是本项目的关键。

【知识平台】

（1） 阿里妈妈是阿里巴巴旗下的一个全新的互联网广告交易平台，是网上广告发布和购买平台。它兼有的广告制作，操作方便，功能强大，容易实现动态、静态广告和图片的制作。

（2） PhotoShop（简称 PS）软件是图像、图片处理专用软件，功能强大。网上有专门的PhotoShop教学视频下载。

【项目实施】

【任务一操作】使用模板美化个人空间

世界大学城制作了一批居民空间模板供世界大学城居民使用，有中国风系列、喜庆节日系列、校园系列、可爱系列、80/90系列、简约系列等。套用居民空间自带模板来美化个人空间，是最简单、最便捷的方法。

第一步，打开“我的管理空间”，单击“设置管理”按钮，弹出界面如图6.88所示。

第二步，在“空间风格设置”中，选择你所喜欢的颜色风格，在风格下方勾选，如图6.88所示。

图6.88

另外，在“我的管理空间”页面，从快速导航中进入“装扮空间”，在下方的“风格配色”中，同样可以进行模板的选择，如图6.89所示。在最后一定不要忘记保存。

【任务二操作】使用“阿里妈妈”制作Banner

利用阿里妈妈的广告牌生成器（可以直接用淘宝账号进行登录），制作简单的机构Banner。

注意：Banner大小不要超过5M；宽度为1 000，高度可以适当调整。

第一步，打开阿里妈妈广告牌在线制作：快速打开在线制作。

第二步，找到合适的模板，然后单击“开始制作”按钮，如图6.90所示。

图6.89

图6.90

第三步，由于默认的尺寸不符合我们的机构要求，所以首先要改变模板的尺寸，宽为999、高按实际需求调节，原则上只要不影响美观就行。设置位置在打开模板后的页面左上角“设置”处，如图6.91所示。

图6.91

第四步，拖动模板背景，填充尺寸更改后多出来的空白部分，如图6.92所示。

图6.92

第五步，修改模板上的文字。可以直接修改原有文字，也可以删除后自己添加，如图6.93所示。

图6.93

对于多余的图片、文字可以选择后按“Delete”键删除，如图6.94所示。

图6.94

第六步，制作好后，单击页面右上角“预览/保存”按钮，如图6.95所示。

图6.95

第七步，作品展示。单击“输出获取设计”按钮，弹出如图6.96所示页面。

图6.96

【任务三操作】发布Banner美化空间

设置操作方法：“我的管理空间”→“装扮空间”→“高级设置”，具体操作步骤如下。

第一步，单击图6.97上菜单“我的管理空间”。

图6.97

第二步，单击图6.98右侧“装扮空间”按钮。

图6.98

第三步，单击图6.99下方的“高级设置”按钮。

图6.99

第四步，图6.100左侧的“标题栏设置”为当前选中状态，在右侧选择Banner格式，可以是图片/Flash，然后在“资源地址”栏中输入图片或Flash的URL，设置相应高度，最后保存，如图6.100所示。

图6.100

至此，个性化的Banner设置完毕，在上方窗口（或“我的展示主页”）即可看到效果。

【任务四操作】修改背景，美化空间

设置操作方法：“我的管理空间”→“装扮空间”→“高级设置”，具体操作步骤如下。

第一步，单击图6.101上方菜单“我的管理空间”。

图6.101(www.daowen.com)

第二步，单击图6.102右侧的“装扮空间”按钮。

图6.102

第三步，单击图6.103下方的“高级设置”按钮。

图6.103

第四步，单击图6.104下方左侧“皮肤（背景）”选项，在右侧“资源地址”栏中输入图片的URL，图片类型可以是jpg、jpeg、png、gif等，然后选择背景图片出现的方式“滚动/固定”，使用鼠标单击即可，最后，单击“保存”按钮。

图6.104

至此，背景设置完毕，在上方窗口即可看到效果。

【任务五操作】Flash插入（空间快速导航）

第一步，单击图6.105上方菜单“我的管理空间”。

图6.105

第二步，单击图6.106右侧的“装扮空间”按钮。

图6.106

第三步，单击图6.107上方的“自定义模块”按钮。

图6.107

第四步，单击图6.108下方右侧的“新建Flash模块”按钮。

图6.108

第五步，在弹出的“创建Flash模块”对话框（见图6.109）中，在上方的文本框中输入模块的标题，中间文本框中输入阿里妈妈中制作好的swf的URL，可单击“测试”按钮观看swf的效果，最后在下方设置swf的宽度和高度，单击“确定”按钮。

图6.109

至此，自定义模块添加成功，刚刚添加的模块将在下方左侧以小图标形式显示出来（可单击它选择是/否在上方窗口中显示），同时在上方窗口中也显示出来了（上方模块可直接使用鼠标拖放改变位置摆放）。

在图6.110所示的左边小方框中，可单击铅笔按钮进行编辑，单击叉叉按钮删除该模块。

图6.110

第六步，单击如图6.111所示的“保存”按钮。

图6.111

【任务六操作】更改首页板块比例

设置操作方法：“我的管理空间”→“装扮空间”→“布局选择”→“保存”。

目前我的首页的布局是沿用的旧版的布局，是1∶2∶1布局。具体操作步骤如下。

第一步，单击图6.112上方菜单“我的管理空间”。

图6.112

第二步，单击图6.113右侧的“装扮空间”按钮。

图6.113

第三步，单击图6.114下方的“布局选择”按钮。

图6.114

第四步，选择一种布局方式（见图6.115），旧版的大学城空间采用的是1∶2∶1的布局，设置好后单击右下角的“保存”按钮，保存设置。

图6.115

【任务七操作】调整首页模块位置

设置操作方法：“我的管理空间”→“装扮空间”→“保存”，具体操作步骤如下。

第一步，单击图6.116上方菜单“我的管理空间”按钮。

图6.116

第二步，单击图6.117右侧的“装扮空间”按钮。

图6.117

第三步，在出现的界面中，有2个红线框框起来的部分，上方红线框框住的部分，可以直接使用鼠标拖放相应模块至你所想要放置的位置。例如，你想要调换一下微博模块和视频模块的位置，可用鼠标拖动微博模块至视频模块的上方，或拖动视频模块至微博模块下方即可。下方红线框框住的部分可以对要在上方显示/不显示出来的模块进行选择，用鼠标单击即可。

图6.118为我的空间所选择的模块及显示顺序。

图6.118

第四步，单击图6.118右下方的“保存”按钮保存。

【想一想 练一练】

首先，请使用套用模板方法，选择一模板美化自己的空间，其次，制作一个个性鲜明的Banner，最后，发布Banner美化空间。注意，Banner的尺寸需要根据所选用的模板不同进行高度调整。

【知识拓展】

注册“阿里妈妈”步骤如下：

第一步，打开“http∶//banner.alimama.com/”页面，单击“注册”按钮，如图6.119所示。

图6.119

第二步，进入注册页面。填完个人信息资料后，单击“提交注册”按钮，如图6.120所示。

图6.120

第三步，注册完成后登录邮箱，并激活账号，如图6.121所示。

图6.121

第四步，注册完成后，单击“广告牌DIY”按钮进入阿里妈妈首页，如图6.122所示。

图6.122

（注：如果用户是淘宝会员拥有淘宝账号，无须按照以上注册，直接登录即可。）