1、HTML网页制作中,总共有几种布局方式?
1.自然布局。
没有任何修饰的布局是自动靠左的。
2.流动布局
上面讲的float:left的情况。
3.定位布局
相对定位和绝对定位都是相对于父div标签的。
相对------以这个元素的本来应该在的位置为参照点
绝对——以父div标签的原点(左上角)为参照点。
由于外层是position:relative,所以里层是absolute的话,则会以外层的左上角为位移参考对齐。当然外层只写position:relative,写上left,top这两个值,则表示以:以这个元素的本来应该在的位置为布局参照原点进行left,top对齐。
还有一种情况是,只是一个position:absolute;外层没有position:relative,这时会找寻那个点为参考呢?这时候的原则是:如果某父级元素中有relative者,则以某父级元素为参考原点,如果没有position:relative,则以body为参考原点。如果position:absolute外层没有relative时,这两个布局上是没有区别的。
当然最后一种情况是:外层是:position:absolute;里边是position:relative,那会是什么情况?按着原来的原则,absolute会参考body为布局原点,relative会参考他本来应该在的位置为布局原点,这时候其实就是参考外层左上角为布局原点。
2、网页设计的布局有哪几种
可以用table表格布局 dw里拉表格 速度很快 但是后期排查 问题比较多 冗余代码!
也可以用div+css布局 建议选择后者 熟练了也会很快速 并且不会有代码冗余
3、网页制作的软件有几大类?几种?
网页制作相关软件
工欲善其事,必先利其器。制作网页头件事就是要选定网页制作软件。虽然用记事本、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可以完成如下工作:组合现有的图像,创建类似于漫画的动画;给一个图像添加动画效果,创建具有效果的动画;给指定的字符串添加动画效果,创建字符动画。
12、DJ Java Decompiler
DJ Java Decompiler 是个反编译的工具,可以将编译过的CLASS文件编译还原成为Java原始文件,并且不需要额外安装JVM(Java Virtual Machine)或是Java SDK的工具模组即可使用。不单如此,DJ Java Decompiler也兼具有Java程序编辑工具的角色,提供一些辅助功能便于程序撰写与修改。
4、网页设计的布局有哪几种
网页设计的布局有哪几种?
1.“国”字型:
2.拐角型:
3.标题正文型:
4.左右框架型:
5.上下框架型:
6.综合框架型:
7.封面型:
8.Flash型:网页设计
9.变化型:网页设计
5、网页设计中的,网页布局有几种方式?哪种方式最快?
页面布局就一种 就是HTML+CSS
看怎么样代码越简练越好
如果一个DIV 就能设定好LOGO的位置了 何必划分那么多个表格
如果文章列表里有时间 作者等信息 甚至是一些类似EXCEL表的东西 需要每列对齐 那LI肯定排版不如表格来的方便 代码页简练 那就用TABLE来做
尽量用最少的代码 来做页面就最好了
如果有上百个页面 很多部分比较类似 就使用iframe嵌套的页面 或者用程序里的include来包含页面最好 比如顶部包含页面 底部包含页面 菜单页面 左侧页面 右侧页面 都单独独立出来
6、网页设计中有哪几种常用的图片格式
1、PDF格式,是Photoshop图像处理软件的专用文件格式,文件扩展名是.psd
2、GIF图片格式,GIF是一种调色板型(palette type)(或者说是索引型)的图片。它含有多达256种的颜色。每一个象素点都有一个对应的颜色值。因为这种格式不再存在专利权的问题。
3、 PNG图片格式,PNG的图片又分为 PNG-8 、 PNG-24 两种,其中,PNG-8 与 GIF 类似,支持 256 色调色板 ,而 PNG-24 只支持 48 位真彩色,凡是 GIF 拥有的优势 PNG-8 都拥有,GIF 所没有的优势 PNG-8 也有,同样的文件,PNG-8 格式比 GIF 要小
4、JPEG图片格式,是目前网络上最流行的图像格式,是可以把文件压缩到最小的格式,在 Photoshop软件中以JPEG格式储存时,提供11级压缩级别,以0—10级表示。其中0级压缩比最高,图像品质最差。即使采用细节几乎无损的10 级质量保存时,压缩比也可达 5:1。
5、BMP图片格式,BMP是英文Bitmap(位图)的简写,它是Windows操作系统中的标准图像文件格式,在Windows环境下运行的所有图象处理软件都支持BMP图象文件格式。
6、TGA图片格式: TGA的结构比较简单,属于一种图形、图像数据的通用格式,在多媒体领域有着很大影响,在做影视编辑时经常使用,例如3DS MAX输出TGA图片序列导入到AE里面进行后期编辑。
7、网页的设计有几种方法
第一、靠前、无边框设计。无边框设计在近几年比较流行,在设计页面的时候,将页面中的风格线、边框删掉,用间距来代替的一种设计方法。无边框设计一般是以大图为主,图片本来就是一种分割元素。而内容基本是有规律的,留白间距之间的内容一定要相对一致、重复、紧密,这样用户在浏览的时候才会认为这些内容是一体的。一般来说,小众垂直的产品更适合使用无边框设计。
第二、卡片设计。卡片的设计打破了传统上固定的排版布局方式,提升了版面的使用率,可以给网站建设增加更多的惊喜。那么卡片设计有哪些优势呢?1、可以提高页面的使用率。卡片就好像是一个容器,将类型不一样的内容设置在不一样的卡片中,这样就可以很好地区分内容,还能够统一页面的风格。比如传统列表,内容一般是纵向滚动的方式,能够展示的内容比较有限,卡片式的设计采用的滑动方式,就可以有效地解决空间问题。2、区分卡片上的内容。卡片就好像是一个容器,将不同的内容放置在不同的卡片,更好地区分内容的类型。卡片的维度是不一样的,而且相对独立、有互相有联系,所以通过卡片归纳网站的内容,整个网站就显得更有秩序。3、卡片式设计可以提升可控性、提升体验度。卡片式设计的使用范围比较广泛,可以覆盖、滑动、堆叠,有良好的扩展性和可操作性。
第三、分割线的设计。这也是常见的一种页面布局设计方式,可以更好地帮助用户快速熟悉页面的布局,有良好的内容组织性。分割线可以贯穿整个页面,将不同的内容进行分割,成为独立的信息。
网站建设中的页面布局,有不同的设计方式,而且设计的趋势不断在变化,在设计页面布局之前,就要考虑好合适的样式,不能一味地追求潮流,根据产品的实际需求,选择合适的设计方式。而分割线的设计,想要做得出色,就要处理好线的间距、粗细、颜色等等
8、制作网页有多少种方法
很多种,最快最简单的就是直接把.txt文件修改后缀成.html
还有一大批的网页制作软件,少说也有几十种,动态静态的网页都有