1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

What type of web-pages are their

Discussion in 'HTML & Website Design' started by farhajr, Feb 22, 2020.

  1. #1
    can you tell me what type of webpages are thier and what are the differences in between all of them.
    SEMrush
    what I know and heard of is html, htm ,css and so on... But, I really don't know the differences in between them and how and in what times they came..

    what is the latest trend and format which is going on now a days. Can someone even explain me more about this as well.
     
    farhajr, Feb 22, 2020 IP
    SEMrush
  2. JEET

    JEET Notable Member

    Messages:
    3,284
    Likes Received:
    349
    Best Answers:
    15
    Trophy Points:
    235
    #2
    There is primarily only one type of webpage, HTML.
    CSS is not a webpage type, its a stylesheet method to change the looks of your plain HTML.

    Look at these 2 codes:
    <ul>
    <li> This is item one </li>
    <li> This is item two </li>
    </ul>

    Notice how list items are getting displayed one below another.
    Now look at this:

    <ul>
    <li style=" display: inline; "> This is item one </li>
    <li style=" display: inline; "> This is item two </li>
    </ul>

    Notice how list items started displaying "beside" each other.

    That "style=" is the CSS part.

    To display your webpage in a browser, your page must give a text/html header.
    When you send a different header, the browser will decide if it has a loaded plugin that can process that file type.

    Example if you give "video/mp4" header, some browsers will simply give you a download file option (no plugin is available), while some others will start playing the video in a video player plugin.
    This depends if a plugin is loaded or not for that file type.


    There are various scriptting languages you can use to generate the HTML webpage.
    Like PHP, Pearl, Python, JSP, ASPX, etc.
    In any case the output sent to the browser is plain HTML.
     
    JEET, Feb 22, 2020 IP
    sarahk likes this.
  3. farhajr

    farhajr Well-Known Member

    Messages:
    2,061
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    128
    #3
    Thank you for replying...

    But, frankly to tell you both the examples which you mentioned on top, I did not get it clearly...
    Both are showing the same texts on top of each other. Their is nothing visual in it...
    If you can explain that more here would be helpful...

    And regarding what you wrote here...

    There are various scriptting languages you can use to generate the HTML webpage.
    Like PHP, Pearl, Python, JSP, ASPX, etc.

    Now what are these scripts, and how they differ from each other...

    What is the latest which is going on nowadays in the websites and which are now too outdated...
     
    farhajr, Feb 23, 2020 IP
  4. JEET

    JEET Notable Member

    Messages:
    3,284
    Likes Received:
    349
    Best Answers:
    15
    Trophy Points:
    235
    #4
    You should put those 2 HTML codes in a .html file and then open the file in browser. That is when you will see the difference.

    About PHP, ASPX, JSP, etc
    All are modern scriptting languages.
    The difference is that they work on different types of "server" operating systems.
    Their coding syntax is also different from each other.

    If you have a windows server, you will prefer ASPX.
    If you have a JAVA based server, you will prefer JSP.
    If you have a linux server, you will prefer PHP.

    JAVA can be installed on both linux and windows servers, but I don't think that hosting providers install it by default.

    PHP on linux is the most common one used, very easy to learn as well.

    But I think you should learn basic HTML first, then some CSS.
    Then you can move towards learning PHP later may be.
     
    JEET, Feb 23, 2020 IP
    sarahk likes this.
  5. farhajr

    farhajr Well-Known Member

    Messages:
    2,061
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    128
    #5
    I put the codes in the Frontpage editor..
    can you see the codes and the image...

    both are showing in the same way.. But the second one has indents and it is also not beside each other...

    can you explain more properly and examples//

    WEB DEVELOPMENT.jpg
     
    farhajr, Feb 24, 2020 IP
  6. JEET

    JEET Notable Member

    Messages:
    3,284
    Likes Received:
    349
    Best Answers:
    15
    Trophy Points:
    235
    #6
    I don't know about frontpage or what it does.
    I have placed the code in a plain HTML file.
    Download this, remove the ".txt" extension.
    So file name should look like: "sample.html"

    Then double click the filename to open in browser.
    You will see the difference.

    If after double clicking file opens in notepad or MS-word, it means that you have not removed the ".txt" extension.
     

    Attached Files:

    JEET, Feb 24, 2020 IP
  7. farhajr

    farhajr Well-Known Member

    Messages:
    2,061
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    128
    #7
    I will check that in a bit, but is this also true that in today's time now working on frontpage would be too much outdated.. and not worth working hard on it as the HTML page won't give outcomes as of today..

    I tried to open a template in frontpage downloaded from a website...
    But frontpage won't open that properly

    Can you explain that more .
     
    farhajr, Feb 24, 2020 IP
  8. farhajr

    farhajr Well-Known Member

    Messages:
    2,061
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    128
    #8
    Thank you for explaining me here regarding stylesheets...
    I wanted to know from what you told; which stylesheets first came and which in the last which are considered the latest and best... Like in years time or by the class of architecture type..
     
    farhajr, Feb 24, 2020 IP
  9. JEET

    JEET Notable Member

    Messages:
    3,284
    Likes Received:
    349
    Best Answers:
    15
    Trophy Points:
    235
    #9
    See, forget about frontpage.
    Forget about any quick webpage maker like frontpage.

    Learn to make a webpage yourself in plain notepad.

    It won't take more than 30 minutes to code up a basic HTML page for the first time.
    It really is that easy.

    The file I uploaded in above post, even that is a basic webpage.
    It got just 2 list items, still a webpage.

    Just find a simple HTML tutorial, something which takes you step by step, and follow it.

    CSS will come later.
    When you think about changing colors, moving items here and there, etc, then, not now.

    First learn to make a basic webpage.
    Try it, not difficult at all.
     
    JEET, Feb 24, 2020 IP
  10. farhajr

    farhajr Well-Known Member

    Messages:
    2,061
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    128
    #10
    About this what are your views
     
    farhajr, Feb 25, 2020 IP
  11. JEET

    JEET Notable Member

    Messages:
    3,284
    Likes Received:
    349
    Best Answers:
    15
    Trophy Points:
    235
    #11
    For style sheets, use CSS4. Its not difficult to learn that either, probably equally easy as HTML itself.
    But this will come a lot later, not now.
    Code up a simple webpage first, with 2 links, 2 lists, 2 headings, 2 paragraphs, 2 images and a table may be.
    Then you can add styles to these elements later.
     
    JEET, Feb 25, 2020 IP
  12. farhajr

    farhajr Well-Known Member

    Messages:
    2,061
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    128
    #12
    Can you recommend any of those tutorials or books that I can study and practice which has got exercises as well..

    I can practice those exercises and make a webpage easily later on, if you suggest..
     
    farhajr, Feb 25, 2020 IP
  13. farhajr

    farhajr Well-Known Member

    Messages:
    2,061
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    128
    #13
    Also, when you say plain HTML in notepad file, do I have to save it in .HTML then..

    But, at the same time when I have to edit it continuously, I will have to open and close it every time.

    Is their an easier way to do it also.
     
    farhajr, Feb 25, 2020 IP
  14. JEET

    JEET Notable Member

    Messages:
    3,284
    Likes Received:
    349
    Best Answers:
    15
    Trophy Points:
    235
    #14
    Yes, you will have to save as ".html" like index.html or myWebPage.html etc.

    This is also ok, index.htm or myWebPage.htm (same thing as .html)

    You can use keyboard shortcuts to save and move etc, speeds things a lot.
    Press CTRL key + S to save.
    Use ALT key + Tab key to move between screens and folders.
    These things will become common with practice.

    Copy this code below in a file called index.html
    Use notepad to copy and make the file.
    Once copied, double click the file to open in browser.
    Give it a try. It'll be your first HTML page

    <!DOCTYPE html>
    <html>
    <head>
    <title> My first web page! </title>
    </head>
    <body>

    <h1> I am Farhajr </h1>

    <ul>
    <li> This is list item one </li>
    <li> This is list item 2 </li>
    </ul>

    <p> Here is some intro about me </p>

    <p> And here is a link to my
    <a href="https://www.digitalpoint.com/members/farhajr.129689/"> DP Profile! </a>
    </p>

    </body></html>
     
    JEET, Feb 25, 2020 IP
  15. JEET

    JEET Notable Member

    Messages:
    3,284
    Likes Received:
    349
    Best Answers:
    15
    Trophy Points:
    235
    #15
    For tutorials, you can use "w3schools HTML5" tutorial, google it, quite easy to follow.
     
    JEET, Feb 25, 2020 IP
  16. kk5st

    kk5st Prominent Member

    Messages:
    3,496
    Likes Received:
    377
    Best Answers:
    29
    Trophy Points:
    335
    #16
    I would advise against w3schools. They have too many errors, both of fact and concept. Personally, I'd suggest the tutorials at HTMLDog and/or Mozilla Developers Network (MDN). MDN is the official document resource for the W3C.

    gary
     
    kk5st, Feb 25, 2020 IP
    JEET likes this.
  17. HarryPAO

    HarryPAO Peon

    Messages:
    12
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    3
    #17
    Or you could try something from sitepoint or packt. They have some pretty good books which can help you
     
    HarryPAO, Feb 25, 2020 IP
    JEET likes this.
  18. JEET

    JEET Notable Member

    Messages:
    3,284
    Likes Received:
    349
    Best Answers:
    15
    Trophy Points:
    235
    #18
    kk5st
    I have also heard this before somewhere else, that w3schools has errors, but I never came across any myself.
    Could you please explain this little more?
    Thanks
     
    JEET, Feb 25, 2020 IP
  19. farhajr

    farhajr Well-Known Member

    Messages:
    2,061
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    128
    #19
    yes, I want to start it like that step by step..
    can you give me a link for handbook or online material which shows links for tutorials with Exercises. I can practice those and then start making websites easily..

    but, their has to be one editor which I have to use which one can that be if not frontpage.. where i can work easilt and make websites..
    see, for the example below which you sent me earlier..
    Frontpage example.jpg
    how it is the same code in front page file and the notepad file...
    but, both of them shows the results differently..

    Can you explain about the image as well... and the remaining things i asked...
    also how to start with building tables,paragraphs,links and images to start with,,,

    where can i find it exactly..
    have they got any exercises to start with as well..

    so what do you say..?
    from where should I start with,,

    also,
    1) If, someone could tell me what is a PHP..? And which year it came in?
    2) Also what is simple HTML and What is HTML5 and how is it related in this section in the start of making a webpage as "<!DOCTYPE html>"

    hoping for nice feedbacks and answers
     
    Last edited by a moderator: Feb 25, 2020
    farhajr, Feb 25, 2020 IP
  20. sarahk

    sarahk iTamer Staff

    Messages:
    26,110
    Likes Received:
    3,814
    Best Answers:
    108
    Trophy Points:
    665
    #20
    The preview tool in your copy of frontpage is out of date and doesn't recognise the inline styling.
    You're an SEO consultant and you don't know what "a PHP" is?
    You can't google to find out what year it launched?
    And why does it matter?

    FWIW 1994, I started using it in '99. PHP is a server-side scripting engine and should not be confused with frontpage.
     
    sarahk, Feb 25, 2020 IP
    cronik and JEET like this.