Html5: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
|||
| (8 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
Resources: | = Resources = | ||
* http://html5up.net/ Responsive html5 and css3 template | |||
* http://www.html5rocks.com/en | * http://www.html5rocks.com/en | ||
* [http://gsnedders.html5.org/outliner/ HTML5 Outliner] | * [http://gsnedders.html5.org/outliner/ HTML5 Outliner] | ||
* [http://prosetech.com/html5/links.html HTML5: the missing manual] | * [http://prosetech.com/html5/links.html HTML5: the missing manual] | ||
* Youtube videos teach [https://www.youtube.com/playlist?list=PLqGj3iMvMa4KQZUkRjfwMmTq_f1fbxerI&src_vid=iWowJBRMtpc&feature=iv&annotation_id=annotation_731376265 How to build a professional website from start to finish] | * Youtube videos teach [https://www.youtube.com/playlist?list=PLqGj3iMvMa4KQZUkRjfwMmTq_f1fbxerI&src_vid=iWowJBRMtpc&feature=iv&annotation_id=annotation_731376265 How to build a professional website from start to finish] | ||
= IDE = | |||
With code completion | |||
* [https://netbeans.org/features/java/editor.html NetBeans] The editor supports several languages including Java, C/C++, XML, HTML, PHP, Groovy, CSS, and JavaScript. It can be extended to support other languages | |||
* [http://bluefish.openoffice.nl/index.html Bluefish] ''sudo apt-get install bluefish'' | |||
= General Advice = | |||
* http://www.lifehack.org/353384/10-ways-build-faster-website | |||
= Templates = | |||
* [http://www.makeuseof.com/tag/html5-templates/ 12 Awesome HTML5 Templates You Should Be Using] | |||
= Creating multiple pages with navigation menus = | |||
<ul> | |||
<li>[https://www.w3.org/wiki/Creating_multiple_pages_with_navigation_menus Creating multiple pages with navigation menus] '''<nav>''' tag (HTML5) </li> | |||
<li>[https://www.learnhowtoprogram.com/user-interfaces/building-layouts-preprocessors/multi-page-html-sites Multi-Page HTML Sites]. Simple, use relative path for css files in html code. </li> | |||
<li>[https://stackoverflow.com/a/18712605 Make header and footer files to be included in multiple html pages] | |||
* Method 1: [https://api.jquery.com/load/ .load()] from '''jquery''' | |||
* Method 2: '''Server Side Includes/SSI''' [https://en.wikipedia.org/wiki/Server_Side_Includes Wikipedia] using the '''include''' directive. Add the following where you want to include your file: '''<nowiki> <!--#include file="include_head.html" --> </nowiki>''' | |||
* Method 3: [https://www.w3schools.com/PHP/php_includes.asp include] statement from '''php'''. [https://medium.com/@dtkahn/sharing-headers-and-footers-across-multi-page-websites-4396f9034669 Sharing Headers and Footers Across Multi-Page Websites]. | |||
</li> | |||
<li>[https://stackoverflow.com/a/20220538 Multiple webpages with common title and navigation bars] (same solutions as above)</li> | |||
<li>[https://youtu.be/shgr0ji71qI?t=525 Share Header, Nav and Footer HTML Code Across Pages] (video). ''php include'' was used. | |||
<li>[https://www.w3schools.com/howto/howto_js_topnav.asp Top Navigation Bar] from w3schools </li> | |||
<li>For a website we can search some keywords: load, include, php, header, footer </li> | |||
</ul> | |||
Latest revision as of 10:54, 22 March 2022
Resources
- http://html5up.net/ Responsive html5 and css3 template
- http://www.html5rocks.com/en
- HTML5 Outliner
- HTML5: the missing manual
- Youtube videos teach How to build a professional website from start to finish
IDE
With code completion
- NetBeans The editor supports several languages including Java, C/C++, XML, HTML, PHP, Groovy, CSS, and JavaScript. It can be extended to support other languages
- Bluefish sudo apt-get install bluefish
General Advice
Templates
- Creating multiple pages with navigation menus <nav> tag (HTML5)
- Multi-Page HTML Sites. Simple, use relative path for css files in html code.
- Make header and footer files to be included in multiple html pages
- Method 1: .load() from jquery
- Method 2: Server Side Includes/SSI Wikipedia using the include directive. Add the following where you want to include your file: <!--#include file="include_head.html" -->
- Method 3: include statement from php. Sharing Headers and Footers Across Multi-Page Websites.
- Multiple webpages with common title and navigation bars (same solutions as above)
- Share Header, Nav and Footer HTML Code Across Pages (video). php include was used.
- Top Navigation Bar from w3schools
- For a website we can search some keywords: load, include, php, header, footer