css - Multiple html pages v/s Single html page -


i'm trying create website small project. first page reach after launching in browser window landing page provides means pick 1 of multiple options. e.g. pick you'd access -

1. 2. 3. 4. , on

i'm using basic html, css , javascript work on this, since ones i'm familiar with. being said, i'm open learning else if makes job easier.

but @ moment, problem have designed html page inital landing page , when user picks option, i'm thinking of using links transfer him new webpage.

should there separate html page each of these options, given each may little different, not majorly.

i'm sorry, tried looking online solution i'm not sure how can word search terms. also, other thing found on stack overflow how display multiple html pages using single index.html

any or guidance appreciated. thanks!

from easy code perspective: (not recommended)

obviously can repeat same html structure in pages , change center content in each page. have link sub pages (1,2,3,4...) using normal anchor tags <a href="1.html"></a>.

pros:

  1. easy create.
  2. requires no / less technical expertise

cons:

  1. difficult make changes header , footer.

----------

from easy maintenance perspective: (good option)

in case want have common header , footer pages, recommend creating single page following structure

header (1,2,3,4) <-links body content footer 

then on click of links (1,2,3, etc.,) fetch content 1.html , inject body of index.html.

so result avoiding need repeat header , footer in multiple pages , adhere dry principle (don't repeat yourself).

pros:

  1. elegant way implement.
  2. easy make changes header/ footer.

cons:

requires technical knowledge use ajax based content fetching , substitution in parent page.

----------

from easy maintain & manage content: (best option)

you can think using cms systems maintain simple website more efficiently.

pros:

  1. easy manage content
  2. easy make changes
  3. user friendly rich text content editing features.
  4. easy way link pages
  5. easy use out of box dynamic features (to generate links 1, 2,3, etc.,)

note: need web server host website.


Comments

Popular posts from this blog

wordpress - (T_ENDFOREACH) php error -

Export Excel workseet into txt file using vba - (text and numbers with formulas) -

Using django-mptt to get only the categories that have items -