页面设计图片
网页设计的构成要素有哪些?
一个网页构成要素,相信大家心里都会有个大概,但是要具体说清楚了,又一下子讲不上来。 网页设计的构成要素具体有那些呢?搜点来为大家罗列一下。 要素一:文字 文字是网页中最主要的一部分。对于文字的把握,主要有两点。一是简洁、明了,能够让用户读得下去;二是数量的掌握,文字太少,会显得单调,文字多了,网页就会显得很乏味。 要素二:图片 图片,比文字更能吸引人的眼球,所以网页中要善用图片。在某些突出的位置,可以放置一些比较出彩的图片,这样既能达到美观的效果,又能让浏览者对网页印象深刻。 要素三:色彩 色彩的搭配,能体现出一个网页设计者的审美观,也会直接影响到浏览者的观感。网页的颜色不用很多,但是一定要搭配得当。一个网页一般会有一个主打色,用以配合网页的主题。其他的颜色,辅以调节的作用。 要素四:排版 有文字、有图片、有颜色,网页有这些就够了吗?No!光是这些,还不够,还需要有专业的排版技术,把这些要素整合起来,组成一个协调的页面。排版需要顾忌很多,要注意字间距,文字、图片的数量,颜色的搭配,页面留白等等,是个细致活。 要素五:多媒体 有些网页为了博眼球,会放置音频、动画、视频等等,这些就是多媒体了。但是,一在一般的网页中,存在大量的多媒体并不是一件好事,这些多媒体会对网页打开速度造成影响。一般,放置多媒体,需要量力而行。
怎么设计淘宝店铺的页面?
关于淘宝店铺页面的装修一、打开-样式管理-页面设置二、点击页面背景色的更换图片三、选择页面编辑-删除其余模块四、添加-图片轮播(注:先把图片上传至图片空间同时注意图片大小的设置,否则图片显示不全)内容设置中把上传好的图片的链接复制后添加即可五、添加自定义模块,把下载好相应模板的代码复制进去即可(注:代码中图片的地址一定要上传至图片空间后然后粘贴到相应代码位置否则显示不出来用外连接)
HTML网页设计:如何设计点击图片后跳转到另外一个页面的指定位置?
这是用记事本的做法书签链接 建立书签基本语法: <A name="bookmark_name">文字</a> 链接页面中的书签基本语法: <A href="#bookmark_name">文字</a> 例子: <HTML> <HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML;CHARSET=big5"> <TITLE>例子</TITLE> </HEAD> <BODY> <A HREF="#DW">Dreamweaver MX</A> <A HREF="#FL">Flash MX</A> <A HREF="#FW">Fireworks MX</A> <A NAME="DW"><H3>Dreamweaver MX</H3></A> <P> <A NAME="FL"><H3>FLASH MX</H3></A> <P> <A NAME="FW"><H3>Fireworks MX</H3></A> </BODY> </HTML>
网页设计 图片滚动代码
素材的准备。为了更好的表现网站的风格和特色,具备一些更富表现力和吸引力的图片是必不可少的。同理,准备了一些与网页主题密切相关的图片,用于做为实现图片滚动效果的素材。打开Dreamweaver8,新建一网页文件,并保存为名为“index.html"文件。切换至代码编辑界面,输入如下代码:<body><div id="photo-list"> <ul id="scroll"> <li><a href="#"><img src="images/1.jpg" width="100px" height="100px" alt=""/></a></li> <li><a href="#"><img src="images/2.jpg" width="100px" height="100px" alt=""/></a></li> <li><a href="#"><img src="images/3.jpg" width="100px" height="100px" alt=""/></a></li> <li><a href="#"><img src="images/4.jpg" width="100px" height="100px" alt=""/></a></li> <li><a href="#"><img src="images/5.jpg" width="100px" height="100px" alt=""/></a></li> <li><a href="#"><img src="images/6.jpg" width="100px" height="100px" alt=""/></a></li> </ul> </div></body>对应效果如图所示:新建一CSS样式表文件,并将该文件保存到与“index.html”相同的目录下,文件名称为“MyStyle.css"。在新建的样式表文件"MyStyle.css”文件中输入如下代码:* { padding:0; margin:0;} /*设置所有对像的内边距为0*/body { text-align:center;} /*设置页面居中对齐*/#photo-list {/* 6张图片的宽度(包含宽度、padding、border、图片间的留白)计算:6*(100+2*2+1*2+9) - 9 之所以减去9是第6张图片的右边留白 */ width:681px; /* 图片的宽度(包含高度、padding、border) 计算:100+2*2+1*2 */ height:106px; margin:50px auto; overflow:hidden; /*溢出部份将被隐藏*/ border:1px dashed #ccc; } #photo-list ul { list-style:none;} #photo-list li { float:left; padding-right:9px;} #photo-list img { border:1px solid #ddd; background:#fff; padding:2px;}对应文件内容如图所示:在网页文件"index.html"中添加对该样式表的引用:<link rel="stylesheet" type="text/css" href="MyStyle.css">此时网页效果如图所示:新建一个JS文件,并将该文件另存为“MoveEffect.js"。在”MoveEffect.js“文件中输入如下所示代码: var id = function(el) { return document.getElementById(el); }, c = id('photo-list'); if(c) { var ul = id('scroll'), lis = ul.getElementsByTagName('li'), itemCount = lis.length, width = lis[0].offsetWidth, //获得每个img容器的宽度 marquee = function() { c.scrollLeft += 2; if(c.scrollLeft % width <= 1){ //当 c.scrollLeft 和 width 相等时,把第一个img追加到最后面 ul.appendChild(ul.getElementsByTagName('li')[0]); c.scrollLeft = 0; }; }, speed = 50; //数值越大越慢 ul.style.width = width*itemCount + 'px'; //加载完后设置容器长度 var timer = setInterval(marquee, speed); c.onmouseover = function() { clearInterval(timer); }; c.onmouseout = function() { timer = setInterval(marquee, speed); }; };然后在主页文件"index.html”中添加对该“MoveEffect.js”文件的引用。<script type="text/javascript" src="MoveEffect.js"></script>代码如图所示:打开“index.html”网页文件,最终效果如果所示:
网页设计与制作怎么插入图片
这位朋友这个很简单;方法如下:在<body></body>添加以下代码,<table> <tr> <td><img src="../img/00_05.jpg" /></td> </tr> </table><div>我爱你</div>在<head></head>里添加: <style type="text/css"> table{border-style:outset;} div{ position:absolute; top:100px; left:100px;} img{ width:200px; height:200px;} </style>原理就是把文字设置在一个DIV层中用绝对定位使这个层显示在图片的某个位置即可。(图片路径自己填写即可),希望采纳。
网页设计中怎么让一张图片填充满整个画面 求代码
1、如果楼主只是将其当做一张图片显示,可以通过css控制,如img{width:100%;height:100%;}.否则需要将其作为网页背景的话可以试试如下方法:2、如果这张图片为背景图片由于背景图片不具有伸缩性,只能通过别的方法绕着解决,在ie中可以用<bodystyle="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">,实现背景拉伸铺满整个浏览器,但其它的浏览器不支持。这时可以拐个弯,设置两层div,底层div当做背景使用,放置一张图片即可。<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>再将网页内容放置到第二层上<div id="content">页面内容</content>3、网页背景图片默认情况下是重复平铺满整个页面。上面2方法是要求图片不重复,但又得占满浏览器所采用的方法。
网页设计,这到底是什么原因,图片显示不了
图片路径不对,你可以替换下网上的一张图片,试一试绝对路径,
绝对路径是打开图片后显示的地址吗?
我按照学的打的,感觉和老师教的一样,可是怎么都打不出来
用的DW吗?有没有新建站点呢?标签是对的,不显示,就是图片路径的问题,你审查元素看看呗!!
我是新手,用的是notepad++,审查元素怎么弄?
方便把你的写的打包发来看看,我看看哪里出了问题,上传附件好了
这个能传文件吗?
可以,刚才看了一下,你发的图片,你的标签都写错了啊,大师,body怎么可以在head中间,
不是吗?这有问题吗,头标签下放内容
这个没有错吧!我之前都这么打的
反正很感谢你,明天我去问老师吧
你看看别人的网页啊大师不能这么写啊1 <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="Keywords" content=""> <meta name="Description" content=""> <link href="/templets/moban1/css/css.css" rel="stylesheet" type="text/css" /> </head> <body> <div><img src="http://a.hiphotos.baidu.com/zhidao/wh%3D600%2C800/sign=9a8c2c63fad3572c66b794daba234f1f/e7cd7b899e510fb39f790c1dd133c895d0430cd3.jpg" ></div></body> </html>
不要叫我大师,我很low!
在网页设计中使用图像时应该注意哪些问题
1<img src="图像地址" width="宽度" height="高度" alt="图片说明" />例如上面的是html代码引用图片,图片地址、宽度、高度、图片说明都必不可少。
网页设计 html 怎么在div图片里插入文字
第一种方法:添加一个DIV,采用绝对定位,图片所属DIV为基准<div style="position:relative;width:100px;height:100px;"><img src="" alt="" /><div style="position:absolute;width:100px;height:100px;z-indent:2;left:0;top:0;">文字</div></div>第二种方法:图片作为背景图片<div style="background:url(abc.jpg) no-repeat left top;">wenzi</div>