By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
434,960 Members | 2,459 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 434,960 IT Pros & Developers. It's quick & easy.

How to Convert Html page to aspx page?

P: 1
Template Editing:

I m working with Template(Admin-Side) Integration with Asp.net. should i use masterpage?

How to convert HtmlPage to .aspxpage??

Html Page and LogIn Page:

Html Code:

login.html

Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <meta charset="utf-8">
  5.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.   <title>Log In</title>
  7.   <!-- Tell the browser to be responsive to screen width -->
  8.   <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  9.   <!-- Bootstrap 3.3.7 -->
  10.   <link rel="stylesheet" href="../../bower_components/bootstrap/dist/css/bootstrap.min.css">
  11.   <!-- Font Awesome -->
  12.   <link rel="stylesheet" href="../../bower_components/font-awesome/css/font-awesome.min.css">
  13.   <!-- Ionicons -->
  14.   <link rel="stylesheet" href="../../bower_components/Ionicons/css/ionicons.min.css">
  15.   <!-- Theme style -->
  16.   <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
  17.   <!-- iCheck -->
  18.   <link rel="stylesheet" href="../../plugins/iCheck/square/blue.css">
  19.  
  20.   <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  21.   <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  22.   <!--[if lt IE 9]>
  23.   <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  24.   <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  25.   <![endif]-->
  26.  
  27.   <!-- Google Font -->
  28.   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
  29. </head>
  30. <body class="hold-transition login-page">
  31. <div class="login-box">
  32.   <div class="login-logo">
  33.     <b>Admin</b>  <b>LogIn</b>
  34.   </div>
  35.   <!-- /.login-logo -->
  36.   <div class="login-box-body">
  37.     <p class="login-box-msg">Sign in to start your session</p>
  38.  
  39.     <form action="../../index2.html" method="post">
  40.       <div class="form-group has-feedback">
  41.         <input type="email" class="form-control" placeholder="Email">
  42.         <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
  43.       </div>
  44.       <div class="form-group has-feedback">
  45.         <input type="password" class="form-control" placeholder="Password">
  46.         <span class="glyphicon glyphicon-lock form-control-feedback"></span>
  47.       </div>
  48.       <div class="row">
  49.  
  50.         <!-- /.col -->
  51.         <div class="col-xs-4">
  52.           <button type="submit" class="btn btn-primary btn-block btn-flat">Sign In</button>
  53.         </div>
  54.         <!-- /.col -->
  55.       </div>
  56.     </form>
  57.  
  58.     <a href="register.html" class="text-center">New Registration for admin</a>
  59.  
  60.   </div>
  61.   <!-- /.login-box-body -->
  62. </div>
  63. <!-- /.login-box -->
  64.  
  65. <!-- jQuery 3 -->
  66. <script src="../../bower_components/jquery/dist/jquery.min.js"></script>
  67. <!-- Bootstrap 3.3.7 -->
  68. <script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  69. <!-- iCheck -->
  70. <script src="../../plugins/iCheck/icheck.min.js"></script>
  71. <script>
  72.   $(function () {
  73.     $('input').iCheck({
  74.       checkboxClass: 'icheckbox_square-blue',
  75.       radioClass: 'iradio_square-blue',
  76.       increaseArea: '20%' /* optional */
  77.     });
  78.   });
  79. </script>
  80. </body>
  81. </html>
Login.aspx

Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html>
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head runat="server">
  5.     <title></title>
  6. </head>
  7. <body>
  8.     <form id="form1" runat="server">
  9.     <center>
  10.      <h3>Login:</h3>
  11.        <table>
  12.            <tr>
  13.                <td>
  14.                    EmailId:
  15.                </td>
  16.                <td><asp:TextBox ID="txtemailId" runat="server"></asp:TextBox></td>
  17.            </tr>
  18.            <tr>
  19.                <td>
  20.                    Password:
  21.                </td>
  22.                <td><asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox></td>
  23.            </tr>
  24.            <tr>
  25.               <td>
  26.                   <asp:Button ID="Button1" runat="server" Text="Submit" OnClick="Button1_Click" /></td>
  27.            </tr>
  28.            <tr>
  29.                <td>
  30.                     <a href="Registration.aspx">Registration Here</a>
  31.                </td>
  32.            </tr>
  33.        </table>
  34.     </center>
  35.     </form>
  36. </body>
  37. </html>
problem is when create a project then

write click on my project name-> add -> new item -> web form masterpage and then add->add new item -> problem(right hand side not display the checkbox select masterpage)

when create a website then

write click on my project name-> add -> new item -> web form masterpage and then add->add new item -> right hand side display the checkbox select masterpage)

How to convert html to aspx page?Help?
Attached Images
File Type: png LogInAspxPage.PNG (7.9 KB, 6 views)
File Type: png LogInHtmlPage.PNG (9.7 KB, 6 views)
6 Days Ago #1
Share this question for a faster answer!
Share on Google+

Post your reply

Sign in to post your reply or Sign up for a free account.