Open jaidevshriram opened 5 years ago
The experiments all use an inefficient method to display slightly varying page content.
Current Method:
<a href="Listening Skills.html"><img src="images/content_1.png" /> <a href="Listening Skills(Procedure).html"> <a href="Listening Skills(Self Evaluation).html"><img src="images/content_3.png" /> <a href="Listening Skills(Reference).html">
The only difference in the content on these pages is a paragraph in this section :
Possible Solution:
Keep the differing content from all pages into one page and based on clicks, selectively display what is required.
Toggle display:block and display:none
display:block and display:none
Benefit:
Reduce number of files that must be fetched to render the website.
Easier website maintenance as style, scripts only have to be updated on one file.
The experiments all use an inefficient method to display slightly varying page content.
Current Method:
<a href="Listening Skills.html"><img src="images/content_1.png" /> <a href="Listening Skills(Procedure).html"> <a href="Listening Skills(Self Evaluation).html"><img src="images/content_3.png" /> <a href="Listening Skills(Reference).html">The only difference in the content on these pages is a paragraph in this section :
Possible Solution:
Keep the differing content from all pages into one page and based on clicks, selectively display what is required.
Toggle
display:block and display:noneBenefit:
Reduce number of files that must be fetched to render the website.
Easier website maintenance as style, scripts only have to be updated on one file.