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:
- easy create.
- requires no / less technical expertise
cons:
- 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:
- elegant way implement.
- 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:
- easy manage content
- easy make changes
- user friendly rich text content editing features.
- easy way link pages
- easy use out of box dynamic features (to generate links 1, 2,3, etc.,)
note: need web server host website.
Comments
Post a Comment