界面设计( )
样式
有时Web站点需要一个前台界面 这可能相当容易 只要打开常用的编辑器 然后编写一页一页的页面即可 但当突然被告知要修改页面的布局 样式 或者其他基本的UI内容就相当麻烦了 恐怕没有什么比因为颜色或者其他微不足道的原因而让人不得不重新编写页面更糟糕的事情了 为了避免这类维护方面的噩梦发生 用户界面最好要做到易于维护和修改
通常使用级联样式表来划分不同类型的UI元素 如标题 各种表 背景色以及字型 这样将有一个主样式表来帮助提供一致的外观 这些类真正的优点在于任何时候在修改任何用户接口元素时 只需修改CSS文件中的记录项 而不用担心跟踪每一个页面(此页面显示要修改的特定UI元素)
下面给出主样式表源文件ST_GinShopManage css 如程序 所示
程序 ST_GinShopManage css
H {
font family: Verdana Arial;
font size: medium;
}
H {
font family: Verdana Arial;
font size: *** all;
}
/*对BODY内的字体名称 大小和四边的外延边距的设置*/
BODY {
font family: Verdana Arial;
font size: x *** all;
margin: ;
}
/*对表格内的字体名称和大小的设置*/
TABLE {
font family: Verdana Arial;
font size: x *** all;
}
INPUT
{
font size: x *** all;
font family: Verdana Arial;
}
/*对下拉菜单的字体名称和大小的设置*/
SELECT
{
font size: x *** all;
font family: Verdana Arial;
}
/* 以下是对超链接的颜色 状态等的设置*/
a:link {
color: #FF ;
font weight: bold;
text decoration: none;
}
a:active {
color: #FF ;
font weight: bold;
text decoration: none;
}
a:visited {
color: #FF ;
font weight: bold;
text decoration: none;
}
a:hover {
color: #FF ;
font weight: bold;
text decoration: underline;
}
/* 用户自定义样式设置 */
navtable {
background color: # ;
color: #FFFFFF;
font weight: bold;
}
navtext {
color: #FFFFFF;
font weight: bold;
}
navlink:link {
color: silver;
text decoration: none;
}
navlink:active {
color: silver;
text decoration: none;
}
navlink:visited {
color: silver;
text decoration: none;
}
navlink:hover {
color: white;
text decoration: underline;
}
rheader {
background color: # ;
color: white;
font weight: bold;
}
rheadercol {
border color: black;
border style: solid;
border width: ;
}
rheadercoll {
border color: black;
border right: ;
border style: solid;
border width: ;
}
rheadercolr {
border color: black;
border left: ;
border style: solid;
border width: ;
}
rbody {
background color: #FFFFFF;
}
rbodycol {
border color: black;
border style: solid;
border top: ;
border width: ;
}
*** alltext {
COLOR: gray;
FONT FAMILY: Verdana Arial;
FONT SIZE: pt;
LINE HEIGHT: %
}
返回目录 ASP NET项目开发指南
编辑推荐
ASP NET MVC 框架揭秘
ASP NET开发宝典
lishixinzhi/Article/program/net/201311/15994
ASP.NET项目开发指南:界面设计(1)
界面设计( )样式 有时Web站点需要一个前台界面 这可能相当容易 只要打开常用的编辑器 然后编写一页一页的页面即可 但当突然被告知要修改页面的布局 样式 或者其他基本的UI内容就相当麻烦了 恐怕没有什么比因为颜色或者其他微不足道的原因而让人不得不重新编写页面更糟糕的事情了 为了避免这类维护方面...
ASP.NET项目开发指南:界面控件设计(1)
界面控件设计( )在用户界面的每个页面上方都会有一组超链接 如图 所示 图 头控件 将其做成一个用户控件 ST_khead ascx(头控件) 其HTML代码如程序 所示 程序 ST_khead ascx |
ASP.NET项目开发指南
数据表之间的关系 数据库连接编写 ST_PageBase类和ST_ModuleBase 界面设计( )界面设计( )登录系统( )登录系统( )房间类型管理页面的搭建( )房间类型管理页面的搭建( )房间类型的修改和删除( )房间类型的修改和删除( )房间类型的添加( )房间类型的添加( )房间信息管理页面( )房间...
有没有比较好的 .net 项目实践的书籍?
1.4.1 数据库连接编写 1.4.2 ST_PageBase类和 ST_ModuleBase类 1.4.3 界面设计 1.4.4 登录系统 1.5 房间类型管理 1.5.1 房间类型管理页面的搭建 1.5.2 房间类型的修改和删除 1.5.3 房间类型的添加 1.6 房间信息管理 1.6.1 房间信息管理页面 1.6.2 房间信息的修改和删除 1.6...
ASP.NET开发流程 - -,(越详细越好!!)
简单开发步骤:1、打开VS2008,2、VS2008的菜单栏点击“新建”->“项目或网站”(你自己选择一个),这里以网站为例。选择“网站”,接着弹出一个框,选择“ASP.NET网站”,注意“位置”和“语言”的设置。设置好后,选择“确定”。3、回到VS2008界面,在“解决方案资源管理器”下会看到刚刚创建的...
跪求高清 ASP.NET网站项目开发教程,帮忙找一下教材百度网盘资源呗...
提取码:1234 《ASP.NET网站开发实例教程(第2版)》是2014年出版的以Web应用开发中的典型模块为载体为主要内容的图书。本书以Web应用开发中的典型模块为载体,以实际项目为中心,全程推演使用ASP.NET技术开发Web应用程序的过程,包括系统平台搭建、界面定制、数据验证、外观和导航设计、状态管理、数据访问...
关于ASP.NET登录界面程序设计中遇到的一个问题!
问题出在你的SQL语句,而不是处在你的程序本身。select count(*) from 表 where 条件 这样的语句,不管表中是否存在符合条件的记录,都回返回一条记录。如果表中不存在符合条件的记录,则返回count为0,那也是一条记录啊,ds.Tables[0].Rows.Count等于1。改成 select id from 表 where 条件 才...
asp.net开发3层架构 每一层作用
一个三层的应用程序通常有:表现层、业务层和数据层。下面让我们看看每层都做些什么。表现层(Presentation Layer)表现层用于用户接口的展示,以及用业务层的类和对象来“驱动”这些接口。在ASP.NET中,该层包括aspx页面、用户控制、服务器控制以及某些与安全相关的类和对象。业务层(Business Tier)业务...
ASP.NET网站开发有哪些具体的分工?
asp.net网站开发,首先要弄明白.NET是什么含义,.NET是以一平台,也可以说是一个模型。你在这个平台上可以web开发,也就是网站开发。如果你进行一个网站开发,可以总结为两部分,也就是两部分的分工,就是后台和前台的分工。前台就是我们平时说的界面上的布局。一般用到html,div+css,javascript等知识...
ASP.NET3.5全程指南内 容简介
典型模块篇: 详尽剖析ASP.NET在网站平台中各模块的实际应用,包括用户界面设计、功能模块构建等关键部分。 综合实例篇: 通过一系列完整应用实例,展示如何利用ASP.NET开发具备多功能性特性的产品,使读者掌握实际操作技巧。 高级技术篇: 探索Ajax技术在网站开发中的深度应用,以及Web服务在ASP.NET项目中...