Web基础网站重构 css遇到问题

html-css09

Web基础网站重构 css遇到问题,第1张

nav里面加样式让字体加粗:font-weight: bold

另外不要用中文路径:../新网页/xxx.jpg,改成../web/xxx.jpg之类的,中文目录传服务器上可能出问题的,特别是非MSwin的服务器。

网站重构不是一种技术,不是css+div,更不是标准,网站重构是一种思想,是一种理念,我们所听说的网站重构是在不改变外部行为的前提下,简化结构、添加一些可读性,而在网站前端它是保持一致的行为,意思也就是说是在不改变UI的情况下,对网站进行最大的优化,然后在扩展的同时保持一致的UI。

一般对于传统的网站来说重构通常是:

将表格(table)布局改为DIV+CSS

是让网站前端兼容于现代浏览器(也可以是针对于不合规范的CSS、比如是对IE6有效的)

对于移动平台的进行优化

可以是针对于SEO进行优化

有着深层次的网站重构应该考虑的方面

有效的去减少代码间的耦合

让代码保持一定的弹性

有着严格按规范编写代码

有效的去设计可扩展的API

可以代替旧有的框架、语言(比如VB)

进一步的增强用户体验

通常来说对于速度的优化也包含在重构中

压缩JS、CSS、image等前端资源(这个通常是由服务器来去解决)

程序的性能优化(比如数据读写)

采用CDN来加速对网站资源的加载

对于JSDOM的优化

支持HTTP服务器的文件缓存

网站重构它和web是有着一定的区别的,网站的重构注重用户体验的设计,什么地方应该放什么东西,什么地方点击以后是什么效果等这些的设计工作;而Web开发前端更多的是在与开发和代码编写,它是在前面设计的基础上来去实现这些功能,这一点我们是需要分别清楚的。