优云网络10年专注于石家庄网站建设网络推广微信小程序制作等服务。成熟团队,经验丰富。联系电话/微信:18830108130
关于我们 | 联系我们
优云网络红包功能上线,吸粉利器!
学习营销找优云网络
微商城+微分销,全网营销解决方案
优云网络红包功能上线,吸粉利器!
学习营销找优云网络
微商城+微分销,全网营销解决方案
当前位置:优云网站建设首页 >> 资讯中心 >> 网站建设与CSS编写

网站建设与CSS编写

作者:优云网络 发布时间:2018-02-03 15:00:04 点击:

 
给在网站建设中喜欢用DW中CSS编写的一些建议
  在DreamWeaver中编写CSS编写,这种编写习惯并不提倡,不过由于"可视化"和操作控制简便,使用的朋友依然很多,今天罗列一些“最佳习惯”,希望对这些朋友有所帮助。
  CSS编写正在改变网站设计的进程。为迎合不断增长的倾向于CSS编写的设计人员的需求,Macromedia DW MX引进了一些新的及改善过的CSS编写相关的特性。有了这些新的特性,你可以为未来的更新作好计划,开发与W3C标准更加兼容的站点。本文讨论在DW MX中使用CSS编写以及突出某一特定CSS编写特性时的一些建议。
  一般地讲,样式表(style sheet)就是控制(control)网页网站内容外观的格式化的规则的集合。可以以三种不同的方式在你的页面中使用CSS编写:
  代码式(Inline):写入到代码中的一次性的样式。
  内嵌式(Embedded):可控制(control)一个页面中所有元素的样式表
  外联式(External):可控制(control)许多页面中的元素的样式表
  事实上,许多站点都根据需要把这三种方式结合起来使用。石家庄网络公司不仅仅是提供域名注册、空间租用、网站开发、网站建设与网络营销策划相关的企业组织。只要关于网络方面的问题,可以提供给用户解决问题的,都可以成为网络公司。国内从事网站建设业务的企业有很多,几乎每个网络公司都在开展网站建设业务,网络营销策划业务,只是业务所占比重各有不同。
  在使用CSS编写时一个需要重点(zhòng diǎn)考虑的事实是不同的浏览器以及同一浏览器的不同版本以不同的方式来解析CSS编写。除了网络浏览器的差异之外,你还要意识到还有非常多其他的浏览器,比如听力浏览器,基于电视的浏览器以及Palm pilot和TTY(teletypewriter,远程打字机)一类的手持设备。
  最佳习惯是指什么?
  大多数技术都有自己约定俗成的标准。CSS编写也不例外。虽然并非网络上存在的所有CSS编写都很规范,但按照现有标准来使用CSS编写却还是不无裨益的。一般来说,开发人员应尽可能将内容与报告(The report)分离开来。这样做的好处在于:
  1:增加站点的寿命
  不规范的样式表可能在当时觉得很方便,但新版本的浏览器出来以后,很可能就会出现兼容性问题(Emerson)。到时逐页修改站点就是一项非常费时的工作同时也使使用CSS编写失去了意义。
  2:让你的站点对所有的用户以及浏览器都适用。
  有些地方的政府已经立法要求网站必须让残障人士也同样可以浏览。为残障认识设计的浏览设备(shèbèi),比如听力浏览器,对CSS编写标准性要求极其严格。
  3:让站点更新和维护更加轻松。
  使用方式方法得当的话,CSS编写可让你在一个页面中的调整快速应用到所有页面中去。
  你首先要做的选择是使用哪一种样式表。当涉及到最佳习惯时,对不同样式表的分析如下:
  Inline CSS编写;简单地说,你应该尽量避免使用。除了一些其他的不好的地方之外,使用Inline CSS编写意味着你并没有利用到CSS编写的真正优点,即你并没有将网站内容与格式分离开。DW MX使用Inline CSS编写主要是为了定位页面元素(这些元素在DW MX的用户界面中称为“层(layer)”),或者为了使用某个DHTML特效,它需要使用Inline 样式的&#106avascript来改变一个对象的属性。
  Embedded CSS编写:它也不是最理想的,因为它只能对当前页面施加影响。在更新的过程(guò chéng)中,如果某一个页面丢失,将会使站点的风格不一致;另外,当用户浏览你的站点时,每一页都要下载一次样式表信息。
  External CSS编写:这是你的第一选择(xuanze)。External CSS编写可以让所有连接到它的页面保持一致的外观风格;提纲挈领,更改一次,轻松更新所有相关(related)页面;让你的页面体积更小,浏览速度更快。其他的一些最佳习惯将在下文分析(Analyse)具体的CSS编写特性时提及。
  在DW MX中创建CSS编写样式表
  在DW MX中创建CSS编写样式表时(Text 》CSS编写 Style 》New style sheet),在弹出的对话框中,你有两个选择:新样式表文档(New Style Sheet File) 和只用于当前页(This Document Only)。选中“New Style Sheet File ”你就开始了创建External CSS编写的过程。这个选项要求你在真正的创建过程之前先命名样式表并为它选定一个保存位置;另外一个选项,This Document Only,则会直接把相关(related)代码写入到页面的部分。
  你也可以在“新样式(New style)”对话框中选择(xuanze)一个现存的样式表来编辑或添加新的定义。石家庄网站设计在网页上点击鼠标右键,选择菜单中的 “查看源文件” ,就可以通过记事本看到网页的实际内容。可以看到,网页实际上只是一个纯文本文件。它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述(例如字体、颜色、大小),而浏览器则对这些标记进行解释并生成页面,于是就得到你现在所看到的画面。石家庄网站建设通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,最终以图形用户界面(GUI)的形式被用户所浏览。简单来说,网页设计的目的就是产生网站。
  应该连接到External CSS编写还是导入?
  创建外部样式表以后,你需要把它附加在每个页面上(或是模板)。要这样做,可以在CSS编写面板上淡季“附加样式表(Attach Style Sheet)”按纽,此时会弹出连接外部样式表
  (Link External Style Sheet)对话框,在上面可以浏览到你的目标样式表的名字,找到以后,你可以选择连接(link) 或者导入(import )此外部样式表。
  连接是最常用的方式方法,选择“link”即可把样式表连接到页面。它会在你的页面中加入下面的标记:
  所有支持CSS编写的浏览器都支持连接选项。如果你想一些比较旧的浏览器(比如Netscape 4.x)也能“看到”这个样式表的话,就要采用下面的方法。
  如果你选择(xuanze)“导入”选项,所用的标记为:
  NetSscape4会完全忽略导入的CSS编写,而按照连接的CSS编写来解释页面。这样我们就可以放心使用CSS编写中的新功能,不必担心浏览器的兼容性问题了。
  CSS编写属性检查器
  在DW MX的属性巡查器中可以轻易切换到CSS编写模式。缺省情况(Condition)下,属性检查器会显示原始的HTML模式下字体标签。点击字体下拉菜单旁边的小“A”,你就可以看到目前可用的CSS编写样式表,而不是字体标签列表。
  同时,你也可以轻松切回到HTML模式(pattern)。
  现成的CSS编写样式表
  DW MX中一个令人激动的CSS编写特性就是它包含了已制作好的CSS编写样式表。CSS编写的新用户可以先体验一下。选择(xuanze)File > New,在弹出的新文档对话框中选择选中CSS编写 style sheets,在右边的方框中会出现所有可用的CSS编写列表。为了实践我们所说的最佳习惯,选择一个标记为“Accessible”的。
  将文档保存在站点文件夹内,然后就可以用上述的方法来把CSS编写附加在你的文档中了。
  设计时间样式表(Design Time style sheets)
  DW MX的这一特性可以让你在设计视图下工作时将样式表应用到页面,让你对站点的外观有一个更直观的认识。设计时间样式表将不会出现在站点内。从我们的最佳习惯的观点来讲,这一特性是非常有用的。如果你使用同时导入和连接两种方式(如上所述),附加设计时间样式表可以让你使用其中的任何一个来开发站点。当你想看在另一个样式表下页面外观如何时,你可以轻松更改为另一个样式表。
  对于要将CSS编写应用于服务器端(比如ASP, PHP, or ColdFusion)或是要在客户端通过&#106avascript来存取的开发者来说,设计时间样式表同样有用。服务器端样式表也是处理(chǔ lǐ)客户端浏览器对CSS编写支持不好的又一种方式。但在以前版本的DW中,这种方式却不能让你在设计阶段查看CSS编写的实际效果。设计时间样式表让你实时查看样式表效果,所以你可在DW MX中以可视界面工作。另外一个好处就是当你上传站点文件时,你不必再巡查整个站点寻找冗余的样式表了。
  验证
无论你是自己创建样式表还是编辑现有的样式表,验证可以确保你不会误用不标准的标签或错误的代码。DW MX本身不包含CSS编写验证程序,你可以使用W3C站点提供的验证服务。在DW MX内你可以验证HTML 或DHTML标签( File > Check Page > Validate Markup (for HTML) 或 File > Check Page > Validate as XML for XHTML.)。在开发基于CSS编写的站点时,DW MX提供了非常多辅助工具。有了MW MX的帮助,再加上对CSS编写良好的理解,你就可以开发出能经受时间考验的站点了。
网站建设时,需要很全面的CSS编写知识(zhī shí)




----------------------------------------------------------------------分隔线----------------------------------------------------------------------

版权说明:如果您觉得本文不错,请转载分享给您的好友,并留下出处!谢谢!
本文链接地址:http://www.youyuncn.com/news_1139.html


----------------------------------------------------------------------分隔线----------------------------------------------------------------------

优云网络从事网站建设多年,积累多年行业经验,是石家庄专业的微信小程序制作优秀品牌!
如果您有【网站建设】需求,和【微信小程序】加盟意向,都可以随时与我们在线取得联系!
优云网络24小时客户服务热线:188-3010-8130(微信同号 何经理)





Copyright © 2008 - 2018 优云网络 版权所有 违者必究 https://www.youyuncn.com/ All Rights Reserved
手机/微信:18830108130 QQ:81810632 公司地址:石家庄裕华区建华南大街蓝山国际A座1506室
工信部备案:冀ICP备15005251号-1 技术支持:优云网络
石家庄优云网络公司10年专注于石家庄网站建设服务,石家庄网站制作石家庄网站设计团队。服务满意客户近百家,欢迎来电洽谈合作!
亲,扫一扫
关注微信公众号
亲,扫一扫
添加微信好友