网页制作文件
网页设计尺寸与PSWEB文件尺寸
网页设计在初始要界定出网页的尺寸大小。就像绘画给出一块画版来。这样才能方便设计。 网页的尺寸受限于两个因素:一个是显示器屏幕。显示器现在种类很多,以17寸为主流, 正在朝19寸及宽屏的方向发展。但目前也有为数不少的15寸显示器。另一个是浏览器软件,就是我们常用的IE,遨游,Friefox等。 高度: 高度是可以向下延展的,所以一般对高度不限制。 对于一屏来说,一般没有一个固定值,因为每个人的浏览器的工具栏不同,我见过有的浏览器工具栏被插件占了半个屏幕,所以高度没有确切值。 宽度: 1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。 2、在Firefox下,宽度的分率辨减19。比如1024的宽度-19就变成1005 3、在Opear下,宽度的分率辨减23。比如1024的宽度-23就变成1001 注:Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。 所以如果是1024的分辨率,你的网页不如设成1000安全一点。设成900两侧空白更大,视觉上更舒服一点。也方便做一些浮动层的设计。 如果是800的分辨率一般都设成770。但也有设成760的。 这些需要明白并且牢记,不然很可能做出来不符合浏览器要求,不过一般我们都回设定的再稍微小一点,应为有些浏览器加了插件或者其他的东西宽度会有变化所以 800的分辨率一般设定760左右,1024的设定990左右。 网页设计标准尺寸: 1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。 2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间。就不会出现水平滚动条和垂直滚动条。 3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右 4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象。 页面标准按800*600分辨率制作,实际尺寸为778*434px 页面长度原则上不超过3屏,宽度不超过1屏 每个标准页面为A4幅面大小,即8.5X11英寸 全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px 另外120*90,120*60也是小图标的标准尺寸 每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K 标准网页广告尺寸规格 一、120*120,这种广告规格适用于产品或新闻照片展示。 二、120*60,这种广告规格主要用于做LOGO使用。 三、120*90,主要应用于产品演示或大型LOGO。 四、125*125,这种规格适于表现照片效果的图像广告。 五、234*60,这种规格适用于框架或左右形式主页的广告链接。 六、392*72,主要用于有较多图片展示的广告条,用于页眉或页脚。 七、468*60,应用最为广泛的广告条尺寸,用于页眉或页脚。 八、88*31,主要用于网页链接,或网站小型LOGO。 广告形式 像素大小 最大尺寸 备注 BUTTON 120*60(必须用gif) 7K 215*50(必须用gif) 7K 通栏 760*100 25K 静态图片或减少运动效果 430*50 15K 超级通栏 760*100 to 760*200 共40K 静态图片或减少运动效果 巨幅广告 336*280 35K 585*120 竖边广告 130*300 25K 全屏广告 800*600 40K 必须为静态图片,FLASH格式 图文混排 各频道不同 15K 弹出窗口 400*300(尽量用gif) 40K BANNER 468*60(尽量用gif) 18K 悬停按钮 80*80(必须用gif) 7K 流媒体 300*200(可做不规则形状但尺寸不能超过300*200) 30K 播放时间 小于5秒60帧(1秒/12帧) 网页中的广告尺寸 1.首页右上,尺寸120*60 2.首页顶部通栏,尺寸468*60 3.首页顶部通栏,尺寸760*60 4.首页中部通栏,尺寸580*60 5.内页顶部通栏,尺寸468*60 6.内页顶部通栏,尺寸760*60 7.内页左上,尺寸150*60或300*300 8.下载地址页面,尺寸560*60或468*60 9.内页底部通栏,尺寸760*60 10.左漂浮,尺寸80*80或100*100 11.右漂浮,尺寸80*80或100*100
如何使用Dreamweaver制作一个网页
1、新建一个ASP网页并且保存;2、连接好数据库;3、 在网页中插入模板的内容,并添加好各个超链接;4、页面设计好后把网页另存为模板。5、接着在需要编辑的部分插入“可编辑区域”;6、保存后,我们就可以在网站根目录下的“Templates”文件夹下看见我们刚刚新建的模板了。以后要修改模板的内容就可以直接打开编辑了。这个需要一定的dw知识,不是随便可以操作的。
如何在excel表格里链接另一个表格里面的数据,要详细操作方法
根据源数据的方法应有好多种类型,一般说来一是公式法,最简单的公式法直接引用路径就行,如 =表1!A1 这种式样二是超级联接法三透视表等工具命令四摄像工具的关联不知你具体的数据情况,你可根据你的要求选择使用,有不明白的请
制作PV一般需要用到哪些软件?怎么制作?
工欲善其事,必先利其器。制作网页头件事就是要选定网页制作软件。虽然用记事本、Word也能做出网页,但网页上的许多效果是做不出来的,所以不可取。如果你想学网页制作,下面介绍的软件肯定对你会有帮助。 1、FrontPage FrontPage是一款优秀的网页制作与开发工具之一,它本身也是Office2000中的一个重要组件,采用了与Office2000其他组件一致的界面和操作方式,只要您使用过Office软件,就可以轻松掌握FrontPage的用法。 2、网页制作三剑客 Flash、Dreamweaver、Fireworks合在一起被称为网页制作三剑客。这三个软件相辅相承,是制作网页的首选工具,其中Dreamweaver主要用来制作网页文件,制作出来的网页兼容性好、制作效率也很高,Flash用来制作精美的网页动画,Fireworks用来处理网页中的图形。 3、Photoshop Photoshop是Adobe公司的王牌产品,无论是在平面广告设计、室内装潢,还是处理个人数码照片方面,Photoshop都已经成为不可或缺的工具。在网页制作方面,它多姿多彩的滤镜和功能强大的选择工具可以做出各种各样的文字效果来。 4、Swishmax Swish是一款非常方便的Flash文字特效制作工具,你只要点几下鼠标,就可以创造出形状、文字、按钮动画,你也可以选择内建的超过230种诸如爆炸、漩涡、3D旋转以及波浪等预设的动画效果。 5、PhotoImpact PhotoImpact提供了多媒体时代专业影像设计者最直觉的创意空间、最方便的制作工具、及最宽广的表达形式,整合了新时代的3D物件及文字特效与粒子效果、压力笔支援、不同的自然笔触、各式直觉操作的特效图库、以及网页影像与办公室文件的相容性,将构思到表达的过程完整组合,是专业网页影像设计者不可或缺的利器。 6、Sound Forge Sound Forge软件是一款非常棒的音效编辑软件,它除了音效编辑软件的功能外,还可以让你处理大量的音效转换的工作,使你能够轻松的完成各种看似复杂的音效编辑工作。如果下载的是英文版,可以用金山快译永久汉化,但效果不是很尽人意。 7、硕思闪客精灵 硕思闪客精灵是一款用于浏览和解析Flash动画的工具。它可以将.swf文件导出成.fla文件,还能将flash动画中的图片、矢量图、声音、视频(*.flv)、文字、按钮、影片片段、帧等基本元素完全分解,以及对动作脚本(ActionScript)进行解析,清楚的显示其动作代码,让你对Flash动画的构造一目了然。建议你赶快去下载吧!} 8、Clipyard 你只要导入不同的Flash动画文件,将其放在不同的层上,经调试效果,导出后就成了一个单独的flash了,操作简单,特别适合于将自己喜欢的Flash动画加入祝福、签名后赠送友人。 9、FlashFXP 是一款优秀的FTP工具,特别适合Web站点管理员使用。支持文件夹(带子文件夹)的文件传送、删除;支持上传、下载及第三方文件续传;可以跳过指定的文件类型,只传送需要的文件;可以自定义不同文件类型的显示颜色;可以缓存远端文件夹列表,支持FTP代理;具有避免空闲功能,防止被站点踢出;可以显示或隐藏“隐藏”属性的文件、文件夹;支持每个站点使用被动模式等。 10、FlaX FlaX是一款制作Flash文字特效的小巧软件。在以前若要制作文字绕圆圈的动画,在Flash里一个一个字的慢慢调整位置,颇费时间,如果使用FlaX很快就可以就搞定。 FlaX有四个窗口面板:预览窗口、影片属性面板、文字属性面板、特效属性面板。 11、Web Animator Web Animator(网页动画设计)是HomePage Builder附带的创建动画GIF的程序。所谓动画GIF是GIF格式图像文件的一种,组合几个图像象漫画一样连续运动。动画GIF与普通的GIF图像一样可以粘贴到页面。使用Web Animator可以完成如下工作:组合现有的图像,创建类似于漫画的动画;给一个图像添加动画效果,创建具有效果的动画;给指定的字符串添加动画效果,创建字符动画
建立了一个index.html文件,怎么继续做网页
<!DOCTYPE HTML><html><head></head><body>你想做网页的内容就写在这里</body></html>
网页制作的中有DWT是什么文件
dwt 文件是网页模板文件(Dreamweaver Template), 在创建网站的多个网页的时候,通常可以将网页的共同部分创建成为一个模板, 然后给多个网页调用, 以实现网页代码的重复利用· 制作模板的时候, 用户可以自定义的模板可编辑区域和非可编辑区域, 可编辑区域将在调用模板的网页中再次填充代码·dwt: 是CAD的模板文件,把图层、标注样式等等都设置好后另存为DWT格式;可以根据自己的习惯保存在电脑的路径。默认是在CAD安装目录下,以后在制图时找到DWT模板文件放置的文件夹,把刚才创建的DWT文件放进去,以后使用时,新建文档时提示选择模板文件选那个就好了,或者干脆把那个文件取名为acad.dwt(为CAD默认模板),替换默认模板,以后只要打开就可以了。
怎么用frontpage制作网页
这个一句话哪能讲清?先给你一个简易教程,慢慢来吧。一、打开frontpage二、新建一个网页:单击菜单栏[文件]—[新建]—[网页]三、对网页进行基本设置设置网页标题、背景、背景音乐、左右边距:步骤为:A、网页空白处单击鼠标右键在弹出的菜单中选择“网页属性”,将会弹出一个对话框。B、对话框第一选项“常规”中:设置标题:直接输入你想好的网页标题;设置背景音乐,可以直接输音乐的网址,也可以下载到你的电脑上,通过“浏览……”找到,但下载的音乐要保存到你所建的文件夹里面。C、单击对话框第二选项“背景”,设置网页背景。可以设为图片背景,也可以直接设颜色。设图片为背景时,在“背景图片”前打“√”,然后单击通过“浏览……”(事先把找好的图片放在你建的文件夹里面,)找到图片即可。D、单击对话框第三选项“边距”,可以设置网页的左右边距,一般设置为0。所有设好后,单击“确定”。如果想看效果,可以直接点击网页左下面的“预览”。四、做网页首先要规划你的网页样式,一般网页顶部是一个网页标志性图标,和一个图片,还包括你网页的菜单,它是通过表格形式实现的。设置表格方法为:1、添加表格:单击菜单栏“表格”—“插入”—“表格”,根据你的需要设置几行几列,一般将边框粗细设为0,那样在浏览网页的时候就看不到表格线;边距和间距如设为0,则单元格之间的就没有缝隙,可根据需要设置。2、在表格里面插入图片:单击“插入”—“图片”—“来自文件”,在你的文件夹里找到你所需的图片(注:要把你事先找好的图片存在你新建的文件夹,从网上下载图片一般为鼠标指向你所找的图片,然后单击右键,在弹出的菜单中选择“图片另存为……”,保存到你的文件夹下,推荐网址:http://www.3lian.com)。在网页里面插入图片和这方法一样。3、设置网页菜单栏及表格背景:设置菜单栏也就是添加表格,添加表格的时候有几项就设几列(一般有自我简介、论文,试题、课件等),方法同上面所讲,这时可设置单元格边距为0,单元格间距不为0,这样每项之间就有分界线。设置表格背景时:鼠标指向表格单击右键,在弹出的菜单中选择“表格属性”(如对某一个单元格设置背景,则选择“单元格属性”),设置方法同上网页背景设置。其次,填充网页内容。可以直接向表格里面输入所需文字,也可以在网页里直接输入文字,文字排版同WORD里面的操作。其3,增加特效。添加滚动字幕:单击菜单栏“插入”—“组件”—“字幕”,将所需滚动的文字输入。再通过左下角的“样式……”—“格式……”—“字体……”设置字体字号颜色。五、保存网页:单击“文件”—“保存”,出现对话框,网页文件名一定要是英文,不要用中文,并要把网页保存在你开始建的文件夹里。六、网页的链接按照上面的方法,做好几个网页保存在你建的文件夹里,然后通过链接把所有的网页链起来。链接方法为:鼠标选中你所需做链接的文字或图片,单击右键,在弹出的菜单中选择“超链接”,弹出对话框;在对话框的中下面,有一个ULR,可以直接输入网址进行链接;但如果要链接到你计算机里的网页,要单击图标 ,在你的文件夹中找到与文字相对应的网页,然后“确定”。
网页中常见的图像格式有那些?
常用的图片格式有JPG、GIF、PNG。1、jpg:jpg全名是JPEG。JPEG图片以 24 位颜色存储单个位图。JPEG 是与平台无关的格式,支持最高级别的压缩,不过,这种压缩是有损耗的。渐近式 JPEG 文件支持交错。2、gif:GIF分为静态GIF和动画GIF两种,扩展名为.gif,是一种压缩位图格式,支持透明背景图像,适用于多种操作系统,“体型”很小,网上很多小动画都是GIF格式。其实GIF是将多幅图像保存为一个图像文件,从而形成动画,最常见的就是通过一帧帧的动画串联起来的搞笑gif图,所以归根到底GIF仍然是图片文件格式。但GIF只能显示256色。和jpg格式一样,这是一种在网络上非常流行的图形文件格式。3、png:PNG,图像文件存储格式,其设计目的是试图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性。PNG的名称来源于“可移植网络图形格式(Portable Network Graphic Format,PNG)”,也有一个非官方解释“PNG's Not GIF”,是一种位图文件(bitmap file)存储格式,读作“ping”。PNG用来存储灰度图像时,灰度图像的深度可多到16位,存储彩色图像时,彩色图像的深度可多到48位,并且还可存储多到16位的α通道数据。PNG使用从LZ77派生的无损数据压缩算法,一般应用于JAVA程序、网页或S60程序中,原因是它压缩比高,生成文件体积小。
用PS制作网页要存什么格式的图片
存储为web格式 也可以直接存储为png格式即可。ps制作网页步骤:1.先用Photoshop做一个网页图片;2.Ctrl+R调出标尺,在图片上绘制表格,框选出要做链接的部分;3.使用切片工具,按照绘制的表格划分切片4.以上步骤完成后,进行操作“文件”>“储存为Web和设备所用格式”,在打开的窗口中按照自己的需要为网页图片作设置,设置完成后,“储存”,保存类型“html和图片”,切片“所有切片”。5.接下来用Dreamweaver打开html文件,为其作链接及其它。6.最后保存就完了。
Dreamweaver制作的网页存放在哪个文件夹里?
一般是在建立的站点文件目录下。或者在新建一个文件之后,保存可以选择存放的目录。 步骤: 打开Dreamweaver新建一个站点同时新建一个网页。 在进行Dreamweaver的网页设置时第一步要做的就是创建一个站点,只有站点创建好了才能进行网页的设计。 在创建的网站文件夹下建立一个文件夹存放图片。 新建的站点里面什么都没有,需要自己添加文件夹,最好把网页中的文件分类好。css文件,JS文件,图片文件分类存放,方便管理。 将刚刚创建的文件夹设置默认文件夹。 选择管理站点——选择自己建立的站点——选择编辑按钮——高级设置——选择文件夹路径——保存。