Welcome to the website navigation,本站只接受合法正规的企业网站,欢迎站长们提交你的网站获得展示和流量有任何问题请联系站长,欢迎大家加入本站。

                
提交网站
  • 网站:76083
  • 待审:5
  • APP:577
  • 文章:304411
  • 会员:56004
文字内链包年1000元 文字内链包年1000元 文字内链包年1000元 AI办公网站 AI绘画工具 AIchat

名站网址导航为大家提供关于网站网页设计设计相关的的教程知识。

  • 本篇文章具体介绍如下
遵循Web标准的思想,网站网页设计要表现出一种亲和力。那么,针对残障用户来说,其“阅读”器可不能读取图像上传递的信息的。
所以我们会采用一种Using Background-Image to Replace Text的方法,也就是将图像以背景图像的方式“插入”网站网页设计显示,同时为了让残障人士能了解该部分信息,显示该图像的区域用文本加以说明;但又为了让正常人不为既看到背景图像又看到图像上的文本而混淆,所以我们又将这些文本隐藏。
或许我们也会说我们可以给图像加alt、加title,这样正常用户能看得见,残障用户也“阅读”到。不过,我们再想想,Web标准还推荐使用合理的XhTML文档结构,对于插入图像这样一个“实体”,插入到网站网页设计是什么图像就是什么图像了,当我们需要替换图像时,我们修改hTML文件,若有很多页面呢(我批量改_-!)。所以这部分图像的插入就“亲和力”和“扩展性”而言,都建议使用“背景图像” “隐藏文本”的方法。当然对于图像热区链接我们另做讨论。
说的都不大理解,还是举例子。
有这样的一张图像,我们要插入到网站网页设计显示,那么正常情况下我是使用“<img />”标签的
<img src="http://www.genban.org/images/logo.gif" atl="hello,world" />
[Ctrl A 全部选择进行拷贝 提示:可先修改部分具体代码,再点击运行]
其中,因为浏览器可能显示不了图像中文本的字体样式,所以我们做成图像显示在网站网页设计中。在当我们需要为这种图像中的文本新做另外一种字体的图像,那么现在来解决新图像的显示,我们就必须要修改hTML文档。而一旦我采用了CSS定义背景图像之后,这些问题都迎刃而解。
<style type="text/css"> h1 { height:35px; background-image:url("/images/logo.gif"); background-repeat:no-repeat; } h1 span {display:none;} </style> <h1><span>hello world!</span></h1>
[Ctrl A 全部选择进行拷贝 提示:可先修改部分具体代码,再点击运行]
所以,我们开始感受到这种方式的“好”,并以此应用到新的网站网页设计设计中去。当然,为了尽量精简我们的hTML具体代码,我还可以这样:
<style type="text/css"> h1 { height:35px; background-image:url("/images/logo.gif"); background-repeat:no-repeat; text-indent: -10000px; } </style> <h1>hello world!</h1>
[Ctrl A 全部选择进行拷贝 提示:可先修改部分具体代码,再点击运行]
直接定义 text-indent: -10000px; 将文本显示在屏幕分辨率以外的区域。
=======================================
今天向老友问了个问题,“关于一个效果……图像是用<div>包含一下呢还是直接<img /> ”。
随即否定: 不要为了表现添加标签,也不要为表现用IMG插入图片,表现的内容,不放到CSS里去,怎么谈分离。
页面全部完成后,把CSS去掉,看看页面,应该是很纯的,全是内容,没有一点儿表现的成份在里面。
于是如醍醐灌顶,恍然大悟,遂搜索整理并理解得此文。

CSS教程关于css框架网站网页设计设计Yh3AIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

Yh3AIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

好了关于网站网页设计设计相关的这篇文章就给大家介绍到这里不明白的地方给本站留言。声明,本站内容来源于互联网,如果侵犯了你的权益请联系本站删除。,网站网页设计,教程,网站网页设计制作,精简,具体代码,

分享到:

  admin

注册时间:

网站:0 个   APP:3 个  文章:0 篇

  • 76083

    网站

  • 577

    APP

  • 304411

    文章

  • 56004

    会员

赶快注册账号,推广您的网站吧!
文章分类
热门网站
最新入驻APP小程序

宝贝市场2023-02-08

宝贝市场——买手和卖家商品展示

夺宝助手2023-02-08

夺宝助手小程序,查看每日快夺宝平

查诚信2023-02-08

查诚信是一款免费的商业查询工具

车价天天报2023-02-08

快速连接汽车销售,获知汽车最新报

考勤助理小程序2023-02-08

上班签到考勤,实时定位,后台轻松

汽车报价大全查询2023-02-08

汽车报价大全查询提供最新汽车市