Login CakePHP 4 script

on
CakePHP 4 , login biasanya menggunakan Authentication plugin . Berikut alurnya: 1. Install Authentication Plugin Jalankan di terminal: composer require cakephp/authentication 2. Load Plugin di Application.php Di file src/Application.php , tambahkan: $this->addPlugin('Authentication'); 3. Middleware Authentication Masih di Application.php , tambahkan ke middleware() : use Authentication\Middleware\AuthenticationMiddleware; $middlewareQueue->add(new AuthenticationMiddleware($this)); 4. Konfigurasi Authentication Di src/Application.php , dalam method getAuthenticationService() : use Authentication\AuthenticationService; use Authentication\AuthenticationServiceInterface; use Authentication\Identifier\IdentifierInterface; use Authentication\Middleware\AuthenticationMiddleware; use Psr\Http\Message\ServerRequestInterface; public function getAuthenticationService(ServerRequestInterface $request): AuthenticationServiceInterface { $service = new Authenticatio...
0

step-by-step guide to designing a website in Photoshop

on
Sure, here's a 
1. Start by defining your design goals, target audience, and user experience. Sketch out a rough wireframe to plan the layout of your website.

2. Open Adobe Photoshop and create a new document with the dimensions that you need for your website. A common size for web design is 1920x1080 pixels.

3. Use the Rectangle Tool (shortcut key: U) to create a rectangle that represents the body of the website. Use the guides and rulers to align the rectangle with the edges of the canvas.

4. Use the Type Tool (shortcut key: T) to add headings, subheadings, and other text elements to your mockup. Use the Character and Paragraph panels to adjust the font, size, and spacing of your text.

5. Use the Shape Tool (shortcut key: U) to add other shapes like buttons or icons. Use the Layers panel to manage the layers in your mockup.

6. To add images, go to File > Place and select the image file you want to use. You can then resize, rotate, or move the image to the desired location on your mockup.

7. Use the various filters and effects available in Photoshop to add shadows, gradients, or other effects that will help your mockup look more realistic.

8. Use the Slice Tool (shortcut key: C) to create individual image slices for each part of your design that will be exported for the web. You can also use the Slice Select Tool (shortcut key: K) to select and edit existing slices.

9. When you're finished with your mockup, save it by going to File > Save As and selecting a file format such as JPEG, PNG, or PSD.

10. Finally, export your slices by going to File > Export > Save for Web (Legacy). Choose the appropriate file format, quality, and other settings, and export your images for the web.

That's it! With these steps, you can design a complete website in Photoshop, ready for development and deployment.




 

Comments

Post a Comment