导航:首页 > 万维百科 > times网站设计

times网站设计

发布时间:2020-09-05 15:22:05

1、网页设计中最常用的字体有哪些

1、Georgia字体

基本上适合正文屏显的衬线字体,非Georgia莫属了。笔画粗重,衬线明线,轮廓较大,小字体显示也很清晰,同时细节还算OK。


2、Times字体

Times是为了报纸而设计的,特点是可以在有限的空间塞进去更多的文字,笔画较弱,小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文,被骂得很惨之后换成了Georgia。


3、Arial字体

Helvetica的「克隆」,和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼。Win和Mac显示都正常。


4、Lucida Family字体

Lucida Grande是Mac OS UI的标准字体,属于humanist风格,稍微活泼一点。Mac下的显示要比Win下好。


5、Verdana字体

专门为了屏显而设计的字体,humanist风格,在小字号下仍可以清楚显示,但是字体细节缺失严重,最好别做标题。


6、Tahoma字体

也是humanist风格,字体和Verdana有点像,但是略窄一些,counter略小,曾经是Windows的标准字体,Mac 10.5之后默认也有安装。

2、设计一个Times类,属性包括小时,分,秒,然后编写含有main方法的类创建一个Timer对象

以下是Java代码:

import java.lang.*;

// 带main方法的类
public class Demo{
    public static void main(String[] args){
        new Timer(12, 30, 23); // 创建一个Timer对象,初始化为12:30:23
    }
}

// Timer类
class Timer {
    private int hour; // 时
    private int min; // 分
    private int sec; // 秒
    
    public Timer(h, m, s){
        hour = h;
        min = m;
        sec = s;
    }
}

3、网页设计原理:如何设计漂亮的网页

迈阿密大学的艺术科学学院网页通过细节的精心处理给人一种赏心悦目的视觉效果。最好的设计往往就是最简单的设计:一个中心思想,一幅图片,少量的文字,开放的空间。这种风格的设计清晰、漂亮,让人印象深刻。但真实的生活并不经常是如此的简单,更多的是杂事缠身。在设计一个项目时,往往需要将很多不同的信息同时放上去,一个都不能少,就象现在很多的网站一样,信息密集,显得非常拥挤复杂。 在本文中,我们将介绍迈阿密大学的艺术科学学院网站的版面,它之所以吸引我们的注意,是因为该网站虽然有很多信息,但却给我们留下美好的印象。该网站通过两个途径实现这种效果:一,它尽可能地减少各种元素,只保留最重要的部分(其实仍然是“简单的设计”思想在起作用),二,就是在处理各种细节时都经过精心处理。这种设计手法在技术上其实一点不难,让我们进去看看:主页虽然多达二十多个链接,但整体却显得温和,协调一致。结构: 网站的页面尺寸并没有走极端,不会太长,大多数页面上的内容不需要拖动就可以轻易浏览,是一种方便人们阅读的屏幕尺寸。每个页面由三个区域构成,每一个区域负责不同的信息,最上方及最下方的区域内容是固定的,改变的只是中间区域的内容。不同的颜色定义了不同的区域:白色区域是中心舞台,这个区域通过上方颜色较深的页眉与下方较浅的页脚而得到确定。固定内容的区域包含了各种最基本的元素:标志,链接,搜索等诸如此类的内容。中间白色区域的内容则是变化的,主要展示不同的事件信息、新闻简讯等内容。从下方示意图可以看出,这个页面结构相当紧凑,可以有效组织各种内容,比起那种需要拖动滚动条的页面更容易阅读。紧凑,是其中的关键。页眉:此外由两个色带构成:绿色及棕色。这两种颜色构成了一个简单坚实的页眉并统领着这个网站。标志及链接文字则反转成白色字体。为了柔和视觉效果,左方还使用了象是阳光照射所呈现的一个非常微弱的渐变面。 页眉右方远处有四个固定的链接,文字的颜色显得相当低调,但由于处于页眉的区域内,没有人会忽视它的存在。主链接:第一级链接处于页眉的标色色带区域内。链接的字体、颜色及阴影与上方的标志呼应,使两者之间产生视觉上的联系。 绿色及棕色当然是两种不同的颜色,但如果你将这两种颜色变成灰度显示,你可以发现他们的相同之处,其灰度色值是基本一样的,这个隐藏的共同点使两者在视觉上既有区别,又有联系。下图中,字母的间距比较宽松,与普通的字母间距相比,呈现一种轻松气息,也传达了一种从容及尊严。在屏幕显示时,字母间距较大也更容易阅读。次级链接: 当浏览者深入这个网站时,字体字母及颜色在细节上的变化都在暗示读者这是另外的一些信息。但字体及尺寸仍然与主链接相同。中心舞台:在页眉与页脚之间的白色区域是我们的中心区域,也是这个网站的视觉焦点所在。在每一个页面中的文章,都显得相当简短,而且象印刷的书本那样的文字排版,行距非常大,采用衬线字体,整个页面显得清爽而不窒息。其书本气息让人能够舒适阅读。页脚: 有效设计的页脚是可以发挥很大的作用的。不要将页脚想象成一条多出来的“尾巴”,而应该将它看作是一个支撑点,支撑着上述所有内容的一个区域。页脚区域中放置的也是一些固定不变的内容,如链接、联系信息及标志等。在设计中,层次感是非常重要的。上图左,如果将页眉与页脚设计成相同的份量,给人的感觉就象奥利奥夹心曲奇饼,它分散了读者的注意力,弱化了版面的力量感。相反,三个区域呈现层次感使到每个区域都能够正确承担起自己的任务。在脑海中一定要记住的是,读者的眼睛永远会集中在中心区域内,所以这里要放置最重要的信息。周围所放置是支持性的内容。字体:这个网页中,正文的字体全部采用Georgia字体,可以说是一种在屏幕上显示的最佳衬线字体,当样,Georgia作为印刷字体同样表现良好。中国设计者在使用英文字体时更多会采用默认的Times字体。 让我们看看Georgia字体与Times字体的区别,从这种区别中,也可以知道为什么在屏幕上显示时,Georgia字体会赢了这一回合。点击上图看大图字母的间距与字母形状一样重要, Georgia字体用于正文时,整体显得平滑、重复及具有节奏感。试比较以下两者的观看感觉。

4、网页设计时间代码

<%
' ============================================
' 格式化时间(显示)
' 参数:n_Flag
' 1:"yyyy-mm-dd hh:mm:ss"
' 2:"yyyy-mm-dd"
' 3:"hh:mm:ss"
' 4:"yyyy年mm月dd日"
' 5:"yyyymmdd"
' ============================================
Function Format_Time(s_Time, n_Flag)
Dim y, m, d, h, mi, s
Format_Time = ""
If IsDate(s_Time) = False Then Exit Function
y = cstr(year(s_Time))
m = cstr(month(s_Time))
If len(m) = 1 Then m = "0" & m
d = cstr(day(s_Time))
If len(d) = 1 Then d = "0" & d
h = cstr(hour(s_Time))
If len(h) = 1 Then h = "0" & h
mi = cstr(minute(s_Time))
If len(mi) = 1 Then mi = "0" & mi
s = cstr(second(s_Time))
If len(s) = 1 Then s = "0" & s
Select Case n_Flag
Case 1
' yyyy-mm-dd hh:mm:ss
Format_Time = y & "-" & m & "-" & d & " " & h & ":" & mi & ":" & s
Case 2
' yyyy-mm-dd
Format_Time = y & "-" & m & "-" & d
Case 3
' hh:mm:ss
Format_Time = h & ":" & mi & ":" & s
Case 4
' yyyy年mm月dd日
Format_Time = y & "年" & m & "月" & d & "日"
Case 5
' yyyymmdd
Format_Time = y & m & d
End Select
End Function

function getweek()
week=WeekDay(date())-1
select case week
case 1 backfile="星期一"
case 2 backfile="星期二"
case 3 backfile="星期三"
case 4 backfile="星期四"
case 5 backfile="星期五"
case 6 backfile="星期六"
case 0 backfile="星期天"
end select
getweek=backfile
end function
%>
<%=Format_Time(date(),4)%> <%=getweek()%>

5、信息管理系统 WEB界面设计

dreanweaver可以实现呀 很简单的 我主要是搞美工的

http://www.uitimes.com

http://www.chinaui.com/

http://www.worli.com/news.asp

都是很好的门户网站

http://www.xfbbs.com/SoftShow/Plus_Soft_Show_825.html

这是你要的模板

6、网站界面设计应遵循的几个原则

网站界面设计应遵循的原则主要有以下几个:
1、用户导向原则
设计网页首先要明确到底谁是使用者,要站在用户的观点和立场上来考虑设计网站。要作到这一点,必须要和用户来沟通,了解他们的需求、目标、期望和偏好等。网页的设计者要清楚,用户之间差别很大,他们的能力各有不同。另外,用户使用的计算机机器配置也是千差万别,包括显卡、声卡、内存、网速、操作系统以及浏览器等都会有不同。设计者如果忽视了这些差别,设计出的网页在不同的机器上显示就会造成混乱。
2、简洁易操作原则
KISS原则就是"Keep It Sample And
Stupid"的缩写,简洁和易于操作是网页设计的最重要的原则。毕竟,网站建设出来是用于普通网民来查阅信息和使用网络服务。没有必要在网页上设置过多的操作,堆积很多复杂和花哨的图片。该原则一般的要求,网页的下载不要超过10秒钟;尽量使用文本链接,而减少大幅图片和动画的使用;操作设计尽量简单,并且有明确的操作提示;网站所有的内容和服务都在显眼处向用户予以说明等。
3、布局控制
关于网页排版布局方面,很多网页设计者重视不够,网页排版设计的过于死板,甚至照抄他人。如果网页的布局凌乱,仅仅把大量的信息堆集在页面上,会干扰浏览者的阅读。一般在网页设计上所要遵循的原理有:
(1)Miller公式。一个人一次所接受的信息量为 7±2
比特。这一原理被广泛应用于网站建设中,一般网页上面的栏目选择最佳在5~9个之间,如果网站所提供给浏览者选择的内容链接超过这个区间,人在心理上就会烦躁,压抑,会让人感觉到信息太密集,看不过来,很累。
(2)分组处理。上面提到,对于信息的分类,不能超过9个栏目。但如果你的内容实在是多,超出了9个,需要进行分组处理。如果,你的网页上提供几十篇文章的链接,需要每隔7篇加一个空行或平行线做以分组。如果你的网站内容栏目超出9个,如微软公司的网站,共有11个栏目,超过了9个。
4、视觉平衡
网页设计时,也要各种元素(如图形、文字、空白)都会有视觉作用。根据视觉原理,图形与一块文字相比较,图形的视觉作用要大一些。所以,为了达到视觉平衡,在设计网页时需要以更多的文字来平衡一幅图片。另外,按照中国人的阅读习惯是从左到右,从上到下,因此视觉平衡也要遵循这个这个道理。
例如,你的很多的文字是采用左对齐〈Align=left〉,需要在网页的右面加一些图片或一些较明亮、较醒目的颜色。一般情况下,每张网页都会设置一个页眉部分和一个页脚部分,页眉部分常放置一些Banner广告或导航条,而页脚部分通常放置联系方式和版权信息等,页眉和页脚在设计上也要注重视觉平衡。
同时,也决不能低估空白的价值。如果你的网页上所显示的信息非常密集,这样不但不利于读者阅读,甚至会引起读者反感,破坏该网站的形象。在网页设计上,适当增加一些空白,精炼你的网页,使得页面变的简洁。
5、色彩的搭配和文字的可阅读性
颜色是影响网页的重要因素,不同的颜色对人的感觉有不同的影响,例如:红色和橙色使人兴奋并使得心跳加速;黄色使人联想到阳光,是一种快活的颜色;黑颜色显得比较庄重,考虑到你希望对浏览者产生什么影响,为网页设计选择合适的颜色(包括背景色、元素颜色、文字颜色、链节颜色等)。
为方便阅读网站上的信息,可以参考报纸的编排方式将网页的内容分栏设计,甚至两栏也要比一满页的视觉效果要好。另一种能够提高文字可读性的因素是所选择的字体,通用的字体(Arial,CourierNew,Garamond,Times
NewRoman,中文宋体)最易阅读,特殊字体用于标题效果较好,但是不适合正文。
6、和谐与一致性
通过对网站的各种元素(颜色、字体、图形、空白等)使用一定的规格,使得设计良好的网页看起来应该是和谐的。或者说,网站的众多单独网页应该看起来像一个整体。网站设计上要保持一致性,这又是很重要的一点。
一致的结构设计,可以让浏览者对网站的形象有深刻的记忆;一致的导航设计,可以让浏览者迅速而又有效的进入在网站中自己所需要的部分;一致的操作设计,可以让浏览者快速学会在整个网站的各种功能操作。破坏这一原则,会误导浏览者,并且让整个网站显的杂乱无章,给人留下不良的印象。
当然,网站设计的一致性并不意味着刻板和一成不变,有的网站在不同栏目使用不同的风格,或者随着时间的推移不断的改版网站,会给浏览者带来新鲜的感觉。
7、个性化
(1)符合网络文化
整个互联网的文化是一种休闲的、非正式性的、轻松活泼的文化。在网站上使用幽默的网络语言,创造一种休闲的、轻松愉快、非正式的氛围会使网站的访问量大增。
(2)塑造网站个性
另外,网站的整体风格和整体气氛表达要同企业形象相符合并应该很好的体现企业文化,进而形成风格。

7、网页设计应该考虑哪些因素?

网页的布局主要考虑两个方面:
1、用户体验:一个网站说到底是给用户看的,如果做得不人性化,不符合人们的审美习惯或者缺少某些功能的话就会严重影响用户体验,那这个网站的质量就大大下降。
2、搜索引擎优化方面:就是网站优化方面,一个网站要想得到更多的曝光那么优化是必须的,不优化是不可能有很好的排名的,在布置网页结构的时候就要注意搜索引擎的搜索习惯,搭建最符合搜索引擎的网站架构。
一个网站存在的意义就在于曝光和排名,做好这两样就没问题了。希望能帮到你。

8、网页设计 ,什么英文字体好看?

所用的字体就是国外网站设计师经常用的一些英文网站字体。

国内做的英文网站是大多数给老外看的,进入网站的第一眼就是字体,符合经常看的英文网站字体,就有兴趣看下去,比如中文经常用到的 宋体,楷体。

而外国人习惯看到的字体则是Tahoma、Arial、Verdana,有时候也用Times New Roman。

一般来说,国外安装的PC系统中常有的英文网站字体有Arial, Times New Roman, Verdana,字体大小用11px字号就很好看了。

所以不能用国内的字体来当作英文网站使用,这样的话,做的英文网站就是失败的。 看上去就很业余。当然并不是用了 Tahoma、Arial、Verdana。这些常用的字体就算用的很专业了。

9、程序员教你如何快速制作一个有漂亮大气的网站?

像我这样的程序员来说经常被设计这个词吓到,因为我是一名程序员而不是设计师,虽然只是一名程序员,但我还是想让自己的网站看起来更加吸引人。虽然比不上真正由设计师操刀做出来的效果,但对像我这种没有设计能力的人来说还是很有帮助的。可是程序员如何快速制作一个漂亮大气的网站呢?一、色调在有着设计师存在网站,设计师都会负责进行网站色调的调整,为了保证网站的一致性,所有按钮和导航一般是三到四种颜色。二、纹理知道如何让一个网站看起来更加高雅优雅一些吗?是的,纹理。但是这些纹理效果应该去哪里寻找呢?设计师Atle Mo 的Subtle Patterns网站是个不错的去处,我们接下来就使用这个网站上的Cream Dust纹理。点击下载,将纹理图片保存到本地,然后放到根目录下的/img/ 目录文件夹中,最后到CSS 样式表中加入代码body { background: url (/img/cream_st.png) repeat 0 0;} 即可。三、字体修改网页字体是让网站看起来更有特色、有现代感的捷径,我们可以去谷歌的字体服务(免费正版)中随意挑选自己喜欢的字体,但是要注意字体间的搭配。在网页头部中加入此代码:在CSS 样式表custom.css 中加入以下代码:h1, h2, h3, h4, h5, h6 {font-family: 'Corben',Georgia, Times, serif;} p, div {font-family: 'Nobile',Helvetica, Arial, sans-serif;}添加完后刷新即可查看效果了,现在我们的网站样式已经变了,看起来比默认好多了。此外,除了谷歌的字体服务外还可以使用像Fontdeck或Typekit字体服务,它们的字体更多。四、背景图片首先需要下载背景图片,然后放到/img/ 文件目录中去。1、将此图片设置为的背景图(background-image): $.backstretch (/img/winter.jpg);2、加入背景图后网页主题部分会产生遮挡,所以可以让其透明,这样网站效果看起来会更加现代、有设计感。这里可以使用这个技巧将网站变得透明,代码见右边,.container-narrow {background: url (/img/cream_st_transparent.png) repeat 0 0;}五、CSS将上面都搞定后接下来要做的就是再加点CSS特效了,如果时间不够的话简单的添加上盒阴影box-shadow和字体阴影text-shadow就可以让网站增色不少,CSS 代码如下。h1 { text-shadow: 1px 1px 1px #ccc; } .div-that-you want-to-stand-out { box-shadow: 0 0 1em 1em #ccc; }如果经历过了上面所说的流程的话,相信你已经可以在比较短的时间内制作出了一个还能拿得出手的网站了。

与times网站设计相关的知识