Login to ZARP

TOPIC: [Coding Lesson] Part 3 HTML/CSS *Login System

[Coding Lesson] Part 3 HTML/CSS *Login System 6 years 9 months ago #627844

HTML/CSS Coding lesson

Hello my name is vitx im a player of DarkRP atm. Today im going to teach you all how to code HTML and CSS they are the most basic codes on our websites "WWW" World Wide Web. Every day i'm going to make lessons today we start at lesson 1 that we going to learn basic things. Then when we have come further in we going to start with PHP and SQL they are pretty basic aswell.

I'm a website programmer myself i just programming on my free time and i enjoy it pretty much and love todo project with PHP and HTML.

Softwere i use

ATOM Download

Dreamweaver Download

Contact me

Steam Profile

Introduction
Today we going to start with out project i told you guyes last time, sorry for no more lessons part but i got busy but now we are here again. Last time i told we going todo a Login System with a database with PHP script! These Steps we going todo first.

HTML
Building up a form how the website going to look like.

CSS
Then we going to style our HTML code

SQL/Database
Then we going to take a look on SQL/Database how its working not so deep just simple.

PHP
Then we going to programming PHP to our Login In form all action and stuff.

Coding part
Now we going to create a map called Login System.

Part 1
Create one file called Login.html

Part 2
Open up Login.html start with the simple code from Lesson 1

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    
  </body>
</html>

Part 2
Now we going to create a Form inside our Body tag we going to write this code is a simple form of our Login page

    <form class='LoginForm' action='' method=''>
      <input type='text' name='Username' placeholder='Username'>
      <input type='password' name='Password' placeholder='password'>
      <button type='submit' name='login'>Login</button>
      <button type='submit' name='login2'>Register</button>
    </form>

Part 3
Now we going to create a new file called Register.html we can copy same code in it. But we need to rename some few things

List of what you need to rename
1. Form class
2. Button name

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>

    <form class='RegisterForm' action='' method=''>
      <input type='text' name='Username' placeholder='Username'>
      <input type='password' name='Password' placeholder='password'>
      <button type='submit' name='register'>Register</button>
    </form>

  </body>
</html>

That will be enough today im kind tired today ask question if something is not right or if you have question about something

vitx
Offline
Expert Boarder
Posts: 1015
Thanks received: 308
Karma: -36

[Coding Lesson] Part 3 HTML/CSS *Login System 6 years 9 months ago #627846

Wow, looks neat! Quick question though: weren't there like massive security issues with HTML? I thought that was why nobody uses it anymore.	Raeker Offline Former Community Manager It hurts the best of us Posts: 9175 Thanks received: 6577 Karma: 213
Add me on Steam here! Login or register to post a reply.

[Coding Lesson] Part 3 HTML/CSS *Login System 6 years 9 months ago #627847

Raeker wrote: Wow, looks neat! Quick question though: weren't there like massive security issues with HTML? I thought that was why nobody uses it anymore. Yes is true with php and html isnt the best way to make Login system with	vitx Offline Expert Boarder Posts: 1015 Thanks received: 308 Karma: -36
Login or register to post a reply. The following user(s) said Thank You: Raeker