How can design website in php

You can then refer to this, perhaps to check the intended content, or see what page to link it to. Our basic PHP website is going to feature a home page, including biographical information and some images. The index. The code examples shown below are screenshots.

You'll find the original code in my GitHub repository , which is free for anyone to download. To create a website using PHP, you'll need to construct three web pages. These are based upon the basic structure of header, body, and footer. As you might guess, the header includes title information.

Start by creating a file called header. This file will be called when the page loads in your browser and apply the required font and layout.

Every web page consists of a content section known as the "body". This is the part of a page that you readwhat you're reading now is the body of this page. Create a file called body. I've included biographical details from my MakeUseOf author page , but you can add whatever you like. The footer section of the web page is next. What do you think Joomla needs? You might not know me, but you might know someone like me: I'm one of those guys that writes an unbelievable amount of code in a day, just for fun.

I started coding when I was 7 years old, and haven't stopped since! When I'm not coding it's rare! If you're looking for someone with massive experience, and in depth knowledge of advanced PHP programming, please don't hesitate to get in touch - despite my busy schedule, I do take on additional projects from time to time.

Now, save the coding page. Step 9 In this step, select the title name. Name the untitled document in the code page. Select the name and clear. Step 10 In this step, declare the document title.

Step 11 This step is for designing the page. This Web page is divided into header, menu and center. This menu declares three menus, which link to home, login and feedback.

Step 12 This step is to view the design page. In this page, click Design. This page shows our page design. Step 14 This step is to be followed to run the page. This is a Server to run the page.

Step 15 In this step, run the Web page. Select any Web Browser and type the link. Now, run the Web page. Step 16 In this step, create stylesheet. CSS is cascading Stylesheet. This is used to create style for Web page. Step 17 This step is required to open stylesheet coding page. This page is used to develop the style and designing of the Web page.

Step 18 This step is required to select the location to save the stylesheet. Go to the file and select save option i.

Select file name and open demo file. Step 19 This step is required to save stylesheet. Declare the file name as Style. Now, save the stylesheet. Step 20 This step is required to develop the stylesheet coding. First create the header page. Now try entering some data and click " Add to list ". In my case, I'll just use finish again. Let's go to our phpmyadmin and let's see if the data has been added. Here's the result of my case:. Now that we have seen that the data has been successfully added, let's now display the data in our home page.

Let's modify our home. The explanation to the added code is quite simple. It just basically displays the data coming from the while loop. It has been explained earlier in our tutorial so I believe that by this point, you should have understood the process of getting the data in the query.

Going back to the browser, try refreshing your home. It should now display that data. Next is to update edit and delete information. If you will notice we have edit and delete links displayed on the column. I'll add another data to the list named " tuna " to have another example and this time, it's privacy to no :.

Let's now try editing our data and to do that we will use a new functionality called " GET ". To start of, let's modify our home. If you have noticed, we only added URL parameter for the edit and delete links namely id. We will be using this later to handle thee data. The reason why we use id is because it's a unique identifier.

It is possible for the person to have enter the same data so it's not recommended to use the details as a mean for manipulation later on. Try putting your cursor into the edit link and you will see the value of the id on the lower left:. Now that we have that, let's try creating our edit. Let's try modifying the URL parameter by removing? Now try putting a value that is greater than the id number, in our case, let's try 5 and it should result like this:.

Now that we secured our URL parameters, let's now place the edit syntax. Let's go back to edit. Click here for the complete edit.

Now try refreshing and go back to the edit page. Let's try a different data. In my case, I'll be using " Salmon " and change it to non- public :. Go ahead and click Update list and you should be redirected to home. Now, we have a time and date of edit displayed on the Edit Time column.

Our privacy has been set now to non-public and the value has changed into Salmon. Looking back to the CRUD, we have now done creating adding , reading displaying , and updating editing records. Now for the last part, deleting records. For this part, it's just relatively the same as what we have done on edit but what differs is just the SQL statement. In deleting records, we have to prompt people making sure that they'd really want to delete the record so we will be adding a little JavaScript in home.

To do that, let's modify our code and add some in home. Click here for the complete home. As you have noticed, we edited the link for the delete. We changed href into " " and added and onclick function for JavaScript for the method of myFunction and inside its parameter is the id of the row. If the user confirms, the page then directs to delete. Now let's create delete. Click here for the complete delete. The code is just simple and the syntax are also the ones that we used before but noticed we have changed our request method into GET.