第九讲--娃派移动网页设计1.doc

“娃派移动”个人建站（免费！）

我们可以利用“娃派移动”来创建如下网站！！因为这是3G的时代！！
1.通过广告联盟赚钱
2.宣传商品提升形象
3.分享内容创造价值
4.学习WAP建站知识
5.制作个人电子名片
6.制作企业门户网站
7.制作个人门户网站
8.制作政府门户网站
……

一、进入http://www.wap.ai/（“娃派移动”网站）注册

该网站与“思图网络”网站在同一页面，请注意区分！！“思图网络”地址：
我们使用“娃派移动网站”！！

点击“”按钮，如图：
一定要验证所使用的域名能否使用！！其他信息请认真填写！！

注意：自己的域名后缀一定是“wap.ai”！！
域名请一定认真想好！！以后是不能修改的！！

注意：请妥善保存自己的账号和密码！！
十分重要的是自己的域名：http://goguo.wap.ai/
以后该域名将用在魔云的封面中进行超级链接用！！
点击“确定”后，显示登陆框：

通过自己的域名：http://goguo.wap.ai/，可以预览自己的空白页面！！

注意：你自己的“娃派移动网站”域名，老师不关心，请不要寄给老师！！

二、管理自己的网站
进入“娃派移动网站” http://www.wap.ai/
由左边登陆进入自己的网站管理后台！如图：

点击“用户管理”下的“修改我的资料”，可以修改相关个人信息！！

其他功能不用关心！
点击“网站管理”，我们主要使用“页面综合排版”功能！！如图：

其他功能，请自己看看，不用关心。有些功能我们是不能使用的！
编辑我的地盘 [myfile]
低 [div=mylink]Copy Right 2011[vs][/div]

三、利用魔云手机来当娃派移动网站的模拟器！！
在自己的魔云网站的封面的适当位置，加入自己的娃派移动网站的链接。
目的主要是：要利用魔云的手机界面来浏览娃派移动网站的页面！！

请看我的网站：

四、设计首页（1）
进入“页面综合排版”功能，如图：

点击上面的自己的域名，预览显示自己的空白页面，他是默认的显示内容，如图：

1、首先要去掉“” 注册登陆信息：
点击“”按钮，可以去掉注册登陆界面，如图：

浏览页面，如图：

2、再去掉“”原娃派移动网站的版权信息：
点击“页面综合排版”中的“”按钮，同时将右边的“”的编辑区域中的信息，请全部删掉！！如图：

点击“保存”按钮。

浏览页面，如图：

这时，余下的广告信息是不能去掉的了！！（因是免费的！！）

在操作完以上步骤后，点击“页面综合排版”顶上的“”按钮，该功能主要起到保存网页和发布网页作用！！如图：

输入密码，确定，如图：

点击“”按钮，进行保存网页和发布网页！！
请注意，有时点击“”按钮时，会出现输入密码的情况！请输入密码！！再进行操作！
其实，在每次对页面有了修改后，都最好进行一次“”这样的操作，以免在浏览页面时看到的是之前的页面！！
请一定记住！！

3、为自己的页面加入自己的版权信息
点击“页面综合排版”中的“”按钮，同时在右边显示“”的编辑区域，如图：

准备好文字，如：“版权信息：四川师大 郭果2010123456”。
为了对这一版权信息进行如，字体、字号、背景色、字颜色等参数的设置，“娃派移动”规定，必须先输入代码，后输入文字来实现！！
请注意：输入代码，一定要按照以下顺序来操作，否则不会成功！！
方法是：
首先，点击“”（文字色）按钮，在编辑框中，出现如图代码：

选中一种颜色，确定，如图：

鼠标在“输入文字”前点击一下，再点击“”（文字背景色）按钮，在编辑框中，出现如图代码：

确定一种颜色，确定，如图：

鼠标在第一组“输入文字”前点击一下，再点击“字号”按钮，在编辑框中，出现如图代码：

鼠标在第一组“输入文字”前点击一下，再选中“字体”，如“幼圆”字体。在编辑框中出现如下代码，如图：

目前有四组“输入文字”，请删除后面三组！！一定要小心，千万不要删除其他任何符号！！否则不会成功！！
对第一组“输入文字”，用自己的版权信息来替代，也一定要小心操作！！如图：

点击“保存”按钮。
可以在“页面综合排版”中看到如下信息：

这表示版权信息成功设置好了！！
重要提示：
如果还要修改这组版权信息，再次点击“”按钮，可以直接修改代码来实现！！请一定要小心修改代码！！如果不懂代码，就只有重新来！！

请点击“”按钮，更新页面并发布。
再预览，如图：

利用自己的魔云网站来浏览，如图：

如果自己的版权信息不居中显示！就下面的方法：
点击“”按钮，出现编辑代码框，如图：

鼠标点击第一行第一列的位置处！
在编辑框的下面是“CSS代码”信息中心！
拖动下拉条，找到“”代码，如图：

点击“”代码，看编辑框，如图：

最后，点击“”发布，并用魔云来预览，如图：

总结：利用娃派移动来设计网页，将会用到大量的代码！

今日作业：
在娃派移动手机网站http://www.wap.ai/中，申请一个账户；
为自己的娃派移动网站设计首页，要求是：
1． 去掉“注册登陆信息”；
2． 去掉娃派移动的原“版权信息”；
3． 设计自己的版权信息（要有字体、字号、背景、字颜色等参数），并居中！
4． 版权信息之上加入水平线；标题之下加入水平线；
5． 设计自己的文字标题（文字内容自定！要有字体、字号、背景、字颜色等参数），并居中！
6． 标题下加入飞动的“问候语”和“当前系统日期和时间”，并为其设置字体、字号、背景、字颜色等参数；
7． 在自己的魔云网站的封面适当位置，加入自己的娃派移动网站的链接；
8． 完成后，请把自己的魔云网站的域名寄给老师！