如何设计
HTML里面怎么设计做一个加减乘除的网页
这个需要知道javascript,这方面语言会吗？不会的话，帮你写一个了！123456789101112131415161718192021222324252627282930313233343536373839404142434445464748<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>计算器</title> </head> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $("button").click(function(){ var first = parseInt($("#first").val());//获取第一个数的值并转化为数字 var second = parseInt($("#second").val());//获取第二个数的值并转化为数字 var sum = 0;//定义结果值 var symbol = parseInt($("[type=radio]:checked").val());//获取符号的值 //通过对符号的判断计算结果 switch(symbol){ case 0: sum = first + second; break; case 1: sum = first - second; break; case 2: sum = first * second; break; case 3: sum = first / second; break; } var arr = ['+','-','*','/'];//输出的符号 $("h2 span").text(first + arr[symbol] + second +" = " +sum);//把结果输出到结果栏中 }) }) </script> <body> <h1>计算器</h1> <p>数字一：<input type="text" id="first" style="width: 40px;" /></p> <p> <label><input type="radio" name="symbol" value="0" checked="checked"/>+</label> <label><input type="radio" name="symbol" value="1" />-</label> <label><input type="radio" name="symbol" value="2" />*</label> <label><input type="radio" name="symbol" value="3" />/</label> </p> <p>数字二：<input type="text" id="second" style="width: 40px;" /></p> <p><button>计算</button></p> <h2>结果：<span></span></h2> </body></html>
网页设计 中文一般用的字体大小，一般怎么设置font-family。 怎么用fireworks获取图中文字的字体和大小？
一般中文的字体大小是12px或者14px。随着显示器分辨率不断提高，12px的文字在大于1440*900的显示器里看起来会显得比较小，阅读起来不是很容易，所以现在网页设计里面用12px的已经比较少了，特别是文章正文部分，普遍都会用14px。13px的字体在IE6下面会有一点点显示上的bug，所以现在用得也不太多，不过随着IE6慢慢被淘汰，这个问题也不再是一个问题了。而对于标题栏的文字大小，没有特别的限制，视觉上感觉舒服就行。对于font-family，一般来说14px及以下大小的文字，应当设置为宋体，当然也可以设置为微软雅黑。不过在XP下默认是没有雅黑字体的，所以在css里面可以这样设置字体：font-family:"Microsoft Yahei",simSun,Arial;把几个字体用逗号隔开，如果系统没有第一种字体，就用第二种，如果没有第二种就用第三种，以此类推。对于大于14px的文字，特别是大于16px的文字，宋体看起来就比较丑陋了，所以建议是用黑体或者微软雅黑，看起来回舒服一些。用fireworks是不能获取途中文字的字体和大小的，这个只能自己去对照了，没有什么特别好的办法。
网页设计如何插入水平线？
在Dreamweaver里有以下办法：1、设计视图，点插入菜单-HTML-水平线，或者在代码视图，直接输入<hr>即可；2、插入一个高度为1px的表格或div，一定要删除空格符 ，div的话还要设置超出隐藏；3、可以用CSS：border-bottom:1px solid #ccc; 4、可以用插入一个直线图片
网页设计如何插入水平线？
在Dreamweaver里有以下办法：1、设计视图，点插入菜单-HTML-水平线，或者在代码视图，直接输入<hr>即可；2、插入一个高度为1px的表格或div，一定要删除空格符 ，div的话还要设置超出隐藏；3、可以用CSS：border-bottom:1px solid #ccc; 4、可以用插入一个直线图片
网页设计中怎样设置所有内容居中
<!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" lang="zh-cn"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>居中div演示效果</title><style type="text/css">.align-center{ margin:0 auto; /* 居中 这个是必须的，，其它的属性非必须 */ width:500px; /* 给个宽度 顶到浏览器的两边就看不出居中效果了 */ background:red; /* 背景色 */ text-align:center; /* 文字等内容居中 */}</style></head><body><div class="align-center">居中div演示效果<br/><br/>代码请访问 <a href="http://www.poluoluo.com/" target="_blank">破洛洛</a></div></body></html>
如何设计android的登录界面
设计android的登录界面的方法：UI实现的代码如下：1、背景设置图片：background_login.xml<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <gradient android:startColor="#FFACDAE5" android:endColor="#FF72CAE1" android:angle="45" /> </shape>2、圆角白框 效果图上面的并不是白框，其实框是白色的，只是设置了透明值，也是靠一个xml文件实现的。 background_login_div.xml<?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#55FFFFFF" /> <!-- 设置圆角 注意： bottomRightRadius是左下角而不是右下角 bottomLeftRadius右下角--> <corners android:topLeftRadius="10dp" android:topRightRadius="10dp" android:bottomRightRadius="10dp" android:bottomLeftRadius="10dp"/> </shape> 3、界面布局： login.xml<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/background_login"> <!-- padding 内边距 layout_margin 外边距 android:layout_alignParentTop 布局的位置是否处于顶部 --> <RelativeLayout android:id="@+id/login_div" android:layout_width="fill_parent" android:layout_height="wrap_content" android:padding="15dip" android:layout_margin="15dip" android:background="@drawable/background_login_div_bg" > <!-- 账号 --> <TextView android:id="@+id/login_user_input" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_marginTop="5dp" android:text="@string/login_label_username" style="@style/normalText"/> <EditText android:id="@+id/username_edit" android:layout_width="fill_parent" android:layout_height="wrap_content" android:hint="@string/login_username_hint" android:layout_below="@id/login_user_input" android:singleLine="true" android:inputType="text"/> <!-- 密码 text --> <TextView android:id="@+id/login_password_input" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/username_edit" android:layout_marginTop="3dp" android:text="@string/login_label_password" style="@style/normalText"/> <EditText android:id="@+id/password_edit" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_below="@id/login_password_input" android:password="true" android:singleLine="true" android:inputType="textPassword" /> <!-- 登录button --> <Button android:id="@+id/signin_button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/password_edit" android:layout_alignRight="@id/password_edit" android:text="@string/login_label_signin" android:background="@drawable/blue_button" /> </RelativeLayout> <RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_content" > <TextView android:id="@+id/register_link" android:text="@string/login_register_link" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="15dp" android:textColor="#888" android:textColorLink="#FF0066CC" /> <ImageView android:id="@+id/miniTwitter_logo" android:src="@drawable/cat" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_alignParentBottom="true" android:layout_marginRight="25dp" android:layout_marginLeft="10dp" android:layout_marginBottom="25dp" /> <ImageView android:src="@drawable/logo" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toLeftOf="@id/miniTwitter_logo" android:layout_alignBottom="@id/miniTwitter_logo" android:paddingBottom="8dp"/> </RelativeLayout> </LinearLayout> 4、java源代码，Java源文件比较简单，只是实例化Activity，去掉标题栏。package com.mytwitter.acitivity; import android.app.Activity; import android.os.Bundle; import android.view.Window; public class LoginActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.login); } } 5、实现效果如下：
网页设计新手如何开始
首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。 建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。下面介绍一下网页制作学习过程。 第一阶段：首先你不要一开始就做网页，要知道和了解网页的一些网页基本知识和原理，这一点很重要，那样你会避免在制作网页的过程中的很多误区。比如什么是超链接，绝对链链接与相对链接的区别;什么是动态网页，什么是静态网页；还有IP与域名的关系等等。原理了解之后，就开始学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿书本教程来学学，结合教程边学习边制作。在学习编辑软件的过程中，你就要逐步接触html语言，然后是css，最后子解一下javascript，在这一学习过程你最好静下心来学，不要到网上或论坛上问这问那，那只是浪费时间，因为你还不懂。。会用网页制作软件后，已会制作一个较完整的网站了。但是要知道你目前学习的还仅仅是静态的网页，当你能够做出一个静态网站，并会将其发布到网上与网友们分享的时候，你的第一个过程就算完成了第二阶段：好了，静态的网页制作差不多的时候，你可以去网上与网友交流交流了，那时你会发现自己的水平还很有限。现在你需要由静态向动态过渡了，主流的动态网页编程语言有三种asp或asp.net、php、jsp.每种都有各自的特点，看你喜欢那种，要三种都精通那是比较不实际的吧，也是没有必要的。这一个过程也是个很关键的过程，你要系统得学习一种语言，还要学会动态网页动行环境的搭建，还有数据库方面知识。记住要根据你自己的实践情况慎重地选择一种，不要学了一种又学那一种，结果一样也没有学会。我有切身体会，但是每一样稍作了解是必要的，要不你怎么先择啊，是吧？第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。这时你可以加入一个团队了，接下来的知识的学习是靠实践和交流了，你可以上论坛去，有些知识书本上是学不到的。这一个阶段你可能是漫长的，你只能不断得充实自己。 怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。满意请采纳
网页设计中如何让图片轮播
网页设计中让图片轮播，需要用到的JS和比较好的div+css布局意识，主要还是需要了解left，top在css中的意思，这里我提交一段我以前写的代码； html中的代码：<div id="box"> <div id="woZaiHouDun" class='hide' > <a id="btnLeft" href='javascript:void(0);'> </a> <a id="btnRight" href='javascript:void(0);'> </a> <ul> <li><img width="400" height="260" src="./images/scholl/1.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/2.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/3.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/1.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/2.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/3.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/1.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/2.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/3.jpg"/></li> </ul> </div>js中的代码：ar t=null;function woZaiHouDun(){ var oUl = document.getElementById('woZaiHouDun').getElementsByTagName('ul')[0]; var aLi = oUl.getElementsByTagName('li'); oUl.innerHTML += oUl.innerHTML; oUl.style.width = aLi[0].offsetWidth*aLi.length + 'px'; var oBtnLeft = document.getElementById('btnLeft'); var oBtnRight = document.getElementById('btnRight'); var iTarget = 0; var ispeed = -3; oBtnLeft.onclick = function(){ ispeed = 3; } oBtnRight.onclick = function(){ ispeed = -3; } t=setInterval(function(){ iTarget = oUl.offsetLeft -ispeed; if( iTarget < - oUl.offsetWidth/2){ oUl.style.left =0 +'px'; iTarget = oUl.offsetLeft -ispeed; } if( iTarget > 0){ oUl.style.left =- oUl.offsetWidth/2 +'px'; iTarget = oUl.offsetLeft -ispeed; } oUl.style.left =iTarget +'px'; },30)}这样是能实现轮播的。
