2022-12-12 19:08来源:m.sf1369.com作者:宇宇
从规范上来讲能分离的就分离,减去多余的代码。
从逻辑上来讲,我个人认为没什么区别,看你自己喜欢了,因为就多几行调用CSS样式代码,影响微乎其微,可以忽略不计。因为不管你分离或不分离,调用CSS样式那个步骤都得走的。
强大的控制能力和排版能力:CSS 控制字体的能力比标记好多了,因此现在标记早已被 W3C 组织列为不被推荐使用的标记。 提高了网页的浏览速度: 使用 CSS 设计方法比传统的 Web 设计节省了50%到60%的文件尺寸。Table 标签是全部加载完才会显示出来,而 CSS 页面是加载一点显示一点也更好的提高了网页的浏览速度。以前非得通过图片转换实现的功能,现在只要用 CSS 就可以轻松实现, 改为从而能够更快地下载页面。 缩短修改时间提高工作量:传统的 Web 页面是需要修改每个及
等标签,而利用 CSS 设计的 Web 页面只需要简单的修改几个 CSS 文件就可以重新设计整个站点。 更有利于搜索引擎的搜索:CSS 减少了代码量,使得正文更加突出,有利于搜索引擎的更有效的搜索到你的 Web 页面。
在国内我建议您可以多看看马蹄网,这个网站在室内设计方面的内容比较多,涵盖的也比较全,有样板房,售楼处,会所,办公室,园林,软装,酒店,博物馆,幼儿园等等方面的设计,我觉得在国内是比较全面的。国外的网站我建议您可以用Pinterest,这个网站也是比较全面,里面涵盖的内容也是很全面的,基本上您所想要搜素的内容都能在里面搜索的到。
1楼就足够了,只要做框架图和注释的话 VISIO很不错 是微软的专门做这事的工具
PS一般来说都是美工在用,策划的机器一般来说都比较差,PS的内存占用蛮大,使用上比VISIO来说相对麻烦一点,所以策划或者程序做设计图的时候没必要用PS
谢邀!一、菜鸟级网页制作软件 如果你是一个网页制作初学者,那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧! ①Microsoft FrontPage 如果你曾对Word很熟悉,那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页,你能真正体会到“功能强大,简单易用”的含义。页面制作由FrontPage中的Editor完成,其工作窗口由3个标签页组成,分别是“所见即所得”的编辑页,HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器,支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。 FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时,不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作,又能通过Internet直接对远程服务器上的文件进行工作的软件。 ②Netscape编辑器 Netscape Communicator和Netscape Navigator Gold3.0版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网,使用Netscape编辑器真是简单方便!当你用Netscape浏览器显示网页时,单击编辑按钮,Netscape就会把网页存储在硬盘中,然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色,改变主页作者、标题、背景颜色或图像,定义描点,插入链接,定义文档编码,插入图像,创建表格等,是不是与FrontPage 2000还有些像?但是,Netscape编辑器对复杂的网页设计就显得功能有限了,它连表单创建、多框架创建都不支持。 Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的,Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话,能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句,也可以弥补Netscape编辑器的一些不足。 ③Adobe Pagemill Pagemill功能不算强大,但使用起来很方便,适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像,那么Adobe Pagemill的确是你的首选。 Pagemill另一大特色是有一个剪贴板,可以将任意多的文本、图形、表格拖放到里面,需要时再打开,很方便。 ④Claris Home Page 如果使用Claris Home Page软件,你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具,你不必花费太多的力气就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker数据库,增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙,对Image Map图像的处理也不完全。 二、中级网页制作软件 如果你对网页设计已经有了一定的基础,对HTML语言又有一定的了解,那么你可以选择下面的几种软件来设计你的网页,他们一定会为你的网页添色不少。 ①DreamWeaver 自制动态HTML动画的网页 DreamWeaver是一个很酷的网页设计软件,它包括可视化编辑、HTML代码编辑的软件包,并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性,而且它还能通过拖拽从头到尾制作动态的HTML动画,支持动态HTML(Dynamic HTML)的设计,使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。 DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换,HTML句法及结构不变。这样,专业设计者可以在不改变原有编辑习惯的同时,充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计,这项设计使任何人都可以轻易扩展它的功能。 ②Fireworks 第一款彻底为Web制作者们设计的软件 Fireworks的来头实在不小,它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发,内建丰富的支持网络出版功能,比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系,可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片! ③Flash 让你的网页动起来 Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小,可边下载边播放,这样就避免了用户长时间的等待。#{6FLASH6}#可以用其生成动画,还可在网页中加入声音。这样你就能生成多媒体的图形和界面,而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程,但用其内置的语句并结合JavaScripe,您也可做出互动性很强的主页来。有人曾经说过:下个世纪的网络设计人不会用FLASH,必将被淘汰出局!我相信这句话没错! ④HotDog Professional 制作要加入多种复杂技术的网页 HotDog是较早基于代码的网页设计工具,其最具特色的是提供了许多向导工具,能帮助设计者制作页面中的复杂部分。HotDog的高级HTML支持插入marquee,并能在预览模式中以正常速度观看。这点非常难得,因为即使首创这种标签的Microsoft在FrontPage中也未提供这样的功能。HotDog对plug-in的支持也远远超过其他产品,它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便。 HotDog是个功能强大的软件,对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者,是个很好的选择。 ⑤HomeSite 制作可完全控制页面进程的网页 Allaire的HomeSite是一个小巧而全能的HTML代码编辑器,有丰富的帮助功能,支持CGI和CSS等等,并且可以直接编辑perl程序。HomeSite工作界面繁简由人,根据习惯,可以将其设置成像Notepad那样简单的编辑窗口,也可以在复杂的界面下工作。 HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程,HomeSite是你最佳选择。不过对于生手过于复杂。 ⑥HotMetal Pro 制作具有强大数据嵌入能力的网页 HotMetal既提供“所见即所得”图形制作方式,又提供代码编辑方式,是个令各层次设计者都不至于失望的软件。但是初学者需要熟知HTML,才能得心应手地使用这个软件。HotMetal具有强大的数据嵌入能力,利用它的数据插入向导,可以把外部的Access、Word、Excel以及其他ODBC数据提出来,放入页面中。而且HotMetal能够把它们自动转换为HTML格式,是不是很棒?此外它还能转换很多老格式的文档(如WordStar等),并能在转换过程中把这些文档里的图片自动转换为GIF格式。 HotMetal为用户提供了“太多”的工具,而且它还可以用网状图或树状图表现整个站点文档的链接状况。 三、高级网页制作软件 ①Microsoft Visual Studio 该系列的版本有:2003、2005、2008和未来的版本; 适合开发动态的aspx网页,同时,还能制作无刷新网站、webservice功能等,仅适合高级用户。 ②Jbuilder 不论是各种版本,均适合使用其开发出JSP网页,仅适合高级用户。 ③记事本 别以为记事本功能非常少,软件很简单;但是,如何想使用它来制作网页,也仅适合高级用户;因为在其内容,没有任何可视化的操作可直接制作网页,而只能编写各种HTML代码、CSS代码、JS代码和各种动态脚本,方能制作出网页来。
如果你的页面是表格形式的
那在表格<table>里加入align="center"这个表格的宽度应该是780因为有20像素留给滚动条再分辨率800*600的时候才没有滚动条显示
PNG是20世纪90年代中期开始开发的图像文件存储格式,其目的是企图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性。流式网络图形格式(Portable Network Graphic Format,PNG)名称来源于非官方的“PNG's Not GIF”,是一种位图文件(bitmap file)存储格式,读成“ping”。
文 件 类 型
扩 展 名
说 明
Web Form与AJAX Web Form
.aspx
这些文件是所有ASP.NET Web站点都要用到的文件。Web Form是用户在他们的浏览器中浏览的页面。AJAX Web Form类似于常规Web Form,但是它已完全可以用于Ajax控件。
Master Page与AJAX Master Page
.master
这些文件允许定义Web站点的全局结构和外观。正如AJAX Web Form一样,AJAX Master Page含有使有AJAX所必需的代码
Web User Control
.ascx
含有可重复用在站点的多个页面中的页面片段。
HTML Page
.htm/ .html
可用来显示Web站点中的静态HTML
Style Sheet
.css
含有允许定制Web站点的样式和格式的CSS代码。
Web Configuration File
.config
含有用在整个站点中的全局配置信息。
Site Map
.sitemap
含有一个层次结构,表示站点中XML格式的文件。
JScript File
.js
含有可以在客户机的浏览器中执行的JavaScript(Microsoft称之为JScript)
Skin File
.skin
含有设计Web站点中的控件的信息
1、所谓HTML是超文本标记语言(HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
2、HTML页面布局有两种方式,一种是TABLE布局,一种是DIV布局。
3、以前WEB1.0时代基本上都是table布局,后来WEB2.0,3.0时代,都是以DIV布局为主。但是div布局的编写难度比table布局要高。 4、希望对你有帮助。
网址是用来搜索自己所需各种资料的地方,那么网址格式怎么写模板呢,大家一起学习一下吧。
1.网站地址是将通向网站的地址用所属互联网类型。
2.如最常见的“www(万维网)+访问协议+域名”的形式表达出来的。
3.网址是由所尾互联网类型,访问协议和域名三部分组成。其次各组成成分之间用英文格式下的点连接。
总的来说网站模板就像布前端页面一样用div+css布局,然后从controller层assign数据到视图层,也就zhi是你存放的模板页,在模板中进行渲染就可以。