网页设计与制作怎么弄背景图片-织梦企业模板-站长建站的模板站

Website Home

根据我对你提出的问题的理解：网页设计就是让你根据将要建设的网站的主题和思想去设计一套网页的效果图！！网页制作说白了就是你设计出来的网页效果图确定了以后，进行切图，布局！<bodystyle=background:url(../images/body_bg.jpg)repeat>把这句替换你的页面中的<body>意思是整个页面都设置body_bg.jpg这张图片作为背景图片并全屏平铺.若只想往左边平铺的话呢.则把里面的repeat替换成repeat-x,若只想往下平铺呢,则把repeat替换成repear-y<style>body{background-image:url(/logo/60th.jpg);background-repeat:no-repeat;background-position:topcenter;padding-top:48px;}.main01{clear:both;width:900px;margin:10pxauto0pxauto;overflow:hidden;}.main01.left{float:left;width:300px;}</style>这段代码可以设置左宽多少右宽多少，上宽多少，你可以试一试想让背景不重复的话只要在其CSS属性内加上:background-repeat:no-repeat;就可以了至于把背景扩大的话需要用PS扩大你说的应该是鼠标放到图片上然后图片自动放大而不是宽高的放大追问：我希望的是一打开网页，背景不重复的覆盖整个body部分，不是四分之一的body。我是这个意思回你是要规定背景咯追问：在哪里规定，页面属性和CSS里面都找不到。我用的是AdobeDreamweaverCS3回body{background:url(booy.jpg)no-repeatfixedcentertoptransparent;}Dreamweaver只是编辑器又不是代码库追问：fixedcentertoptransparent这几个前面加什么。我是初学者，而且英语不行回fixed固定图片center居中追问：我的意思是前面加什么。就像no-repeat前面加background-repeat：，不是问什么意思。回no-repeat就是不重复图片追问：我知道no-repeat是不重复图片的意思，但是你就这么打在style也没用，前面要加一个background-repeat：，我的意思是fixedcentertoptransparent这几个前面要加什么才会生效回你留下你QQ我稍后加你追问：942754361采纳哦背景图片不能拉伸，没有这个功能，只能根据你表格的高度设计图片高度怎么写开题报告呢？首先要把在准备工作当中搜集的资料整理出来，包括课题名称、课题内容、课题的理论依据、参加人员、组织安排和分工、大概需要的时间、经费的估算等等。第一是标题的拟定。课题在准备工作中已经确立了，所以开题报告的标题是不成问题的，把你研究的课题直接写上就行了。比如我曾指导过一组同学对伦教的文化诸如“伦教糕”、伦教木工机械、伦教文物等进行研究，拟定的标题就是“伦教文化研究”。第二就是内容的撰写。开题报告的主要内容包括以下几个部分：一、课题研究的背景。所谓课题背景，主要指的是为什么要对这个课题进行研究，所以有的课题干脆把这一部分称为“问题的提出”，意思就是说为什么要提出这个问题，或者说提出这个课题。比如我曾指导的一个课题“伦教文化研究”，背景说明部分里就是说在改革开放的浪潮中，伦教作为珠江三角洲一角，在经济迅速发展的同时，她的文化发展怎么样，有哪些成就，对居民有什么影响，有哪些还要改进的。当然背景所叙述的内容还有很多，既可以是社会背景，也可以是自然背景。关键在于我们所确定的课题是什么。二、课题研究的内容。课题研究的内容，顾名思义，就是我们的课题要研究的是什么。比如我校黄姝老师的指导的课题“佛山新八景”，课题研究的内容就是：“以佛山新八景为重点，考察佛山历史文化沉淀的昨天、今天、明天，结合佛山经济发展的趋势，拟定开发具有新佛山、新八景、新气象的文化旅游的可行性报告及开发方案。”三、课题研究的目的和意义。课题研究的目的，应该叙述自己在这次研究中想要达到的境地或想要得到的结果。比如我校叶少珍老师指导的“重走长征路”研究课题，在其研究目标一栏中就是这样叙述的：1、通过再现长征历程，追忆红军战士的丰功伟绩，对长征概况、长征途中遇到了哪些艰难险阻、什么是长征精神，有更深刻的了解和感悟。2、通过小组同学间的分工合作、交流、展示、解说，培养合作参与精神和自我展示能力。3、通过本次活动，使同学的信息技术得到提高，进一步提高信息素养。四、课题研究的方法。在“课题研究的方法”这一部分，应该提出本课题组关于解决本课题问题的门路或者说程序等。一般来说，研究性学习的课题研究方法有：实地调查考察法(通过组织学生到所研究的处所实地调查，从而得出结论的方法)、问卷调查法（根据本课题的情况和自己要了解的内容设置一些问题，以问卷的形式向相关人员调查的方法）、人物采访法（直接向有关人员采访，以掌握第一手材料的方法）、文献法（通过查阅各类资料、图表等,分析、比较得出结论）等等。在课题研究中，应该根据自己课题的实际情况提出相关的课题研究方法，不一定面面俱到，只要实用就行。五、课题研究的步骤。课题研究的步骤，当然就是说本课题准备通过哪几步程序来达到研究的目的。所以在这一部分里应该着重思考的问题就是自己的课题大概准备分几步来完成。一般来说课题研究的基本步骤不外乎是以下几个方面：准备阶段、查阅资料阶段、实地考察阶段、问卷调查阶段、采访阶段、资料的分析整理阶段、对本课题的总结与反思阶段等。六、课题参与人员及组织分工。这属于对本课题研究的管理范畴，但也不可忽视。因为管理不到位，学生不能明确自己的职责，有时就会偷懒或者互相推诿，有时就会做重复劳动。因此课题参与人员的组织分工是不可少的。最好是把所有的参与研究的学生分成几个小组，每个小组通过民主选举的方式推选出小组长，由小组长负责本小组的任务分派和落实。然后根据本课题的情况，把相关的研究任务分割成几大部分，一个小组负责一个部分。最后由小组长组织人员汇总和整理。七、课题的经费估算。一个课题要开展，必然需要一些经费来启动，所以最后还应该大概地估算一下本课题所需要的资金是多少，比如搜集资料需要多少钱，实地调查的外出经费，问卷调查的印刷和分发的费用，课题组所要占用的场地费，有些课题还需要购买一些相关的材料，结题报告等资料的印刷费等等。所谓“大军未动，粮草先行”，没有足够的资金作后盾，课题研究势必举步维艰，捉襟见肘，甚至于半途而废。因此，课题的经费也必须在开题之初就估算好，未雨绸缪，才能真正把本课题的研究做到最好。网页制作Webjx文章简介：背景图片/纹理有很多种使用方式，常常用于添加网站的最佳的最终美化。现在它在CSS3中被重视，我们可以应用多背景图和背景图片尺寸来实现更完美的效果。背景图片/纹理有很多种使用方式，常常用于添加网背景图片/纹理有很多种使用方式，常常用于添加网站的最佳的最终美化。现在它在CSS3中被重视，我们可以应用多背景图和背景图片尺寸来实现更完美的效果。背景图片/纹理有很多种使用方式，常常用于添加网站的最佳的最终美化。现在它在CSS3中被重视，我们可以应用多背景图和背景图片尺寸来实现更完美的效果。CSS3的背景图片大小可以写成background-size:ApxBpx;-Apx=x轴(图片宽度)-Bpx=y轴(图片高度)了解了这些，我们开始体验这个特性吧：最好支持CSS3背景大小的浏览器是Safari和Opera，所以我们只需要使用-o和-webkit前缀。背景大小#backgroundSize{border:5pxsolid#bd9ec4;background:url(image_1.extention)bottomrightno-repeat;-o-background-size:150px250px;-webkit-background-size:150px250px;padding:15px25px;height:inherit;width:590px;}浏览器支持：Firefox(3.05…)GoogleChrome(1.0.154…)GoogleChrome(2.0.156…)InternetExplorer(IE7,IE8RC1)Opera(9.6…)Safari(3.2.1windows…)为了在CSS3中应用多背景图片，我们使用都好隔开，例如：background:url(image_1.extention)toprightno-repeat,url(image_2.extention)bottomrightno-repeat;#backgroundMultiple{border:5pxsolid#9e9aab;background:url(image_1.extention)topleftno-repeat,url(image_2.extention)bottomleftno-repeat,url(image_3.extention)bottomrightno-repeat;padding:15px25px;height:inherit;width:590px;}浏览器支持：Firefox(3.05…)GoogleChrome(1.0.154…)GoogleChrome(2.0.156…)InternetExplorer(IE7,IE8RC1)Opera(9.6…)Safari(3.2.1windows…)<bodybackground="images/bg.gif">background是背景图片在做WEB设计时最让人头痛的就是不同浏览器之间的显示差异，这一点尤其以IE6最让人深恶痛绝。最近就碰到一个非常让人头痛的问题，PNG在IE6下的透明效果失效。研究了差不多三天，终于不完美解决了这个问题。W3C标准推荐使用PNG图片作为网页首选图像资源，但是漂亮、和谐而且有透明效果的PNG却在IE6下显示得一塌糊涂。为了解决这个问题查阅了很多资料，核心原理是使用IE独有的CSS样式中的behaviro属性，最终用如下方法解决：1.下载iepngfix.zip，其中有三个文件：iepngfix.htc、iepngfix_tilebg.js、blank.gif，将这几个文件解压出来放到所需要使用png做为CSS背景的网站的根目录下。2.假定一个div需使用png作为背景，标准的做法是：#mydiv{background:url(../img/main.png)no-repeat;width:739px;height:366px;top:12%;left:20%;position:absolute;}此时该背景能在FF和IE7下正常显示，但是在IE6下会有恐怖的“灰边”。需要使用滤镜来解决。具体做法是使用上面提到的htc文件，在CSS样式的最后定义一个behaviro属性。新的的样式定义为：#login_main{background:url(../img/main.png)no-repeat;width:739px;height:366px;top:12%;left:20%;position:absolute;behavior:url("iepngfix.htc");}此时要注意url内的路径是相对于index.htm来说的，而不是相对于定义其样式的css文件。3.在index.htm文件中需要引入上文中提到的第二个javascript文件，使用<scriptlanguage="javascript"src="iepngfix_tilebg.js"></script>插入到<head></head>中此时大功告成，使用IE6浏览index.htm文件看看效果，得意的笑吧。顺便提醒一句，对于普通IE6升级成IE7的XP用户，这两种浏览器是无法在同一个操作系统中共存的，笔者比较愚笨，使用了SUN的virtualbox装了一个WIN2K3，幸好virtualbox提供全屏和无缝模式，使得虚拟机用起来还是蛮流畅的。优化：方案一：可以发现，当需要用到的png图片比较多时IE6反应会有些迟钝，因为IE6每次加载需要透明的PNG时都会进行一系列的运算，将png中的alpha透明部分用blank.gif空白位图代替，可以想象这样的计算规模有多庞大。没办法，这是无法避免的，Vista和IE7早就出来了，还有非常卓越的FF可供选择，使用IE6的客户所占的份额总会渐渐下降的。观察一下，此时使用IE7打开刚刚index.htm可以发现，本来非常完美而且不需要做任何改动的页面在IE7下也加载得特别慢，看来behaviro属性也影响到了IE7，让IE7也做了繁重的无用功。此时我们的目标是将IE7解放出来，查阅各种浏览器的hack，发现只有IE6在CSS中能够认识下划线“_”，所以我们在刚刚的CSS样式中的behaviro前加上一个下划线。而这个下划线无论是FF或者IE7都是不会去解析的，这样IE7就会忽略这个CSS属性，既而解放了IE7。方案二：既然此次处理的目标就是IE6浏览器，所以在首页中的JS加载语句也可以加上一个小小的改动，加上“”标签，既而只针对IE6，而解放了其他浏览器，使它们在页面加载时就忽略iepngfix_tilebg.js这个文件，提高效率。而可怜的IE6，让它接受暴风骤雨般的CPU消耗吧，没办法，爱莫能助了。