html5教程之PSD网页模版转化XHTML的一些实际常识
Resig在2008年在其博客中介绍过HTML5的data-属性，现如今HTML5在如火如荼地推广，似乎国内的技术有些延迟，这篇博文可以在这里找到。网页制造poluoluo文章简介：网页结构，一切网页都由以下几部分构成：页头（logo、headers）1级导航条（buttons）2级导航条（buttons）一.每一个psd源图都有三种配色计划，请求依照一样规格分离切图，且三种配色切出的统一地区图片定名必须不异；
二.依照配色计划创建三个以色彩定名的文件夹，每一个文件夹内里安排“配色计划”制造成网页所需的材料；
三.每种配色计划文件夹中包括的必须内容：images，css，headers，buttons文件夹和二个html文件和两张巨细网页最终效果；一切定名依照样例举行，自界说内容能够自在定名。
四.网页结构，一切网页都由以下几部分构成：
页头（logo、headers）
1级导航条（buttons）
2级导航条（buttons）
页面内容区（内容区用于显现英文网页）
页脚（底部菜单、copyright）
依据psd文件决意制造的地区，源图中绘制出的地区必须制造出来，没有的地区（有些没有2级导航条，有些没有页脚）不必要用制造。
五．第一个html文件制造请求：定名html.html
全部页面要制造在一个表格以内。
页头：
能够把header制造成背景，大概有些header图片属于不划定规矩图形也能够切成几部分来处置，要只管削减切割次数。
Logo地区独自制造在一个表格内（能够限制表格宽度）；logo分为三部分logo图片、公司称号、公司口号；页面里公司称号必要输出40个年夜写W字符，公司口号也必要输出40个年夜写W字符；
一级导航
一级菜单（导航）中的内容必须制造在一个自力的表格内；不得设置单位格的宽度和高度；页面中必须制造六个一级菜单的项目，每一个项目内里输出20个年夜写W字符（能够接纳6个W加一个空格的体例输出）；按钮图片必要制造出超毗连的三种形态变更（依据psd图，有些大概只要两种形态）；每项里的图片和笔墨必须制造在一行内里可使用br使他们发生分行显现效果。
二级导航（竖导航）
二级菜单（导航）中的内容必须制造在一个自力的表格内；不得设置表格的高度；依照样例制造；页面中必须制造10个二级菜单的项目，每一个项目内里输出20个年夜写W字符（能够接纳6个W加一个空格的体例输出）；笔墨链接起码必要制造出超毗连的二种形态变更。
页面内容区
输出充足多的英笔墨符使页面撑开到达（在1024 使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。 HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器） 还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。 以上大概就是文字图片的一些链接方法，通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识，他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。 直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
页:
[1]