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

网页向导设计

发布时间:2020-08-26 02:47:30

1、html网页登录界面跳转设计

下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件。
1) html的实现
<head>
<!-- 以下方式只是刷新不跳转到其他页面 -->
<meta http-equiv="refresh" content="10">
<!-- 以下方式定时转到其他页面 -->
<meta http-equiv="refresh" content="5;url=hello.html">
</head>
优点:简单
缺点:Struts Tiles中无法使用
2) javascript的实现
<script language="javascript" type="text/javascript">
// 以下方式直接跳转
window.location.href='hello.html';
// 以下方式定时跳转
setTimeout("javascript:location.href='hello.html'", 5000);
</script>
优点:灵活,可以结合更多的其他功能
缺点:受到不同浏览器的影响
3) 结合了倒数的javascript实现(IE)

<span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
var second = totalSecond.innerText;
setInterval("redirect()", 1000);
function redirect(){
totalSecond.innerText=--second;
if(second<0) location.href='hello.html';
}
</script>
优点:更人性化
缺点:firefox不支持(firefox不支持span、div等的innerText属性)
3') 结合了倒数的javascript实现(firefox)
<script language="javascript" type="text/javascript">
var second = document.getElementById('totalSecond').textContent;
setInterval("redirect()", 1000);
function redirect()
{
document.getElementById('totalSecond').textContent = --second;
if (second < 0) location.href = 'hello.html';
}
</script>
4) 解决Firefox不支持innerText的问题

<span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
if(navigator.appName.indexOf("Explorer") > -1){
document.getElementById('totalSecond').innerText = "my text innerText";
} else{
document.getElementById('totalSecond').textContent = "my text textContent";
}
</script>
5) 整合3)和3')

<span id="totalSecond">5</span>

<script language="javascript" type="text/javascript">
var second = document.getElementById('totalSecond').textContent;

if (navigator.appName.indexOf("Explorer") > -1) {
second = document.getElementById('totalSecond').innerText;
} else {
second = document.getElementById('totalSecond').textContent;
}

setInterval("redirect()", 1000);
function redirect() {
if (second < 0) {
location.href = 'hello.html';
} else {
if (navigator.appName.indexOf("Explorer") > -1) {
document.getElementById('totalSecond').innerText = second--;
} else {
document.getElementById('totalSecond').textContent = second--;
}
}
}
</script>
参考http://www.cnblogs.com/aszx0413/articles/1886819.html

2、html网页设计:一个简单的登录界面代码!

是这样的效果吗?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>3</title>
<script>
function r()
{

var username=document.getElementById("username");

var pass=document.getElementById("password");
if(username.value=="")
{
alert("请输入用户名");
username.focus();
return;
}
if(pass.value=="")
{
alert("请输入密码");
return;
}
return true;
}
</script>
</head>
<body>
<form>
<table width="350" bgcolor="#ccffcc" style="border-color" border="1">
<tr align=center>
<td>用户名</td><td><input type="text" name="username" id="username"></td>
</tr>
<tr align=center><td>密 码</td><td><input type="password" name="password" id="password"></td></tr>
<tr align=center><td>验证码</td><td><input type="text" name="yanzheng"></td></tr>
<tr align=center><td colspan="2"><input type="button" value="登 录" onclick="r();"/>     <input type="reset" value="重 置"/></td></tr>

</table>
</form>
</body>
</html>

3、能否推荐几个界面好看的个人网页设计

68design.net(网页设计师联盟) 在里面导航栏找作品 或是找设计师,都能看到很多作品。其实还很多这种站,就不一一罗列了慢慢发现吧。

4、网页界面设计

UI设计即User Interface(用户界面)的简称。简单的来说就是图形界面设计师(ps:这个职位可以不用写html这类的,但是最好要了解html,因为这样更有利于设计出来的页面适合后面的重构师开发)
然后还有就是上面提到的页面重构师:他的性质就是把页面设计效果图,用HTML+CSS改造成网页
然后这里面还会衍生一个前端开发的职位,他的性质是给上面的网页加入前端脚本,实现一个互动效果,比如我们常见的图片滚动,动画,还有表单验证等等常见的效果
然后就是后端程序员了(这里面可能还会衍生专门做数据库)反正这类人,就是把网站实现动态,与数据库对接
(ps:不做过多阐述,有不明白可以问我)

5、网页界面设计工具有哪些

工欲善先利其器,网页界面设计过程中要运用很多工具,蓝湖、PS、Sketch、AI、Axure 这些差不多能囊括其工作的方方面面。

6、如何将网站界面设计做到更好

想将网站界面设计做到更好需要有非常专业的知识,据我了解的是需要在下面的几个知识中下很大的努力:

设计知识,没有设计的基础如何能设计好一个好的网站界面?

色彩搭配,色彩搭配都不会,那如何确定网站的主色调和如何根据网站的主题来搭配色彩?

结构知识,一个好的网站结构一定要好,不好的结构容易造成不知道用户需要的内容在哪里的感觉.

舒适性,先自己体验自己设计的网站,问问自己觉得自己满意没有,如果自己都不满意,那用户怎么会满意,客户怎么会满意?

其实网站界面主要如果不涉及到代码方面的知识主要还是要看你的设计美术功底,所以学好设计美术才是能进一步提升网站界面基础

7、一个网页的哪些部分算是向导?(界面设计的信息架构模式-向导)

导航条叫 guideline 向导叫guide

8、界面设计和网页设计的区别是什么的?

网站界面和软件界面区别很大,按难度,网站界面设计更难一些。
==网站要求界面美观、华丽、时尚,能吸引住游客;
==软件注重实用性、功能性,如果界面出乎寻常、不符合用户的使用习惯还是失败的。软件界面设计还要知道一些某种语言的设计知识。我们是做车载系统的,当时就找了一些ui设计公司,比如UIPlus,洛可可,艾艺等,最后决定选择UIPlus,主要基于三点考虑:
1.UIPlus他们母公司能做界面开发
2.他们的性价比比较高,而且服务好
3.他们是软件公司,能很好的在产品角度去做交互,对程序也很了解。其他的两家都不能做开发,对软件的用户习惯也不够专业

9、网页设计(网页界面设计)的问题,谢谢!

你真牛,能带这么多网址。

10、网页设计通过站点设置向导建立了之后,怎样进一步了解站点的设置

站点建立成功之后,可以随时编辑和修改

在站点列表中,找到你刚建立的站点,点击右键属性,即可对参数做修改


与网页向导设计相关的知识