用DW登简单制作登入页面

最新推荐文章于 2023-11-29 20:45:16 发布
最新推荐文章于 2023-11-29 20:45:16 发布
阅读量6.1k 收藏 14
点赞数 2
文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Brgen/article/details/124083601
版权

效果图

我们先要明白网页是怎么做出来的

         将背景去掉

只剩下一个框

三个input 标签

一个btn标签

将这些标签全集中在一起

用一个div标签全部装起来

然后再利用a标签或者是利用其他标签

在框内写出自己想要的样试

然后把     标签放在一起

再将css样试写上

把定位标签

得到的初始化结果可能是这样

然后在css中修改文件的样试

在定位中修改位置摆放

放几张图片

就完成了

代码展示

<!DOCTYPE html>

最低0.47元/天 解锁文章
Brgen
关注
  • 2
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用dw制作登录界面
weixin_44540672的博客
01-27 2万+
使用dw制作登录界面代码如下： div class=“cont” div class=“ys” div class=“zh” input type=“text” class=“input_lg” placeholder=“账号:” /div div class=“mm” input type=“text” class=“input_lg” placeholder=“密码:” div class=“...
dw做注册登录页面HTML代码,用DW做的简单的个人网站（可以用来当网页作业）
weixin_42498003的博客
06-04 5110
【实例简介】用DW做的简单的个人网站(可以用来当网页作业)【实例截图】【核心代码】c8c135c7-0422-429a-bbca-37d717d5b5dc└── 简约风格个人网站├── bj.css├── dangan.html├── daohang.css├── donghua.html├── flash│ ├── 01 (10).jpg│ ├── 01 (11).jpg│ ├── ...
Dreamweaver实现 登录窗口界面（简单实例）
m0_54158068的博客
03-29 9914
Dreamweaver实现 登录窗口界面（简单实例）
大一新生HTML期末作业,实现登录页面
专注于dreamweaver网页设计制作
01-08 876
🏫 校园网页设计 、学校班级网页制作、学校官网、小说书籍、等网站的设计与制作。🏷️HTML静态网页设计作业使用dreamweaver制作，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度，主体内容区域宽度🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语
用DW做一个登陆页面并且可以跳转的一个页面
weixin_52092911的博客
05-04 8828
1.首先先看一下这是我的页面布局以及插件 2.这是是css的样式 3.首先获取到姓名. 身份证号. 电话号码这些文本框的ID，然后电话号码那里给一个onblur事件用于表单验证代码，然后reg那里是验证身份证的正则表达式，下面那里的电话验证也是一样，然后登陆页面那里都是判段如果符合就登陆成功当然我们做的那个登陆页面那里只有王主任跟小明才可以登陆进去window.location.href="./Main.html";这个段代码就是登陆成功然后才可以跳转。 这是我所学到的Models引用步骤，所以我要.
html 通过DW设计 注册界面
最新发布
laocooon的博客
11-29 1534
【代码】html 通过DW设计 注册界面。
DW怎么设置DIV模块在页面中居中?
09-22
在网页设计中，让元素居中对齐是一项常见的需求，尤其是在使用Dreamweaver（DW）这样的可视化编辑工具时。本教程将详细介绍如何在Dreamweaver中设置DIV模块以使其在页面中居中对齐，同时确保在不同设备和屏幕尺寸上...
DW如何制作一个简单的垂直导航?
09-24
在本文中，我们将探讨如何使用Dreamweaver（简称DW）创建一个简单的垂直导航菜单。垂直导航菜单是一种常见的网页设计元素，通常位于页面的左侧或右侧，用于引导用户浏览网站的不同部分。下面将详细介绍每一步操作。 ...
简单的DW制作
12-22
这个“简单的DW制作”可能是指一系列使用Dreamweaver创建基本网页的教程或实例，旨在帮助用户快速掌握该软件的基本操作。 【描述】：“挺好的一个东西希望大家下载一下让我有5积分可以去用用” 描述中提到的“积分...
Dreamweaver登陆界面怎么显示?
09-24
Dreamweaver登陆界面怎么显示？Dreamweaver中想要显示登陆欢迎的界面，该怎么显示呢？下面我们就来看看详细的设置方法，需要的朋友可以参考下
dreamweaver制作网页登陆系统
10-16
dreamweaver制作网页登陆系统，包括数据库，登陆页面，出错页面等。
JS+DW注册页面自己写的
04-13
<!-- function FrontPage_Form1_Validator(theForm)//info*分别与下面的输入框一一对应 { if (theForm.info1.value == "") //如果用户名输入框为空，就显示警告信息 { alert("请在 \"用户名\" 域中输入值。"); theForm.info1.focus(); return (false); } if (theForm.info1.value.length < 1) //如果用户名输入少于一个字符，就显示警告信息 { alert("在 \"用户名\" 域中，请至少输入 1 个字符。"); theForm.info1.focus(); return (false);
DW的新用户注册页面基础的代码.doc
03-17
十分基础的注册页面，用Dreamweaver做出来的，没有背景图片，可以输入东西，但是输入用户名没有书对的话也不报错，密码是密文显示，点击提交会弹出注册成功的小窗口，之后填写的东西全部消失
Dreamweaver简单制作用户注册表单
09-24
在浏览各大论坛时，会发现有些内容是仅限会员观看的，那么如何利用Dreamweaver来制作用户注册的，下面就为大家介绍一下，来看看吧
Dw 和 HtmI 制作一个简易计算器
04-12
<!DOCTYPE html> 计算机 table{border:1px solid gray;} td{width: 10px;height: 10px;border:1px groove gray;text-align: right;padding: 5px;margin: 5px;border-radius: 5px 5px 5px 5px;...
基于DW的简单个人网页
12-16
【标题】"基于DW的简单个人网页"涉及的是使用Dreamweaver（DW）这款软件来创建个人网页的基础知识。Dreamweaver是Adobe公司推出的一款强大的Web开发工具，它结合了设计、编码和发布功能，使得网页制作过程更为简便，...
使用dreamweaver实现用户注册
weixin_33975951的博客
04-12 2114
2019独角兽企业重金招聘Python工程师标准>>> ...
如何用dw编写一个网页注册：
qq_46924416的博客
10-28 5084
如何用dw编写一个网页注册： 代码： <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> ul li{ text-indent: 3em; line-height:2em; } ul li{ list-style-type: none; list-style
dw网页制作三个页面跳转有文字图片超链接
06-09
好的，我可以回答您的问题。 要实现三个页面之间的跳转，并带有文字、图片和超链接，您可以按照以下步骤进行操作： 1. 创建三个 HTML 页面，分别命名为 page1.html、page2.html 和 page3.html。 2. 在每个 HTML 页面中，编写好所需的文字和图片，并使用超链接标签（`<a>`）来设置跳转链接。例如，在 page1.html 页面中，您可以添加以下代码来设置跳转链接到 page2.html 页面： ``` <a href="page2.html">点击跳转到 page2</a> ``` 3. 如果您想在超链接中添加图片，可以使用 `<img>` 标签来插入图片，例如： ``` <a href="page2.html"><img src="image.png" alt="图片描述"></a> ``` 这个例子中，当用户点击图片时，会跳转到 page2.html 页面。 4. 最后，将三个 HTML 页面上传至您的服务器或者本地环境中，并测试超链接是否能正常跳转。 希望这些步骤可以帮助您实现所需的网页跳转效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值