精华内容
下载资源
问答
  • 动态网页制作实验

    千次阅读 2020-05-07 11:53:50
    文章目录动态网页制作实验一、 实验目的二、实验环境三、 实验内容动态网页实验(一)动态网页实验(二)四、原理实验步骤五、关键问题及解决方法六、实验结果七、实验体会附录:源代码(仅仅附上核心代码)1.1网页...

    动态网页制作实验

    一、 实验目的

    1. 熟悉 VS 2010 开发环境,学会使用 VS 构建网站基本结构
    2. 熟悉 HTML 服务器控件,特别是 FORM 表单服务器控件的设置
    3. 掌握表单处理方法
    4. 掌握服务器内置对象:Request、Response、Session等内置对象的使用
    5. 掌握ASP.NET日期时间类
    6. 掌握在 MSSQL 2008 创建数据库、数据表,并能使用 SQL 语句进行表操作熟悉 HTML 服务器控件,特别是 FORM 表单服务器控件的设置(SELECT、INSERT、UPDATE、DELETE)
    7. 掌握 ADO.NET 提供的连接式数据访问方式,了解非连接式数据访问方式

    二、实验环境

    Windows OS/VS 2010(C#)、SQL SERVER 2008

    三、 实验内容

    动态网页实验(一)

    1、 通过 VS2010创建空ASP.NET网站。添加2个WEB窗体:login.aspx,myhome.aspx

    2、 添加新项Visual C# Web窗体:login.aspx。
    1) 设置窗体Title为:登录页
    2) 在login.aspx中,使用工具箱->标准:添加3个Labl、2个TextBox、2个Button控件
    3) 设置控件属性

    a) ID:Label1、Label2、Label3、txtUserName、txtPwd、btnLogin、btnReset
    b) 设置Label标签的Text属性分别为:用户名、密码、请输入用户名
    c) 设置Button按钮的Text属性分别为:登录、重写
    在这里插入图片描述

    图1.1 login窗体效果图

    上图即login页面的效果图:添加了 3 个 Label、2 个 TextBox、2 个Button 控件,分别为用户名、密码、提示输入的文字,和两个Button按钮控件,分别用来是现登录重定向到下面的myhome窗体功能和将输入的信息清除的功能。

    2.4设置Button控件Click时间响应函数
    BtnLogin的Click事件:
    获取TextBox控件txtUserName、txtPwd的输入值(可通过对象的属性或者Request.form集合获取相应的变量与变量值)
    检查txtUserName、txtPwd的值是否为合法用户,如:用户名为“张三”,密码为“1234”,如果是的话,则创建Session变量保存当前的登录用户名与密码,再重定向至myhome.aspx;否则的话,将Label3的Text属性设置为:请输入正确的用户名与密码!
    在这里插入图片描述

    图1.2 用户名和密码正确重定位到myhome窗体

    在这里插入图片描述

    图1.3 检查用户名或者密码不正确返回提示

    上两个图是利用当前的登录用户名与密码进行判断,若正确,重定向至 myhome.aspx;否则的话,将 Label3 的 Text 属性设置为:请输入正确的用户名与密码!
    BtnReset的Click事件:将TextBox控件txtUserName、txtPwd清空。
    添加新项Visual C# Web窗体:myhome.aspx。
    1、 设置窗体Title为:我的空间
    2、 在myhome.aspx中,使用工具箱->标准:添加3个Label,1个Button。
    3、设置控件属性:
    ID:Label1、Label2、Label3,btnLogout
    设置 3 个 Label 标签的 Text 属性分别为:欢迎您来到您的空间!
    设置 Button 的 Text 属性为:退出。
    在这里插入图片描述

    图1.4 密码的属性设置为不回显

    4、在myhome.aspx.cs的Page_Load响应函数中:
    通过 Session 变量,验证当前用户是否已登录,如未登录则重定向至login.aspx。
    设置 Label2.Text 值为:当前用户名和密码,即 Session 中保存的用户名和密码
    设置 Label3.Text 值为:输出当前系统时间。

    在这里插入图片描述

    图1.5 显示用户名、密码和时间

    5、设置btnLogout的Click响应函数
    退出当前 Session;
    重定向到 login.aspx 窗体。

    动态网页实验(二)

    使用实验二.pdf 文档,通过 VS2010 创建简单的用户名/密码验证页面。(此处不赘
    述)。

    2、SQL Server2008 库/表。
    1)启动 SQL Server2008 的 SQL Server Management Stuido,附加 NetSchool 数据库
    (NetSchool_Data.MDF/NetSchool_Log.LDF),查看其中的 STUDENT/STUDENT_CLAS 表。
    请通过查询,尝试相关 SQL 语句(Select、Insert、Update、Delete)并掌握。

    在这里插入图片描述

    图2.1 SQL语句的使用

    2)创建数据库连接字符串,通过在 VS2010 中的服务器资源管理器中,添加数据库连接,
    得到该数据库连接的 ConnectionString。【其中 SQL Server 身份认证为:sa/123456】
    在这里插入图片描述

    图2.2 SQL数据库链接

    由于是在自己的计算机上做的,所以参数有些不同。

    SqlConnection conn;
            conn = new SqlConnection("Data Source=(local);Initial Catalog=NetSchool;Integrated Security=True");
    string str1 = @"SELECT * FROM [NetSchool].[dbo].[STUDENT] where USERID='" + strU + @"' and PASSWORD ='" + strP + "'";
            cmd = new SqlCommand(str1, conn);
    

    3)请根据第七章的 ADO.NET 中的面向连接访问方式,在 login.aspx 的 btnLogin 的 Click
    事件中修改代码,使得原先的静态用户名/密码验证为,数据库 Netschool 中 Student 表
    中已有的用户才能够登录。

    3.1 静态用户名/密码验证代码(此次实验需要重新修改):

    3.2 动态验证。支持当前 STUDENT 表中的所有用户能够登录当前系统。
    图 2 连接式访问数据库程序框架

    3.2.1 添加数据库托管程序支持:using System.Data.SqlClient;

    3.2.2 根据图2 所示步骤,重写撰写 protected void btnLogin_Click(object
    sender, EventArgs e) { }响应函数。

    3.2.3 其中判定是否有该登录用户名/密码,可利用 DataReader 对象的 READ 方法
    或者 HasRows 属性,作为判断依据。

    4.在 myhome.aspx 页面中添加 ListBox 控件、Button 控件。

    4.1 修改 Button 控件:ID 为:btnSeachMyclass。Text 属性:查询

    4.2 修改 ListBox 控件:ID 为:ListBMyClass。在 Page_Load 中,通过程序对其初
    始化,添加一个 Item 项目“我所选修的课程”。

    4.3 在对应的 btnSeachMyclass_Click(){ }函数中进行 Code,是的点击该按钮
    后,将当前登录用户的所有选修课程的 ClassID 以 Item 的方式显示在 ListBox 控件中。
    注意:login.aspx 中用户名输入,请输入 STUDENT 表中的 USERID 值。
    在这里插入图片描述

    图2.3 myhome页框展示

    在这里插入图片描述

    图2.4 所选修的课程显示

    四、原理实验步骤

    原理:
    1、通过服务器控件获取用户输入后,合法用户则创建相应的Session变量,并进行合适的网页重定向。同时熟悉DateTime类。
    2、通过服务器控件获取用户输入后,合法用户则创建相应的 Session 变量,并进行合适的网页重定向,并在 myHome.aspx 网页中显示相应的个人相关记录。其中:合法用户的判断规则:未使用数据库/表时,启用静态用户名/口令验证原则: 未使用数据库/表时,启用静态用户名/口令验证原则:否则,通过查询 MySite 数据库中 Users 表中是否有该用户/密码,为准。

    实验步骤:见实验内容。

    五、关键问题及解决方法

    1、对于用户名和密码的显示需要跨页面传递数据,解决办法是利用Session进行跨页面的数据传递进行记录,

    Session["S_uname"] = txtUserName.Text;
                Session["S_upwd"] = txtPwd.Text;
    Label2.Text = "当前用户为:" + Session["S_uname"].ToString() + "密码为:" + Session["S_upwd"].ToString();
    Label3.Text = "当前时间为:" + System.DateTime.Now.ToString();
    

    2、控件的操作很繁琐
    解决办法是为每个空间配置相应的属性如ID和动作如Clicked等都很繁琐,还好VS的集成性很好,可以利用拆分的双视图进行编辑。
    3、数据库的操作很繁琐
    解决办法是可以在视图界面进行配置,包括控件的各种属性也是如此。在操作数据库的过程中,出现了很多的问题,由于对SQL SERVE数据库不熟悉,所以在处理解决问题上很费力,但还是没有很好的方法解决,通过查阅资料,向同学了解之后才能勉强做。

    六、实验结果

    最终我按照要求,利用VS,编写出了一个简单的动态网页,包括两个2 个 WEB 窗体:login.aspx,myhome.aspx。利用各种控件,实现了登录页面的验证与重定向,对于信息的记录显示与时间的展示以及退出函数的实现。还使用数据库进行了用户合法性的判断,还读取数据库中的数据到ListBox中显示给用户查询,效果如前面各个图片。

    七、实验体会

    通过本次实验,使得我对于网络程序设计有了更深的认识,也印证了我们在课堂上学习的内容,熟悉 了HTML 服务器控件,特别是 FORM 表单服务器控件的设置。印证了我们在课堂上学习的关于数据库的内容,熟悉了对于数据库的连接和对其中数据库数据的操作,熟悉了ListBox控件,通过对数据库数据来动态验证用户的合法性,更具有实用性。本次实验还使我对于VS的使用也有了很大的进步。
    通过这次实验,我懂得了理论与实际相结合是很重要的,只有理论是远远不够的,只有把所学的理论知识与实践相结合起来,从理论知识与实践相结合,从理论中得出结论,才是真正的知识,才能提高自己的事迹动手能力和独立思考的能力。

    附录:源代码(仅仅附上核心代码)

    1.1网页login.aspx.cs或其他

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.Data.SqlClient;
    
    public partial class login : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
    
        }
    
        protected void btnLogin_Click(object sender, EventArgs e)
        {
            string strU = txtUserName.Text;
            string strP = txtPwd.Text;
    
    
            SqlConnection conn;//定义一个连接对象
            SqlCommand cmd;//定义一个命令对象
            SqlDataReader rd;//定义一个读取数据对象
    
            conn = new SqlConnection("Data Source=(local);Initial Catalog=NetSchool;Integrated Security=True");
            conn.Open();
            string str1 = @"SELECT *
      FROM [NetSchool].[dbo].[STUDENT]
      where
      USERID='" + strU + @"'
      and
     PASSWORD ='" + strP + "'";//此为SQL操作字符串
    
    
            cmd = new SqlCommand(str1, conn);
            rd = cmd.ExecuteReader();//执行查询操作
    
            if (rd.HasRows)
            {
                Session["S_uname"] = txtUserName.Text;
                Session["S_upwd"] = txtPwd.Text;
                rd.Close();
                conn.Close();
               Response.Redirect("myhome.aspx");
            }
            else
            {
                Label3.Text = "请输入正确用户名和密码";
            }
        }
    
        protected void btnReset_Click(object sender, EventArgs e)
        {
            txtUserName.Text = null;
            txtPwd.Text = null;
        }
    }
    

    2.1网页myhome.aspx.cs或其他

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.Data.SqlClient;
    
    public partial class myhome : System.Web.UI.Page
    {
    
        protected void Page_Load(object sender, EventArgs e)
        {
            if (Session["S_uname"] == null)//防止直接进入myhome窗体
            {
                Response.Redirect("login.aspx");
            }
            Label2.Text = "当前用户为:" + Session["S_uname"].ToString() + "密码为:" + Session["S_upwd"].ToString();
            Label3.Text = "当前时间为:" + System.DateTime.Now.ToString();
    
            ListBMyClass.Items.Clear();
            ListBMyClass.Items.Add("我所需选修的课程");//在下拉列表中新增一项
        }
        protected void btnSeachMyclass_Click(object sender, EventArgs e)
        {
            SqlConnection conn;
            SqlCommand cmd;
            SqlDataReader rd;
    
            conn = new SqlConnection("Data Source=(local);Initial Catalog=NetSchool;Integrated Security=True");
            conn.Open();
            string str1 = @"SELECT *
                        FROM STUDENT_CLASS
                        where
                        USERID='" + Session["s_name"].ToString() + "'";
            cmd = new SqlCommand(str1, conn);
            rd = cmd.ExecuteReader();
            while (rd.Read())//常见的使用方法:循环调用SqlDataReader对象的read方法来遍历所有行
            {
                 ListBMyClass.Items.Add(rd["CLASSID"].ToString());
               // ListBMyClass.Items.Add(new ListItem(rd["CLASSID"].ToString(), rd["CLASSID"].ToString()));
            }
            rd.Close();
            conn.Close();
    
        }
    
        protected void Button1_Click(object sender, EventArgs e)
        {
    
        }
    
        protected void ListBox1_SelectedIndexChanged(object sender, EventArgs e)
        {
    
        }
    
        protected void btnLogout_Click(object sender, EventArgs e)
        {
            Response.Redirect("myhome.aspx");
        }
    }
    

    2.3 数据库生成SQL语句[包括建库、建表语句;记录不需要]

    Login.窗体中:

    SqlConnection conn;//定义一个连接对象
            SqlCommand cmd;//定义一个命令对象
            SqlDataReader rd;//定义一个读取数据对象
    
            conn = new SqlConnection("Data Source=(local);Initial Catalog=NetSchool;Integrated Security=True");
            conn.Open();
            string str1 = @"SELECT *
      FROM [NetSchool].[dbo].[STUDENT]
      where
      USERID='" + strU + @"'
      and
     PASSWORD ='" + strP + "'";//此为SQL操作字符串
    
    
            cmd = new SqlCommand(str1, conn);
            rd = cmd.ExecuteReader();//执行查询操作
    
    myhome窗体中:
    SqlConnection conn;
            SqlCommand cmd;
            SqlDataReader rd;
    
            conn = new SqlConnection("Data Source=(local);Initial Catalog=NetSchool;Integrated Security=True");
            conn.Open();
            string str1 = @"SELECT *
                        FROM STUDENT_CLASS
                        where
                        USERID='" + Session["s_name"].ToString() + "'";
            cmd = new SqlCommand(str1, conn);
            rd = cmd.ExecuteReader();
    
    展开全文
  • 在暑假的这几天时间里,制作了一个简单的博客网站。下面我将这几天的操作流程来说一下,在原文末会贴上代码,也会给出下载链接。(闲复制代码麻烦的可以到下载地址这里直接下载点击打开链接) 刚刚更新源码到github...

       在暑假的这几天时间里,制作了一个简单的博客网站。下面我将这几天的操作流程来说一下,在原文末会贴上代码,也会给出下载链接。(闲复制代码麻烦的可以到下载地址这里直接下载 点击打开链接) 刚刚更新源码到github上点击打开链接

     

    一、开发环境的搭建

       1)apache+php+mysql环境搭建

       因为要用apache来做服务器,mysql作为数据库来存储数据,php来写代码以此实现网页与数据库的交互数据,所以需要下载上述软件,但上述软件的安装环境、配置很麻烦,所以在这里用了一个功能强大的建站集成软件包---XAMPP,具体的安装方法可见链接(点击打开链接)。

            

     

       当然,也有可能启动Apache时候出现错误,这里给出链接(点击打开链接),如果apache启动有错误可以参考上面这个链接来解决问题。

       2)数据库客户端软件navigat

       直接在cmd命令控制台操作数据库并不方便,不够直白,当然也可以直接用phpmyadmin来操作(上述xampp软件包安装之后在游览器输入127.0.0.1/phpmyadmin即可打开),但是phpmyadmin来操作也不方便,这里便采用Oracle公司出品的数据库客户端Navicat,这里还是给出链接(点击打开链接),按照要求下载即可,

           点击连接,输入连接名,(这里我直接取了IP地址的名字127.0.0.1),主机名和端口号都不用变,这里的用户名和密码。如果是你用的是xampp,那么用户名是root,密码为空;如果不是用的是xampp安装的,按照你设置的用户名和密码登录即可。填写完毕之后点击连接测试,没有问题直接确定即可连接好数据库。

                                

        此外你要是想掌握数据库,简单来讲你想对数据库的任何操作,都必须操作sql语句,总的来说分为四个操作:增删改查。

                      

        ①增:向数据库写入数据

        语句:insert into users (`username`,`password`) values ('name','passwd')

        (ps新手一定要注意这离users这个数据表后面的``这个符号是在tab键上方的引号,而values后面的就是个单引号)

        ②删:删除已有数据

        语句:delete from users WHERE id='3'

        ③改:修改数据

        语句:update set users username='新值', password='新值' WHERE id=3

        ④查:从数据库读取数据

        语句:select * from users where id>1 order by id desc limit 0,2

        如果你想进一步深入的了解mysql语句的话,看一下这里的连接,(点击打开链接)连接给出了这四个操作的具体参数的详解,要想用数据库一定要掌握这四个操作。

     

       (3)html网页的编写工具sublime text

       Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器。Sublime text具有漂亮的用户界面和强大的功能,非常适合写代码的程序猿。在这里还是给出sublime text的安装方法以及注册码及常用插件的安装步骤,按照连接下载即可。(点击打开链接

             

     

       用sublime text来写网页代码,可以掌握这样一个小技巧,先新建一个文件,格式保存为html网页格式,然后在sublime text中打开,输入html:4s 然后按下tab键即可生成大体框架。当然这个快捷键要想使用是要按照我上述给的链接,按照步骤安装好Emmet这个插件,才能使用。

      4)网站域名的配置

       一般来讲,你在游览器打开127.0.0.1这个网址,会转到apache默认目录下的一个网址,这里我对其进行修改,修改为我做项目的目录,E:\PHP\xampp\apache\conf,打开httpd.conf文件,将里面的路径修改为你存储网站的目录,在这里我的修改为

        DocumentRoot "E:/php/xampp/workplace"
        <Directory "E:/PHP/xampp/workplace">

       这里要注意按照自己的下载按照路径来修改为自己的目录,其次我还对这个127.0.0.1这个网址再次做了修改,使其虚拟域名为blog.com,具体的配置及修改还是见链接(点击打开链接),修改完之后重启之后,在游览器输入blog.com,便会出现下述场景:

           

     

       在这里我发现我修改的DNS配置,不知道何时再前面加了一条注释,导致没法打开,大家也要注意按照我给的连接配置好之后,如果打不开再看一下配置文件有无错误。

    总之,配置环境和工具基本上也搭建成功了,接下来我就开始讲解这个blog的项目。

       二、博客网站的书写

       1.总体框架

       首先在这里我先介绍一下我的总体框架,讲解一下,让大家先熟悉一下。

                 

     

      blog是项目的名字,admin文件夹里面存储的是后台登录文件  core文件夹里面存储核心文件,theme文件夹存储网页的样式文件  upfiles文件夹是存储从本地上传到服务器的图片信息,之后config.php文件是整个博客网站的配置文件,header.inc.php是加载了一个页面样式信息,index.php文件是网站的首页,read.php文件是网站首页文章的具体链接。

     

       数据库表中的设计在这里我给出,方便大家参考学习,这里我主要建立了三个表,admin这个表示用来存储后台管理员注册和登录的数据,即账户和密码:

     

     

        page这个表主要是用来存储博客信息,在这里也给图片,方便安装图来建表:

     

     

     

     

       最后给出setting这个表,主要是用来存储博客的系统设置:

                

     

      2.网站后台admin的书写

     1)登录界面(login.php)

     

     

     

       关于这个页面我会在这里给出源码,登录页面其实也就是个从数据库读取的过程,这个登录页面的设计我主要是采用了bootstrap来设计的,不明白的可以百度一下bootstrap,可以参考我的链接来看一下(点击打开链接

     

     

     

       在这里面它包含了各式的样式、组件和JavaScript插件,可以说很好用。

            

     

       在这里我的使用方法是将bootstrap下载下来,然后将文件加压,复制到theme这个文件夹下面,调用方法见下面的源码,在源码中我都给出了详细的解释。

       源码:

      

    <?php
    /*
    后台管理员登录窗口
     */ 
        
        /*启动session服务,记录账号登录的cookies*/
    	session_start();
    	
    	/*包含一个配置文件*/
    	include('../config.php');
    	
    
    	 if($input->get('do')=='check'){
    	 	/*获取页面提交的用户名和密码数据*/
    	 	$ausername=$input->post('ausername');
    	 	$apassword=$input->post('apassword');
    
    	 	/*查询页面提交的数据是否在数据库提供的数据存在的sql语句*/
    	 	 $sql="select * from admin where ausername='{$ausername}' and apassword='{$apassword}' ";
    	 	 /*数据库查询语句返回结果*/
    	 	 $mysqli_result=$db->query($sql);
    	 	 /*以数组形式存储数据库查询语句的返回结果*/
    	 	 $row=$mysqli_result->fetch_array( MYSQLI_ASSOC);
    	 	 /*如果row确实返回了结果,则将结果的aid存储在session里,并转向home.php文件*/
    	 	 if(is_array($row)){
    	 	 	$_SESSION['aid']=$row['aid'];
    	 	 	header("location:home.php");
    	 	 }else{
    	 	 	echo("账户或密码错误");
    	 	 }
    	 }
    ?>
    
    <!--后台管理员登录界面></!-->
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    	<title>管理员登录界面</title>
    	<!--加载包含bootstrap里css和javascript里的文件></!-->
    	<?php include(PATH . '/header.inc.php');?>
    	
    
    </head>
    <body>
    	<!--最外面的container容器></!-->
    	<div class="container">
    		<!--bootstrap使用时建议使用一个row表格类,包含12个列></!-->
    		<div class="row" style="margin-top:200px;">
    			<!--距左边3个列></!-->
    			<div class="col-md-3"></div>
    			<!--中间部分占据6列></!-->
    			<div class="col-md-6" ">
    			 
    			    <div class="panel panel-primary">
    			    	<!--登录头部分></!-->
    			  		<div class="panel-heading">管理员登录</div>
    			  		<!--登录的身体部分></!-->
    			  		<div class="panel-body">
    			    		
    			    		<form  class="form-horizontal" action="login.php?do=check" method="post">
    							<!--登录的用户名那一行></!-->
    							<div class="form-group">
    						    	<label for="inputEmail3" class="col-sm-2 control-label">用户名</label>
    						    <div class="col-sm-10">
    						      	<input type="text" class="form-control" name="ausername" id="ausername" placeholder="请输入用户名" datatype="*3-10" errormsg="请输入长度 范围在3-10之间的昵称">
    						    </div>
    						    </div>
    							
    							<!--登录的密码那一行></!-->
    						    <div class="form-group">
    						    	<label for="inputEmail3" class="col-sm-2 control-label">密码</label>
    						    <div class="col-sm-10">
    						      	<input type="password" class="form-control" name="apassword" id="apassword" placeholder="请输入密码">
    						    </div>
    						    </div>
    							
    							<!--登录、注册那一行></!-->
    						    <div class="form-group">
    						    <div class="col-sm-3"></div>
    						    <!--登录></!-->
    						    <div class="col-sm-4">
    						      	<input type="submit" value="登录" class='btn btn-primary'>
    						    </div>
    						    <!--注册></!-->
    							<div class="col-sm-4">
    								<a href="register.php"><input type="button" value="注册" class="btn btn-primary"> </a>
    							</div>
    							</div>
    			    		</form>
    
    						
    
    					</div>
    					 <!--登录的尾部分></!-->
    			  		 <div class="panel-footer text-right">版权所有,盗版必究</div>
    			    </div>
    			
    			</div>
    			<!--距离右边三列></!-->
    			<div class="col-md-3"></div>
    		</div>
    	</div>
    	<!--窗口背景的script加载></!-->
    	<script type="text/javascript">
    		window.onload = function() {
    			var config = {
    				vx : 4,
    				vy : 4,
    				height : 2,
    				width : 2,
    				count : 100,
    				color : "121, 162, 185",
    				stroke : "100, 200, 180",
    				dist : 6000,
    				e_dist : 20000,
    				max_conn : 10
    			}
    			CanvasParticle(config);
    		}
    	</script>
    	<script type="text/javascript" src="../theme/js/canvas-particle.js"></script>
    	</script>
    </body>
    </html>

     

       (2)注册界面(register.php)

       注册界面其实也就是个往数据库增加数据的过程。

      

     

       还是给出源码,源码中我给出了详解。

      

    <?php
    	/*包含一个配置文件*/
    	include('../config.php');
    	
    	if($input->get('do')=='check'){
    		/*获取用户页面注册传来的用户名和密码数据*/
    		$ausername=$input->post('ausername');
    		$apassword=$input->post('apassword');
    		$aconfirmpassword=$input->post('aconfirmpassword');
    		/*注册时的处理*/
    		if($apassword!=$aconfirmpassword){
    			echo "前后两次输入的密码不一致";
    			exit;
    		}
    		/*将用户填入的数据插入到数据库的sql语句*/
    		$sql="INSERT INTO admin(`ausername`,`apassword`) values('$ausername','$apassword')";
    		/*提交sql语句到数据库处理*/
    		$is=$db->query($sql);
    		/*判断是否注册成功*/
    		if($is){
    			echo "注册成功";
    			header("Location:login.php");
    		}else{
    			echo "注册失败";
    		}
    	}
    
    
    ?>
    
    
    
    <!--后台管理员登录界面></!-->
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    	<title>管理员注册界面</title>
    	<!--加载包含bootstrap里css和javascript里的文件></!-->
    	<?php include(PATH . '/header.inc.php');?>
    	
    </head>
    <body>
    	<!--最外面的container容器></!-->
    	<div class="container">
    		<!--bootstrap使用时建议使用一个row表格类,包含12个列></!-->
    		<div class="row" style="margin-top:200px;">
    			<!--距左边3个列></!-->
    			<div class="col-md-3"></div>
    			<!--中间部分占据6列></!-->
    			<div class="col-md-6" ">
    			 
    			    <div class="panel panel-primary">
    			    	<!--注册头部分></!-->
    			  		<div class="panel-heading">管理员注册</div>
    			  		<!--注册的身体部分></!-->
    			  		<div class="panel-body">
    			    		
    			    		<form  class="form-horizontal" action="register.php?do=check" method="post">
    							<!--注册的用户名那一行></!-->
    							<div class="form-group">
    						    	<label for="inputEmail3" class="col-sm-2 control-label">用户名</label>
    						    <div class="col-sm-10">
    						      	<input type="text" class="form-control" name="ausername" id="ausername" placeholder="请输入用户名">
    						    </div>
    						    </div>
    							
    							<!--注册的密码那一行></!-->
    						    <div class="form-group">
    						    	<label for="inputEmail3" class="col-sm-2 control-label">密码</label>
    						    <div class="col-sm-10">
    						      	<input type="password" class="form-control" name="apassword" id="apassword" placeholder="请输入密码">
    						    </div>
    						    </div>
    						    <!--注册的密码确定那一行></!-->
    						    <div class="form-group">
    						    	<label for="inputEmail3" class="col-sm-2 control-label">确认密码</label>
    						    <div class="col-sm-10">
    						      	<input type="password" class="form-control" name="aconfirmpassword" id="aconfirmpassword" placeholder="请再次输入密码">
    						    </div>
    						    </div>
    							
    							<!--提交注册那一行></!-->
    						    <div class="form-group">
    						    <div class="col-sm-4"></div>
    						    <div class="col-sm-6">
    						      	<input type="submit" value="注册" class='btn btn-primary btn-lg btn-block'>
    						    </div>
    						    </div>
    			    		</form>
    
    						
    
    					</div>
    					 <!--登录的尾部分></!-->
    			  		 <div class="panel-footer text-right">版权所有,盗版必究</div>
    			    </div>
    			
    			</div>
    			<!--距离右边三列></!-->
    			<div class="col-md-3"></div>
    		</div>
    	</div>
    	<!--窗口背景的script加载></!-->
    	<script type="text/javascript">
    		window.onload = function() {
    			var config = {
    				vx : 4,
    				vy : 4,
    				height : 2,
    				width : 2,
    				count : 100,
    				color : "121, 162, 185",
    				stroke : "100, 200, 180",
    				dist : 6000,
    				e_dist : 20000,
    				max_conn : 10
    			}
    			CanvasParticle(config);
    		}
    	</script>
    	<script type="text/javascript" src="../theme/js/canvas-particle.js"></script>
    	</script>
    </body>
    </html>

     

       3)后台管理页面(home.php)

     

     

     在源码中将上述网站的标题那部分单独给拿出来做了一个文件(nav.inc.php),这里也是给出源码,供大家学习参考。

     

     

     home.php源码

     

    <?php
    /*
    后台管理员登录之后php控制端
     */ 	
    	include ('check.php');
    ?>
    
    <!--后台管理员登录之后的界面<>/!-->
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
    	<title>管理员登录</title>
    	<?php include(PATH . '/header.inc.php');?>  <!--所有的页面都需加载这个文件></!-->
    </head>
    <body>
    	<?php include('nav.inc.php');?>  <!--管理员登录页面的标题部分></!-->
    </body>
    </html>

     nav.inc.php

     

     

    <!--后台管理界面的上方标题></!-->
    <nav class="navbar navbar-default" role="navigation">
    	  <div class="container-fluid">
    	    <!-- Brand and toggle get grouped for better mobile display -->
    	    <div class="navbar-header">
    	      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
    	        <span class="sr-only">Toggle navigation</span>
    	        <span class="icon-bar"></span>
    	        <span class="icon-bar"></span>
    	        <span class="icon-bar"></span>
    	      </button>
    	      <a class="navbar-brand" href="home.php">ADMIN</a>
    	    </div>
    
    	    <!-- Collect the nav links, forms, and other content for toggling -->
    	    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    	      <ul class="nav navbar-nav">
    	        <li ><a href="blog.php">博客管理 <span class="sr-only">(current)</span></a></li>
    	        <li><a href="auser.php">管理员管理</a></li>
    	         <li><a href="setting.php">系统管理</a></li>
    	      </ul>
    	     
    	      <ul class="nav navbar-nav navbar-right">
    	       
    	        <li class="dropdown">
    	          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <?php echo $session_user['ausername'];?> <span class="caret"></span></a>  <!--输出此时登录的账户名></!-->
    	          <ul class="dropdown-menu">
    	            <li><a href="logout.php">退出</a></li>
    	           
    	          </ul>
    	        </li>
    	      </ul>
    	    </div><!-- /.navbar-collapse -->
    	  </div><!-- /.container-fluid -->
    	</nav>				

     

     

     

      4)博客管理界面(blog.php)

      这里有三个功能,修改、删除、添加博客界面,下面我将单独列出添加博客这个界面

     

     

     

      (5)添加博客界面(blog_add.php)

     

     

     

       为什么要单独列出添加博客这个界面呢?因为在添加博客这个界面中加载了一个编辑器,一个强大的在线编辑器simditor,这里还是给出下载及使用连接,大家可以作为参考,学习一下(点击打开链接)在这里这个编辑器如果需要图片上传功能的话,需要在文件中设置,这个文件设置为(blog_uopload.php)

       blog_add.php源码

     

    <?php
    	/*后台除去管理员登录界面,均需加载这个文件,来验证该页面管理员是否登录*/ 
    	include ('check.php');
    	/*取出传来的pid从而判断是添加还是修改操作*/
    	$pid=$input->get('pid');
    	/*初始化page,为了区别添加还是修改操作*/
    	$page=array(
    			'title'   => '',
    			'author'  => '',
    			'content' => '',
    		);
    	/*如果pid大于0,可以得出并不是添加操作,而是修改操作*/
    	 if($pid>0){
    	 	$sql="select * from page where pid ='{$pid}' ";
    	 	$res=$db->query($sql);
    	 	$page=$res->fetch_array(MYSQLI_ASSOC);
    	 }
    
    
    
    	 /*对于添加操作操作而言,账户或密码不能为空*/
    	if($input->get('do')=='add'){
    		$title=$input->post('title');
    		$author=$input->post('author');
    		$content=$input->post('content');
    		if(empty($title)||empty($author)||empty($content)){
    			echo("数据不能为空");
    		}
    		/*如果aid大于1,则得出更新操作,否则执行添加操作*/
    		if($pid>0){
    			$uptime=time();
    			$sqlTpl="UPDATE page set title='%s',author='%s',content='%s',uptime='%d' where pid='%d' ";
    			$sql=sprintf($sqlTpl,$title,$author,$content,$uptime,$pid);
    		}
    		else{
    			$intime=time();
    			$sqlTpl="INSERT INTO page(`title`,`author`,`content`,`intime`,`uptime`) values('%s','%s','%s','%d','%d')";
    			$sql=sprintf($sqlTpl,$title,$author,$content,$intime,0);
    			
    		}			
    		/*判断是否有结果*/
    		$is=$db->query($sql);
    		if($is){
    			header("location:blog.php");
    		}else{
    			echo "执行失败";
    		}
    	}
    ?>
    
    <!--管理员添加博客或修改博客的界面<>/!-->
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    	<title>添加博客</title>
    	<?php include(PATH . '/header.inc.php');?>
    
    	<!--加载simiditor编辑器的文件></!-->
    	<link rel="stylesheet" type="text/css" href="../theme/simditor/styles/simditor.css" />
    	<script type="text/javascript" src="../theme/simditor/scripts/module.js"></script>
    	<script type="text/javascript" src="../theme/simditor/scripts/hotkeys.js"></script>
    	<script type="text/javascript" src="../theme/simditor/scripts/uploader.js"></script>
    	<script type="text/javascript" src="../theme/simditor/scripts/simditor.js"></script>
    
    </head>
    <body>
    	<?php include('nav.inc.php');?>
    	<div class="container">
    	<h2> 博客管理 <small class="pull-right"><a class='btn btn-default' href="blog.php">返回</a></small></h2>
    	<hr/>
    		<div class="rows">
    			<form class="form-horizontal" role="form" action="blog_add.php?do=add&pid=<?php echo $pid;?>" method="post">
    			  <div class="form-group">
    			    <label for="inputEmail3" class="col-sm-2 control-label">标题</label>
    			    <div class="col-sm-6">
    			      <input type="text" class="form-control" name="title" placeholder="请输入标题" value='<?php echo $page['title'];?>'>
    			    </div>
    			  </div>
    			  <div class="form-group">
    			    <label for="inputPassword3" class="col-sm-2 control-label">作者</label>
    			    <div class="col-sm-4">
    			      <input type="text" class="form-control" name="author" placeholder="请输入作者" value='<?php echo $page['author'];?>' >
    			    </div>
    			  </div>
    
    			  <div class="form-group">
    			    <label for="inputPassword3" class="col-sm-2 control-label">正文</label>
    			    <div class="col-sm-8">
    			     	<textarea id="content" name="content" class="form-control"><?php echo $page['content'];?></textarea>
    			     	<!--在script中初始化编辑器,在这里注意script里加载的textarea的ID要与上方textarea的id号一致></!-->
    					<script>
    						var editor = new Simditor({
    						  textarea: $('#content'),
    						  upload:{
    						  	url:'blog_upload.php',
    						  	fileKey:'file1'
    						  }
    						  //optional options
    						});
    					</script>			     	
    			    </div>
    			  </div>
    			  
    			  <div class="form-group">
    			    <div class="col-sm-offset-2 col-sm-6">
    			      <button type="submit" class="btn btn-default">提交</button>
    			    </div>
    			  </div>
    			</form>
    			
    		</div>
    	</div>
    </body>
    </html>

     
      

     

      blog_upload.php源码

     

    <?php
    	/*后台除去管理员登录界面,均需加载这个文件,来验证该页面管理员是否登录*/ 
    	include('check.php');
    	/*将文件上传到服务器的目录里*/
    	$key='file1';
    	$dir='../upfiles/';
    	if(isset($_FILES[$key])){
    		$file=$_FILES[$key];
    		if($file['error']==0){
    			/*文件所处服务器的目录*/
    			$pathName=$dir . $file['name'];
    			/*文件所在服务器的网址*/
    			$urlName='http://blog.com/blog/upfiles' . $file['name'];
    			$is=move_uploaded_file($file['tmp_name'], $pathName);
    			/*判断是否移动成功*/
    			if(!$is){
    				die("上传失败");
    			}
    			/*编辑器来判断是否成功上传图片*/
    			$json=array(
    				'success' => true,
    				'msg'     => '',
    				'file_path'=>$urlName
    				);
    			echo json_encode($json);
    		}
    	}
    ?>

     

     

     

      6)管理员管理界面(auser.php)

      这里还是有三个功能,修改、删除和添加,这里我就不单独一一列出来了,具体可参考文末给出的源码

     

      7)系统管理界面

      系统管理可以在这里设置标题、介绍和博客每页的显示数量

     
     

     

     

     

     

      3.主界面(index.php)

      这里是游客访问的主界面,这里给出源码大家作为参考,

     

      阅读界面(read.php)

      当你想阅读该文章时,可点击标题进入阅读页,进行阅读,同样给出源码,作为参考

     

     

     

     

     

    展开全文
  • 制作的一个动态博客网站,代码中给出了详细的解释,此外操作步骤也可见我的个人博客http://blog.csdn.net/mind_programmonkey,里面有详解
  • 大学生网页设计个人主页网站模板采用DIV CSS布局制作网页作品共4个页面,包括个人介绍(文字页面)、我的作品(图片列表)、个人技能(图文页面)、在线留言(表单页面)CSS样式方面网页整体采用左右布局结构,...

    制作介绍

    网页设计个人主页网站模板采用DIV CSS布局制作,网页作品共4个页面,包括个人介绍(文字页面)、我的作品(图片列表)、个人技能(图文页面)、在线留言(表单页面)CSS样式方面网页整体采用左右布局结构,制作了网页背景图片,左侧导航区域每个导航背景色不同,导航四个背景色与页面背景呼应。

    内容修改

    网页代码采用基础水平DIV 布局制作,可使用Dreamweaver、HBuilder、Notepad++等任意HTML软件编辑修改内容。

    作品演示

    个人网页作品
    个人主页模板
    个人网站模板
    个人主页成品

    代码演示

    代码说明:以下仅展示首页部分代码供参考

    <div class="menu">
        <ul>
        <li class="menua"><a href="index.html">个人介绍</a></li>
        <li class="menub"><a href="work.html">我的作品</a></li>
        <li class="menuc"><a href="skill.html">个人技能</a></li>
    	<li class="menud"><a href="message.html">在线留言</a></li>
        </ul>
    	</div>
        <div class="right">
    	<p> 
    		<strong>关于</strong><br>
    		姓名:<br>
    		籍贯:<br>
    		邮箱:<br>
    		寻找自我,树立自我,相信自我。迷茫时不必祈求神灵,忧愁时不必寄情于深邃的夜空,最好的依靠自我。
    	</p>
    	</div>
    

    作品源地址

    stu-works.com/html/geren/336.html

    展开全文
  • 此作品为学生个人主页网页设计题材,代码为简单学生水平 DIV CSS布局制作,整个作品由主页、个人历程、兴趣爱好、学业成绩、联系我们共5页组成,作品下载后可使用任意HTML编辑软件(例如:DW、HBuilder、NotePAD等...

    大学生个人主页网页设计制作

    作品介绍

    此作品为学生个人主页网页设计题材,代码为简单学生水平 DIV CSS布局制作,整个作品由主页、个人历程、兴趣爱好、学业成绩、联系我们共5页组成,作品下载后可使用任意HTML编辑软件(例如:DW、HBuilder、NotePAD等软件)编辑修改为个人信息。
    网页作品布局方面:网页布局整体为LOGO、导航、主体内容布局。子页面多种布局,兴趣爱好内容使用图片列表布局,成绩页面插入了表格,联系我们使用图片对齐方式设置了左对齐。
    网页作品技术方面:使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。 首页制作了留言表单,同时简单使用JavaScript制作了表单判断(提交时表单不能为空)

    截图演示

    个人网页设计作品

    代码演示

    JavaScript代码:为保障作品的原创性,以下仅展示首页部分代码供参考

    function beforeSubmit(form){
    if(form.name.value==''){
    alert('姓名不能为空!');
    form.name.focus();
    return false;
    }
    if(form.tel.value==''){
    alert('联系方式不能为空!');
    form.tel.focus();
    return false;
    }
    

    HTML代码:为保障作品的原创性,以下仅展示首页部分代码供参考

    <div class="menu">
    		<ul>
    		<li class="this"><a href="index.html" >网站首页</a></li>
    		<li><a href="licheng.html"  >成长历程</a></li>
    		<li><a href="xingqu.html"  >兴趣爱好</a></li>
    		<li><a href="chengji.html"  >学业成绩</a></li>
    		<li><a href="lianxi.html"  >联系方式</a></li>
    		</ul>
    	</div> 
    	<div class="title"><i></i>个人介绍</div>
    	<div class="left">
    		<img src="images/me.jpg">
    	</div>
    	<div class="right">
    		<p>
    		<br>
    		HI,欢迎访问我的个人网站,我是ABC,今年18岁,出生于2002年8月8日,射手座。<br>
    		我的爱好是滑板、小提琴、游泳、柔道。
    		</p>	
    	</div>
    

    作品来源

    www.stu-works.com/html/geren/348.html

    展开全文
  • HTML 5 动态效果制作方法整理

    千次阅读 2016-11-28 14:14:40
    HTML 5 动态效果制作方法整理1.前言随着时代的发展和进步,越来越多的开发者开始在前端界面中加入动态效果。那么我们今天就一起来整理和分享一下前端动态效果的制作方法,并对其中的 Canvas 进行一下简单的讲解。2....
  • 想做的是一个类似企业网站的,主要是用CSS布局这一块花费时间比较多,js用得比较少。 下面是部分代码: HTML: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <...
  • HTML制作网页

    万次阅读 多人点赞 2018-07-01 16:28:04
    一、步骤1、HTML 1、新建文本文档 2、改后缀名.html 3、以记事本方式打开并编写代码 4、保存,关闭后,直接双击打开网页
  • innerHTML\innerText制作动态网页基础

    千次阅读 2018-03-02 10:18:44
    innerHTML\innerText制作动态网页基础定义和用法innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。说白了就是出现一段话。。innerText从起始位置到终止位置的内容, 但它去除Html标签两者正好相对。语法...
  • #3使用html+css+js制作网页 制作登录网页

    万次阅读 多人点赞 2020-01-31 20:23:54
    #3使用html+css+js制作网页 制作登录网页 详细教程
  • 刀剑神域动漫网页设计知识点介绍网页制作说明网页代码演示导航代码正文代码网页效果预览成品地址 知识点介绍 使用dreamweaver制作采用table表格布局、网页背景颜色、底部版权区域 网页制作说明 本学生网页设计作业...
  • 网页制作 网页下拉菜单HTML+CSS制作

    千次阅读 多人点赞 2020-06-02 18:29:56
    网页下拉菜单制作(图片如下)制作用到的images 二级菜单 一、 caidan.html 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>基于div+css技术的下拉...
  • 银翼杀手2049电影静态网页作业设计了5个页面,采用DIV CSS布局制作网页作品中的内容来源于百科,包括:网站首页、剧情简介、角色介绍、幕后制作、原著小说。 网页设计整体宽度为1200PX,页面都使用CSS设置了网页...
  • HTML静态华为网站设计作品模板网页作品介绍网页效果预览网页文件展示网页代码展示网页作品下载 网页作品介绍 本HTML静态网页作品采用DW制作,主题为华为热门产品,共10个页面,首页1页,二级图文页面1页,二级产品1...
  • 通常企业需要网站制作设计时候,在找网站建设公司做网站过程中经常会被问到建设网站是做动态网站还是静态的好。企业建站常常问到这些也是属于正常现象,因为好多人根本不了解什么是静态与动态?    所以,下面由...
  • 郑州旅游网页设计制作知识点应用作品介绍网页首页效果网页文件首页部分HTML代码作品源地址 知识点应用 JavaScript弹窗、表单、网页背景图、鼠标经过动态菜单、DIV CSS布局 作品介绍 作业成品为我的家乡类网页制作,...
  • 此作品为学生个人主页网页设计题材,代码为简单学生水平 DIV CSS布局制作,整个作品由主页、个人历程、兴趣爱好、学业成绩、联系我们共5页组成,作品下载后可使用任意HTML编辑软件(例如:DW、HBuilder、NotePAD等...
  • HTML网页设计制作大作业(div+css)

    万次阅读 多人点赞 2020-11-25 16:19:36
    话不多说,直接上效果图: 历史介绍 行政区划: 地理环境 著名景点: 美食小吃 工艺品 联系我们 部分项目结构 ...老师要求的十几个页面20几张图片以及一些跳转,使用div+css布局也基本上都有了。......
  • 网页制作HTML代码全攻略

    万次阅读 多人点赞 2017-06-08 09:06:44
    网页制作HTML代码全攻略
  • 学生个人网页设计作品网页介绍修改说明网页演示...网页作品代码简单,可使用Dreamweaver、HBuilder、Notepad++等任意HTML软件编辑修改网页内容为个人信息。 网页演示 以下为网页作品首页截图,更多页面效果可点击此处
  • 如何使用html制作网页

    2020-09-12 02:12:25
    超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成,这种语言制作的文件保存的是一个文本文件,文件的扩展名为 .html 或者 .htm。html文档也叫 Web页面 ,其实就是一个...
  • 静态HTML个人网页主页模板网页作品介绍作品页面演示作品代码演示网页作品下载 网页作品介绍 学生个人网页制作设计模板采用DIV CSS布局制作,共4个页面:个人介绍页面、相册列表页面、作品展示页面、留言表单页面。...
  • 如何制作PC端Html网页

    千次阅读 2017-05-18 23:25:24
    如何制作PC端Html网页
  • 初学 HTML制作网页

    千次阅读 2015-12-27 14:42:32
    提到制作网页,大部分人会想到用Dreamweaver,其实记事本也很方便。、 用HTML编写简单网页 HTML:超文本标记语言 (xml的前身【可扩展的标记语言,标签可以自定义】) 标记语言:解释性语言。(由应用程序解释) ...
  • HTML静态个人博客网页个人主页作品采用DIV布局制作,共5个页面,未使用任何特殊技术,代码布局简单,整体使用CSS制作了页面背景图片,排版布局使用float基础标签制作,简单制作了导航鼠标经过和选中效果。...
  • html制作网页版简历

    万次阅读 多人点赞 2018-06-20 17:58:13
    今天给大家分享一个HTML网页布局,这里面都是用一些简单的代码,相当于基础代码却做出不一般的网页布局,里面包含了div布局,同时这里面还引用了css层次样式,因为引入这个的话做出来的网页比较好看,而且生动。...
  • 使用JavaScript制作动态网页

    千次阅读 2019-09-02 19:34:35
    什么是JavaScript? JavaScript是一种描述语言,基于对象和事件驱动的脚本...被设计为向HTML页面添加交互行为 运行于客户端 JavaScriptte基本语法 <script type= " text/javascript " > <!-- // JavaS...
  • 简单 PHP + MySQL 数据库动态网站制作

    千次阅读 多人点赞 2016-05-16 15:31:10
    在这篇文章中,我尽量用最浅显易懂的语言来说明使用 PHP, MySQL 制作一个动态网站的基本技术。阅读本文需要简单的 HTML 基础知识和(任一编程语言的)编程基础知识(例如变量、值、循环、语句块的概念等)。 PHP ...
  • 使用JavaScript制作动态网页-1

    千次阅读 多人点赞 2019-09-02 20:59:57
    使用JavaScript制作动态网页-1 JavaScript是什么 JavaScript是一种描述语言,基于对象和事件驱 动的脚本语言。 1. JavaScript的特点 脚本语言(一种轻量级的编程语言) 一种解释性语言(无需预编译) 被设计为向...
  • 用Editplus制作HTML网页

    千次阅读 2015-06-08 22:49:58
    最近在学习java web开发,作为预备知识,首先要学习HTML编程,这里记下我制作第一个网页的过程,我的学习分为以下几个步骤:①初识HTML ②Editplus简介 ③网页总体构思 ④涉及的知识点 一、初识HTML1、为什么要学...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 210,329
精华内容 84,131
关键字:

html动态网页制作