HTML实例原型设计

原型设计

1、原型设计总述

该页面包括背景、标题、搜索栏、导航栏、轮播图、HTML实例、右侧栏（登录、图片、相关链接）

2、各模块分述

2.1 背景

背景插入一张图片，图片如下：

2.2 标题

文本：gsonya-HTML

字体：48px

字体阴影：X:7  Y:2  模糊:6  阴影：#FF6200

效果如下图：

2.3 搜索栏

直接在组件中找到搜索框，插入。

效果如下图：

2.4 导航栏

（1）在组件中找到导航栏，插入。插入后也可按照自己喜欢的图标进行更改，在这里我将字前面的图标我选择了小方块

（2）因为要实现当鼠标移入，字体和图标变成绿色，字体移出时还是原来颜色。我将字体和图标组合在一起，然后编辑成母版。

a.母版状态1

 

 

字体和图标颜色：黑色

全局事件：鼠标移入

行为：切换组件状态

<