close

PHP இல் HTML மற்றும் CSS உடன் பயனர் இடைமுகம்

இணையதளம் என்பது பெரும்பாலான இணையப் பயன்பாடுகளின் இன்றியமையாத பகுதியாகும், மேலும் PHP இல், பயனர் இடைமுகத்தை உருவாக்க HTML மற்றும் CSS ஐப் பயன்படுத்தலாம். இந்த கட்டுரையில், எங்களின் பயன்பாடுகளுக்கு அழகான மற்றும் ஊடாடும் பயனர் இடைமுகத்தை உருவாக்க PHP இல் HTML மற்றும் CSS ஐ எவ்வாறு பயன்படுத்துவது என்பதை ஆராய்வோம்.

 

PHP இல் HTML ஐ ஒருங்கிணைத்தல்

HTML ஐ PHP இல் ஒருங்கிணைக்க, HTML பிரிவுகளுக்குள் PHP குறியீட்டை உட்பொதிக்க PHP குறிச்சொற்களைப் பயன்படுத்தலாம். டைனமிக் தலைப்பை உருவாக்க PHP ஐ எவ்வாறு பயன்படுத்துவது என்பதை பின்வரும் எடுத்துக்காட்டு விளக்குகிறது:

<html>  
<head>  
    <title><?php echo "Home Page"; ?></title>  
</head>  
<body>  
    <h1><?php echo "Welcome to our website!"; ?></h1>  
</body>  
</html>

மேலே உள்ள எடுத்துக்காட்டில், <?php ?> HTML பிரிவுகளுக்குள் PHP குறியீட்டைச் செருக PHP குறிச்சொற்களைப் பயன்படுத்துகிறோம். இது PHP குறியீட்டில் கணக்கிடப்பட்ட மதிப்புகளின் அடிப்படையில் மாறும் HTML கூறுகளை உருவாக்க அனுமதிக்கிறது.

 

PHP இல் CSS பாணிகளைப் பயன்படுத்துதல்

PHP பக்கத்திற்கு CSS பாணிகளைப் பயன்படுத்த, குறிச்சொற்களுக்குள் CSS குறியீடு தொகுதிகளைப் பயன்படுத்தலாம் <style>. PHP இல் உள்ள HTML உறுப்புக்கு CSS பாணிகளை எவ்வாறு பயன்படுத்துவது என்பதை பின்வரும் எடுத்துக்காட்டு விளக்குகிறது:

<html>  
<head>  
    <style>  
        .title {  
            color: blue;  
            font-size: 24px;  
        }  
    </style>  
</head>  
<body>  
    <h1 class="title"><?php echo "Dynamic Title"; ?></h1>  
</body>  
</html>

மேலே உள்ள எடுத்துக்காட்டில், வண்ணம் மற்றும் எழுத்துரு அளவு பண்புகளுடன் <style> ஒரு வகுப்பை வரையறுக்க, குறிச்சொற்களுக்குள் ஒரு CSS குறியீடு தொகுதியைப் பயன்படுத்துகிறோம். அடுத்து, பண்புக்கூறைப் பயன்படுத்தி தலைப்புக்கு வகுப்பைப் .title பயன்படுத்துகிறோம். .title class

 

PHP டெம்ப்ளேட் எஞ்சின்களைப் பயன்படுத்துதல்

நெகிழ்வான மற்றும் பராமரிக்கக்கூடிய பயனர் இடைமுகங்களை உருவாக்க, Laravel Blade, Smarty அல்லது Twig போன்ற PHP டெம்ப்ளேட் இயந்திரங்களைப் பயன்படுத்தலாம். டெம்ப்ளேட் என்ஜின்கள் இடைமுகம் மற்றும் தர்க்கத்தை வெவ்வேறு கோப்புகளாக பிரிக்க அனுமதிக்கின்றன, மேலும் மூலக் குறியீட்டை மேலும் படிக்கக்கூடியதாகவும் பராமரிக்கக்கூடியதாகவும் ஆக்குகிறது.

பின்வரும் உதாரணம் PHP சமூகத்தில் பிரபலமான டெம்ப்ளேட் இயந்திரமான Laravel Blade ஐப் பயன்படுத்துகிறது:

<!-- resources/views/welcome.blade.php -->  
<html>  
<head>  
    <title>Home Page</title>  
</head>  
<body>  
    <h1>Welcome to our website!</h1>  
  
    <p>{{ $message }}</p>  
</body>  
</html>

 

மேலே உள்ள எடுத்துக்காட்டில், {{ $message }} டெம்ப்ளேட்டில் ஒரு மாறியைக் காட்ட தொடரியலைப் பயன்படுத்துகிறோம். இந்த மாறியை கட்டுப்படுத்தும் PHP குறியீட்டிலிருந்து அனுப்பலாம், இது தர்க்கத்திலிருந்து அனுப்பப்பட்ட தரவின் அடிப்படையில் டைனமிக் இடைமுகங்களை உருவாக்க அனுமதிக்கிறது.

 

முடிவில், பயனர் இடைமுகங்களை உருவாக்க PHP இல் HTML மற்றும் CSS ஐப் பயன்படுத்துவதற்கான சில வழிகள் இவை. PHP குறியீட்டை ஒருங்கிணைப்பதன் மூலமும், CSS பாணிகளைப் பயன்படுத்துவதன் மூலமும், டெம்ப்ளேட் என்ஜின்களைப் பயன்படுத்துவதன் மூலமும், எங்கள் PHP பயன்பாடுகளுக்கு மாறும் மற்றும் ஈர்க்கக்கூடிய பயனர் இடைமுகங்களை உருவாக்கலாம்.