Html5: Difference between revisions

From 太極
Jump to navigation Jump to search
(Created page with "Resources: * http://www.html5rocks.com/en/")
 
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
Resources:
= Resources =
* http://www.html5rocks.com/en/
* http://html5up.net/ Responsive html5 and css3 template
* http://www.html5rocks.com/en
* [http://gsnedders.html5.org/outliner/ HTML5 Outliner]
* [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]
 
= 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

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