在进行程序开发的时候,我们经常为web前端界面而烦恼,尤其对于程序员来说,界面比后台代码更加难写。在这里,我为大家介绍比较快速的界面制作过程。

首先,我们到网上寻找合适的模板,但是要找到的模板最好是html格式的div+css布局的。

CSS(Cascading Style Sheet,可译为“层叠样式表”或“级联样式表”)是一组格式设置规则,用于控制Web页面的外观。通过使用CSS样式设置页面的格式,可将页面的内容与表现形式分离。页面内容存放在HTML文档中,而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分,通常为文件头部分。将内容与表现形式分离,不仅可使维护站点的外观更加容易,而且还可以使HTML文档代码更加简练,缩短浏览器的加载时间。

然后把它嵌入到我们的系统中。比如要嵌入到asp.net中,我们首先从一个asp.net页面内复制头部的标签粘贴。比如下面代码,粘贴到html页面中

<%@ Page Language="C#" AutoEventWireup="true"  %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

然后<form id="form1" runat="server"> 加上这个标签,在form表单内,把控件改为服务器控件,完成后,页面.html改为.aspx,页面制作完毕。

在这个过程中,最重要的还是要寻找到合适的漂亮的html模板,如果找到的是psd的那就要切割才行,所以最好是找到纯的HTML模板,DIV+CSS布局的,最好能带PSD原图。下面介绍几个模板给大家参考,有可能用的着:

点下面标题可下载

褐色底企业网站模板


体育运动模板