郑州建网站多少钱-郑州网站设计价格【新誉网络】

郑州新誉网络

联系人：李经理 电话：15038317026 Q Q：1282099038 网站：http://www.hnxin***

花园路国基路交叉口

网站制作中的链接响应区域设计

网站制作中，链接相应区域对访客起着导引的作用，它的色调、大小、布局位置在网站建设中都要特别注意。网站的便捷性很大程度上就表现在链接相应区域的设计，合理地扩大页面链接响应区域可以提高网页的易用，同时还要兼顾到链接的交互一致性以及视觉上的平衡。

  网站中常规的链接相应区域设计通常只有链接可点，但整张图不可点，点起来还蛮费劲的；还有就是把整张图作为一个链接，链接响应区域是够大，但其实那个链接就比较尴尬，不够优雅；后就是上面的合起来，文本链接之外，图本身再配个链接，这样情况下，两个链接的交互一致性不够，用户对点图和点链接是不是去同一个地方会存在疑虑。

  可以这样来考虑下设计：图片可点，鼠标移入图片上，鼠标变手型的同时文本链接变为hover状态，这样即有足够的链接响应区域，又有很好的交互一致性，暗示用户点图和点链接去的是同一个地方。前端代码角度上，就是把链接a标签包住整个图，那段文字用其他标签表示，比如span，再定义a的hover状态下，把span变成链接色，并加上下划线，来模拟hover效果。

  还有一种是可链接的标题配一段对标题的详细描述，让详细描述响应点击，同时让hover效果出现在标题上。a标签包含的整个区域内，只响应链接了，文本拷贝比较麻烦点，需要在更大范围外进行拷贝。所以如果对拷贝文字有要求的模块，不适合采用这个方式。