网页制作简单代码
怎么用myeclipse做一个登陆界面
步骤如下：在myeclipse中新建web项目：file--new --other--dynamic web project--输入web项目名称，点击finish。在新建的web项目中找到webroot目录，在该目录下新建jsp文件。方法：右键webroot--new--other -jsp file，输入文件名称--点击finish。jsp代码如下所示，是一个登陆界面的代码：123456789101112131415161718192021222324252627282930313233343536373839404142<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><html> <head></head> <center> <h1> 登录页面 </h1> <body> <form action="login_check" method="post" name="login"> <table border="1"> <tr> <td> 登陆账号： </td> <td> <input type="text" name="id"> </td> </tr> <tr> <td> 登陆密码： </td> <td> <input type="password" name="password"> </td> </tr> <tr> <td> <input type="button" value="注册" onclick="javascript:document.location.href='Register.jsp'"> </td> <td> <input type="submit" value="登陆"> </td> </tr> </table> </form> </body> </center> </html>
如何用html+css制作一个留言板
html+css制作的只是前台页面CSS代码这里重点注意的就是 .ds-avatar 的背景要和页面背景一致，这样就能展示出凹进去的效果。body {background:#333;}.ds-post-main {position:relative; width:500px;}.ds-avatar {position:absolute; top:20px; width:31px; height:31px; padding:5px; background:#333;border-radius:50%;}.ds-avatar a {display:block; width:31px; height:31px; background:#01cc01; border-radius:50%;}.ds-comment-body {margin-left:20px;padding:10px 10px 10px 30px ;height:80px;background:#01644f;}HTML代码这是多说留言评论的结构，其实wordpress也可以这样的。<div class="ds-post-main"><div class="ds-avatar"><a href="#nogo" > </a></div><div class="ds-comment-body"> </div></div>美化留言评论样式添加质感：这里主要使用CSS3的圆角（border-radius）、阴影（box-shadow）来实现质感交互设计：达人使用的交互只是一个简单的CSS3旋转动画（transform:rotate），当然可以使用的动画效果来，不过不建议搞得过于花哨。
用JS做一个简单的网页计算器如图所示，只进行简单的加减乘除运算（最好有完整代码）
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计数器</title></head><body> <input type="text" name="text" id="pre" onblur="validate(this.value);"> <select id="operator"> <option value="+">+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type="text" name="text" id="next" onblur="validate(this.value);"> <span>=</span> <input type="text" id="result" readonly="true"> <input type="button" id="btn" value="提交" onclick="calculator();"> <script> function validate(str){ var reg = /^\d+$/; if (!reg.test(str)) { alert("请输入数字"); } } function calculator(){ var pre=document.getElementById("pre").value; var next=document.getElementById("next").value; var opra=document.getElementById("operator").value; var result=0; switch(opra) { case "+": result=parseInt(pre)+parseInt(next); break; case "-": result=parseInt(pre)-parseInt(next); break; case "*": result=parseInt(pre)*parseInt(next); break; case "/": if(parseInt(next)!=0){ result=parseInt(pre)/parseInt(next); } else{ alert("除数不能为0"); return; } break; default: break; } document.getElementById("result").value=result; } </script></body></html>
怎样做一个简易的网页？
做一个简易的普通网页比较容易。当然，制作的方法有好几种，有的是直接写代码、有的是用绘图软件绘制页面再导出网页、常用的是使用网页制作软件做网页。下面以普通静态网页常规制作方法为例说明制作步骤： 1、如果会写代码，直接用记事本就可以做出网页。如果不会写代码，请在电脑里安装网页制作软件，推荐安装：Macromedia Dreamweaver，简称DW,这是目前比较流行的网页制作软件，功能强大。也可以安装Microsoft Office FrontPage，这个是Office办公软件中的一个组件，初学者很容易上手，就像使用word一样方便。不过这款软件比较古老，最新版本是Microsoft Office FrontPage2003，目前已被淘汰，不再升级。 2、在电脑中选择一个盘（建议不要选择c盘），新建一个存放网页的文件夹，文件夹名字随意取，然后在存放网页的文件夹里面再建几个子文件夹：包括图片文件夹、声音文件夹、视频文件夹、LASH文件夹等（根据自己需要建立文件夹）。 3、打开网页制作软件DW，新建一个站点，新建站点步骤按系统提示操作。 4、新建主页、布局主页、制作导航栏、添加栏目，输入想要的内容。 5、制作子页，并与主页导航栏栏目链接。制作完成后打开主页预览，逐步修改完善。 6、如果要想网页漂亮且有个性，就需要图像、动画等元素来装饰。 以上是制作普通静态网页的基本步骤。
html求制作一个简单网页代码，只需要一些文字加张图片
完整的代码如下：<html><head> <title>简单网页制作练习</title></head><body><p>1.文字内容，直接输入文字即可。。。。。如果想设置其相关属性可以使用font标签 <font size="18" color="red" >红色18号文字</font> </p> <p> 2.添加图片 <img src="图片名称.属性" id=“图片简介”> <img src="1.jpg" id=" 加入图片练习"> </p></body></html>楼主，如果不明白可以HI联系我。。。。
参考资料：
网站、网页制作（团队）
像这样的一个简单网页制作的代码怎么写?谢谢大神
12345678910111213141516171819202122232425262728293031323334353637<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .notice{ width: 300px; margin: 0 auto; border: 3px solid #666; background: blue; color: white; } .notice h1{font-size: 30px; text-align: center; padding-bottom: 30px;} .notice a{color: white; text-decoration: none;} </style></head><body> <div class="notice"> <h1>通知</h1> <ul> <li> <a href="#">通知1</a> </li> <li> <a href="#">通知2</a> </li> <li> <a href="#">通知3</a> </li> <li> <a href="#">通知4</a> </li> </ul> </div></body></html>
像这样的一个简单网页制作的代码怎么写?谢谢大神
12345678910111213141516171819202122232425262728293031323334353637<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .notice{ width: 300px; margin: 0 auto; border: 3px solid #666; background: blue; color: white; } .notice h1{font-size: 30px; text-align: center; padding-bottom: 30px;} .notice a{color: white; text-decoration: none;} </style></head><body> <div class="notice"> <h1>通知</h1> <ul> <li> <a href="#">通知1</a> </li> <li> <a href="#">通知2</a> </li> <li> <a href="#">通知3</a> </li> <li> <a href="#">通知4</a> </li> </ul> </div></body></html>
