Webdesign: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
|||
| (10 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
[[category:Webdesign]] | [[category:Webdesign]] | ||
=Speed | =Speed= | ||
;Tests | |||
*[https://developers.google.com/speed/pagespeed/insights/ Google] | *[https://developers.google.com/speed/pagespeed/insights/ Google] | ||
*[https://www. | *[https://tools.pingdom.com/ Pingdom] | ||
;Enable [https://en.wikipedia.org/wiki/HTTP/2 http/2] on port 443 for better performance | |||
:In your webserver condfig put <code>listen 443 http2 ssl;</code> | |||
=HTML= | |||
Make up language for web pages. | |||
Check [https://www.w3schools.com/ w3schools] | |||
;<a href="a url" target="_blank">go to a url</a> | |||
:Hyperlink to a url to be opened in a new tab. Display "go to a url" as hyperlink (underscored) | |||
=CSS= | |||
Change presentation style for html elements. | |||
Check [https://www.w3schools.com/ w3schools] | |||
;Use a lightyellow background, black characters and readable font: | |||
<syntaxhighlight lang=css> | |||
body { | |||
color: #000000; | |||
background-color: #FFFFDD; | |||
font-family: arial, helvetica, sans-serif; | |||
} | |||
</syntaxhighlight> | |||
=Colors= | |||
Check [https://html-color.codes/ 🎨 HTML Color Codes] | |||
=Certificate= | |||
Check [https://www.ssl.org/ ssl org] | |||
Latest revision as of 08:53, 7 June 2026
Speed
- Tests
- Enable http/2 on port 443 for better performance
- In your webserver condfig put
listen 443 http2 ssl;
HTML
Make up language for web pages. Check w3schools
- <a href="a url" target="_blank">go to a url</a>
- Hyperlink to a url to be opened in a new tab. Display "go to a url" as hyperlink (underscored)
CSS
Change presentation style for html elements. Check w3schools
- Use a lightyellow background, black characters and readable font
body {
color: #000000;
background-color: #FFFFDD;
font-family: arial, helvetica, sans-serif;
}
Colors
Check 🎨 HTML Color Codes
Certificate
Check ssl org