1、简单网页模板能添加图片的
不懂你什么意思,如果在网页加图片加段代码吧
<img src="图片路径" />
2、什么是网页模板?网页模板有什么用?
利用抄它可以进行快速和高品质的网站开发。只需要添加您的文本和图片,就可以得到一个功能完整的高品质网站。"这个答案是不对的的,或者说误导了一部分刚刚接触网页制作的初学者。被误导者认为只要找到一个网页模板,就可以利用它快速建立网站。认为只要添加文本和图片,就可以建立一个网站。所以,当他(她)用很少的付出得到一个网页模板时,然后才发现事实并非如此,就会埋怨,怎么还要做这么多工作呀,被骗啦,甚至还要求网页模板的提供者帮他(她)用这个网页模板做一个网站,不然就投诉!退款!晕!晕!晕!在这里我要对网页模板这个概念重新做一个定义:网页模板的组成:网页模板包含两个部分,第一部分,网页模板的展示部分:由一组相关联的html文档及其图片文件组成,有动画成果的网页模板还会有swf文档,有时候,也用网页捉图来展示网页模板的成果;第二部分,可用来进行网页设计制作的PSD分层图片源文件,有动画成果的还包含有fla源文件;(通常一个网页模板是由这两个部分组成的,但也是个别网页模板只有其中一个部分。)网页模板的用途:
3、网页设计:如何把图片格式的模板转变为dreamwaver中可编辑的模板??
DREAMWAVER是一个制作网页的工具,同时还需要FIREWORK或者PHOTOSHOP等软件的支持,你要把图片倒到FIREWORK或者PHOTOSHOP里,然后做切片(如果不知道什么是切片,那你就要好好补习一下PHOTOSHOP了,如果自己做网页,PHOTOSHOP不懂是不行的)然后在保存的时候选则保存HTML格式,然后在倒入到DREAMWAVER里面就可以了
做完切片以后,应该出现一个文件夹和一个HTML的文件,导入文件,然后看见的是被切成一块块的图片,然后在这些图片中加入你所需要的代码。
4、网站模板怎样设计会比较吸引人?
一、单色加全彩图片
如果设计师只想用一种颜色来作为模板的主题色,那么这种设计技巧可以参考一下。单色的网站模板是以一种颜色为主的,可以在模板中添加几张具有特点的全彩图片,这样可以十分有效地突出图片的主题,以一种强烈的形式来吸引用户注意力。但是这种图片在选取的时候一定要有主题的限制,不要为了突出而选择。
二、清晰的布局和略为错落的排版
在设计模板布局时,清晰一直以来都是布局内容的标配,无论是图片、文字还是按钮,都需要遵循“相关靠近”的原则来进行布局,这样的布局有一个很大的好处就是,方便理解模板的内容,降低理解难度。但如果想要在这个普通的布局方式中来点新意,可以将内容的排版调整为略略错落,元素间的间隔可以稍微不那么对齐,这样既不失清晰也能有点新意。
三、简约加沿中线错开布局
简约风格是大部分网站模板设计会使用到的风格,但是如果想要让这个常见风格变得独特,其实只需稍作调整即可。比如在纯白背景下的简约风格,沿着中线的两侧来排版文本和图片内容,无需一定要刻意保证两侧的一致对齐,只需保证中线上的视觉路径清晰即可。
网站模板设计掌握上述3个技巧,能让模板变得更吸引和富有创造力,在网站模板的设计上,注意好相关细节,多创新多思考,让你的网站模板在众多模板中脱颖而出,带来更多的流量。
5、哪些网站有免费的设计图片、简历、海报等模板可以下载的?
爱设计、图怪兽、稿定设计啥的都可以设计图片、简历、海报等模板,但是爱设计是唯一支持全部免费商用的和免费下载的。
6、html网页设计如何修改模板的图片超链接
我觉得自己 不会使用这些都,直接不要使用别人的模板,直接自己全部做,或者使用开源程序安装一个网站
7、图片模板怎么做的
很多朋友都问我如何制作PPT模板,其实制作PPT模板是非常简单的,重要的是如何制作出有美感的PPT模板,但这又是需要时间积累的,所以下面我们先说一下如何制作PPT模板的问题,因为我接触的朋友大多都是使用2003版本的软件,所以下面就用2003版本来说明一下如何制作自己的PPT模板吧,可能2007版本的会有所出入,但基本的操作步骤都是差不多的,特此说明。
制作PPT模板步骤:
一、在制作PPT模板前要准备放置在第1张PPT的图片,PPT内页中的图片,logo等图片。
二、新建一个PPT文件,此时应显示的是一张空白PPT文件,如下图所示
三、PPT模板结构的制作:
1、然后我们进入PPT母版视图来操作,方法是依次从菜单栏中选择“视图”–“母版”–“幻灯片母版”。选中后如下图所示:
请注意啦,这一张PPT是在你的模板做好后,你每新增加一张PPT出现的内容就是这一张PPT,即是写文字内容的页面,因此叫做“PPT母版”。
2、把开PPT母版视图后是否看到左侧有一张缩略图呢? 现在选中他,点击鼠标右键选择“新标题母版”,出现结果如下图所示:
四、PPT模板内容框架的制作
接下来我们就个性化我们要制作的PPT模板吧,首先我们先制作PPT模板首页,先把准备好的图片素材插入PPT模板页面里,然后稍加剪切编排,就如下面效果。
然后再对PPT模板首页加入一些文字修饰,使画面更有感觉。
到这里有很多朋友就犯愁啦,我没有美术基础,我不会设计图片,怎么样才可以制作出有美感的PPT模板呢?这个也是很简单的问题,我们可以在网上搜索一些PSD格式的图片,一般这样的图片就是一些设计者设计好了的,我们只要把这些图片在PS软件里分层另存为图片就行了。
小提示:
如果你插入的图片当前把一些文本框给覆盖了,没有关系,你用右键选中该图片,然后选择“层叠次序”—“置于底层” 即可。
五、保存PPT模板设计。
各位帅哥美女们注意啦,这一步是非常非常重要的!许多朋友设计好了之后是直接点保存的,但这是错误的,这样保存下来的文件不是PPT模板文件。正确的方法是: 在菜单栏,选中“文件”–“另存为” ,在打开的界面中进行如下设置:保存位置,可以放在桌面,“文件名”在这里暂定义为“如何制作PPT模板.ppt”。“保存类型”请选择“演示文稿设计模板”,然后点保存。接下来你可以返回到桌面看一下这个文件的图标和扩展名,发现了吗? 它的图标跟一般PPT的图标是不一样的,同时它的文件和扩展名是“如何制作PPT模板.pot”
六、应用PPT模板。
PPT模板是制作完成啦,如何使用这PPT模板呢?别急,接下来我们新建一个空白的PPT文件,这时你有没有看到PPT界面的右侧上方,有没有一个区域,显示的是“幻灯片版式”其下面有“文字版式”、“内容版式”等。如果你没有发现这个区域,那么,请在 菜单栏 打开“格式”—“幻灯片版式”选项。
注意查看上面图片中,“幻灯片版式”右侧有一个向下的“小箭头”,点一下打开它,从中选择“幻灯片设计”选项。出现如下图所示。
接下来,再注意看最下方有一个“浏览”,用鼠标左键点一它,打开“应用设计模板”对话框。此时,请在其中找到桌面的文件“如何制作PPT模板.pot”,选中它,并点选“应用”按钮。有发现了吗?你之前制作的PPT模板已应用这个PPT中。
七、PPT模板的使用。
如果你制作PPT模板的目的,仅仅是自己使用娱乐的,那么,你现在可以正式开始向里面加内容了。
如果你的目的,是要做一个范本,然后发给公司的同事使用。那么,你把现在这个文件保存后发给相关人员即可。他们打开后,都会是统一的样式,统一的颜色。
现在你还会想问如何制作PPT模板吗?如果你还有这样的疑问的话,请重新再浏览一次本文章或者在下面留言给我,我会一一解答你的疑问,如果你还想更进一步了解PPT模板设计方面的知识,可以浏览:复制,网页变身PPT模板 ,准备工作-PPT母版;祝大家工作顺利。
上一篇:PPT文字的创新设计
8、求够图片上得网站模板,要求是自适应的
在我们设计网页的时候,经常会遇到图片自适应问题,实际这些工作完全可以交给浏览器来完成就可以了,只可惜,无论是IE还是FIREFOX在图片自适应这个问题上都处理的不尽人意,网上实现网页图片宽度和高度的方法也很多,主要又两种:
第一种是使用CSS来完成;第二种是使用Javascript来完成,根据实际的应用效果来说,使用Javascript还是比较靠谱一点,因为 CSS的expression的确有点烦,笔者是指使用效果上有点恼人,本文专门把这两种都总结一下,方便站长们参考使用。
一、使用CSS实现图片的自适应
使用CSS实现图片自适应很简单,主要靠两个参数来完成,分别是max-width和max-height,这两个参数在FIREFOX和IE7以上支持都很好,但是在IE6上面,效果非常糟糕,尤其是对于多张图片的显示,第一次显示网页大都很难达到图片自适应的效果,一般都是有些能自适应,有些不能自适应,多次刷新可能又显示OK,就是这点就足够烦人,而且一旦显示多张图片,IE 6上就卡的要命(expression在IE上比较占用资源,感觉设计是用来玩得,FIREFOX自适应效果还是比较好,速度也非常快),反正笔者至今是没有找到更好的CSS方法来让IE 6完美支持图片自适应。示例代码如下:
img{
max-width: 128px;
max-height: 128px;
height:auto;
zoom:expression( function(e) {
if(e.width>e.height) {if (e.width>128) { e.height = e.height*(128 /e.width); e.width=128; }}
else {if (e.height>128) { e.width = e.width*(128 /e.height); e.height=128; }}
e.style.zoom = '1'; }(this));
overflow:hidden;
}
上面代码格式上需要特别注意两点:
1、zoom属性里宽高赋值不能带单位(如px),否则无效;
2、if和else语句也必须带大括号括起来,单句指令也不行(而在很多编程语言里,单句指令可以无需大括号);
二、使用Javascript实现的图片自适应
使用Javascript自适应相对来说比较方便,唯一的麻烦是就是在网页中需要对image预设置onload事件处理resize()函数,如果对于动态网页来说还好一点,反正是动态的,程序里加上去就OK了,可是如果对于很多篇文章而言,在里头增加onload函数有点麻烦,除非一次性的写个脚本批量处理,否则后期更改或替换起来还是比较麻烦,比如图片的可显示宽度变化等等。
另一方面如果把宽度值写在Javascript中,那么将带来程序的通用性降低,下面的示例不是写死的,已测试效果比起CSS要HAPPY的多,网上也又很多类似的例子,不是不完成就是中间还存在某些问题,本文的例子应该会更好一点,笔者对不同的尺寸下的图片的显示效果做过好几种测试了。示例如下:
//RESIZE 图片自适应图片宽度和高度
//参数说明:
// obj是图片对象,this调用方法见下面示例
// maxW和maxH分别为约定的最大宽度和最大高度
function resizeimg(obj,maxW,maxH)
{
var imgW=obj.width;
var imgH=obj.height;
if(imgW>maxW||imgH>maxH)
{
var ratioA=imgW/maxW;
var ratioB=imgH/maxH;
if(ratioA>ratioB)
{
imgW=maxW;
imgH=maxW*(imgH/imgW);
}
else
{
imgH=maxH;
imgW=maxH*(imgW/imgH);
}
obj.width=imgW;
obj.height=imgH;
}
}
上例的使用示例:<img src="/www.metsky.com/logo.gif" onload="resizeimg(this,600,1024);"/>
我们在制定宽度和高度值的时候,一般宽度是肯定需要限定,而高度经常不需要限制,所以可以把高度指定的大一点,如果高度也限制,那么相当于制定一个 image box,下面的程序或许对您很有用(不限制图片高度的忽略下面这个示例)。
当指定图片BOX的时候,一般都还需要在图片自适应之后显示在BOX容器的中间,也就是水平和垂直都需要居中。首先需要指定BOX容器的宽度和高度,然后可以使用CSS来控制显示效果,也可以使用Javascript控制显示效果。示例如下:
IMAGE BOX容器:
<div id="imgbox" style="width:800px;height:800px;border:1px solid #CCCCCC">
<img src="..." onload="resizeimg(this,600,600)"/>
</div>
CSS显示方法如下:
#imgbox {text-align:center;vertical-align:middle;}
#imgbox img {vertical-align:middle;}
或使用Javascript完成:
在上文resizeimg()函数里最后只需要增加类似这样的语句,
obj.style.margin-left=(800-imgW)/2;
obj.style.margin-top=(800-imgH)/2;
即可,当然了,您总不能让resize尺寸本来就超出BOX容器尺寸吧,否则图片就把容器撑大,style风格肯定就对不上了。
9、请问各位网页设计师,你们的制作网站模板时的图片是从哪里来?
有专门下PSD素材元素的网站,可以下载PSD素材,然后做网页设计的人可以用这些素材加工.进行元素组合;
至于从到到尾手给也有那种专业性特强的人才,进行PS给画;那种是专门画某些人物啊,风景啊\房子啊什么的.画某一个单一的东西就进行手给;
网页设计用到的元素就很多;不是画,比如云彩,蓝天,树,人物,花啊什么的;它是拍投好的PS处理一下;放到网上进行下载,网页里不一定什么元素都要.也许只要某几种.这样对这几种进行组合.达到美化的效果.
所以呢.两种是有不同的.
10、线上图片简单设计网站有?
目前市场上这类产品比较少,可根据自身的要求选择一个自己喜欢的网站进行编辑