《
PSD网页模版转化XHTML网页的一些技巧》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302336002013.htm
八．公司名称，公司标语，内容区页题目，与第一级和第二级的菜单字体如应该用尺度的体系字体，例如：Tahoma或者 Arial,PSD模板切用photo切图为XHTML+CSS的网页,
七．在上述情形下两个页面要坚持同一后果,PR取消后友情链接交换需要注意的四项原则，背景可以实现轮回；Header图片居中显示或者可以扩大（有些header区域可以制作背景）
--> [
网站建设之]PSD网页模版转化XHTML网页的一些技能
一.每个psd源图都有三种配色计划，要求按照同样规格分辨切图，且三种配色切出的统一区域图片命名必需相同,photoshop转手绘头发教程；
二.按照配色方案树立三个以颜色命名的文件夹，每个文件夹里面放置“配色方案”制作成网页所需的材料；
三.每种配色方案文件夹中包含的必需内容：images，css，headers，buttons文件夹和二个html文件以及两张大小网页效果图；所有命名按照样例进行，自定义内容可以自在命名。
四,Perl、PHP、ASP、JSP技术比较.网页布局，所有网页都由以下多少部分组成：
页头（logo、headers）
1级导航条（buttons）
2级导航条（buttons）
页面内容区（ 内容区用于显示英文网页）
页脚（底部菜单、copyright）
依据psd文件决议制作的区域，源图中绘制出的区域必需制作出来，没有的区域（有些不2级导航条，有些没有页脚）不需要用制作。
五．第一个html文件制作要求：命名html.html
全部页面要制作在一个表格之内。
页头：
可以把header制作成背景，或者有些header图片属于不规矩图形也可以切成几部分来处置，要尽量减少切割次数。
Logo区域独自制作在一个表格内（可以限定表格宽度）；logo分为三部门logo图片、公司名称、公司标语；页面里公司名称需要输入40个大写W字符,padding和margin到底要用哪一个？，公司标语也需要输入40个大写W字符；
一级导航
一级菜单（导航）中的内容必需制作在一个独立的表格内；不得设置单元格的宽度和高度；页面中必需制作六个一级菜单的项目，每个项目里面输入20个大写W字符（可以采用6个W加一个空格的方式输入）；按钮图片需要制作出超连接的三种状态变化（根据psd图，有些可能只有两种状态）,overflow解决float浮动后高度自适应问题；每一项里的图片和文字必需制作在一行里面可以使用br使他们发生分行显示效果。
二级导航（竖导航）
二级菜单（导航）中的内容必需制作在一个独立的表格内；不得设置表格的高度；按照样例制作；页面中必需制作10个二级菜单的项目，每个项目里面输入20个大写W字符（可以采用6个W加一个空格的方式输入）；文字链接起码需要制作出超连接的二种状态变化。
页面内容区
输入足够多的英文字符使页面撑开到达（在1024×768的屏幕下使用的ie阅读器涌现左右上下拉伸条）
页脚
版权信息区域输入40个大写W字符。为页面美观要于上下区域保留一定的距离。
底部菜单
二级菜单（导航）中的内容必须制作在一个独破的表格内；不得设置表格的高度；依照样例制作；页面中必需制作六个二级菜单的项目，每个名目里面输入20个大写 W字符（可以采取6个W加一个空格的方法输入）；文字链接起码须要制作出超衔接的二种状况变更,net页面之间传递值的方法；为页面雅观要于高低区域保留必定的间隔。
六．第二个html文件制造请求：命名html2.htnl
复制第一个html文件，删除里面的局部内容，保存三个一级导航、二个二级导航（竖导航）、三个底部菜单，每项里面呈现6个字符；页面内容区保留两行英文字符（不撑开页面）
Tag：PSD 网页模版 PSD 网页模版
九．建立模板目录时，请在“工具”-〉“文件夹选项”-〉“观察” 里勾选“不缓存缩略图&ldquo,MUX的设计师项目分享 百度搜索客户端;的选项，这样模板zip 包内才不会包含过剩的缓存文件.
十．style.css 文件不能包含任何图片连接（实例: background-image: url(’../images/bg.gif’);），不能包含 html tags 的定义（例如css里面不应该对 进行定义假如要利用在上， 可以直接写在 html 的 标签里）
十一．html 的 charset 编码必须为 utf-8
十二．所有的（包含款式表和HTML）字体大小必须用Points(pt) 而不是像素（pixels),min-height和height, 最小大小为 8pt, 例如 font-size: 8pt.
十三．模板内的元素（div 等）不能应用相对定位，也不能包括JavaScript。
十四．所有模板在浏览器IE, Mozilla, Opera效果雷同
十五．模板文件内的所有图片路径必需为绝对门路。相对”色彩“路径， 例如： blue 下的 images 下的文件，应该写为 <,Loading反馈在实际设计中不容忽视; img src=images/xxxx.gif > 而不是 < img src=blue/images/xxxx.gif >
十六．在特别psd里有的无奈包容 40 个大小W字母的时候公司名跟口号字体能够缩小， 但不能小于 8pt.
十七．模板在高度上必需要填满整屏，对于没有内容的也一样（使内容部分可能垂直的延长）
十八．所有区域必需增加背景颜色（按照psd图进行）
十九．不能出现空格符
二十．所有属性值必须加在 “ ”里面。
二十一．凡不成对出现的标签都要加 / 例如：
应该写成< img src=****** >应当写成< img src=******/ >
(责任编辑：网站建设)
PSD网页模版转化XHTML网页的一些技巧相关文章