Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • ASSIGNMENT

    Încărcat de

    Alan sam
    9 vizualizări14 pagini

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    DOCX, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    9 vizualizări14 pagini

    ASSIGNMENT

    Încărcat de

    Alan sam

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 14

    ASSIGNMENT

    WEB TECHNOLOGIES

    SUBMITTED BY,

    NAME RNO
    ABIN NARAYANAN 5
    JITHIN REJI KOSHY 34
    THOMAS KURIEN 58
    WEB PAGE NAMED “LIVE”
    WITH HTML,JAVASCRIPT,PHP
    AND CSS FRAMEWORK
    INDEX

    SI.NO TOPIC PAGE

    1 INTRODUCTION 1

    2. HTML 2

    3. CSS 2

    4. JAVASCRIPT 3

    5. PHP 4

    6. LIVE 5

    7. CODE AND SCRIPTS 9

    8. CONCLUSION 11
    INTRODUCTION
    A web page or webpage is a document commonly written in HTML
    (Hypertext Markup Language) that is accessible through the Internet or
    other networks using an Internet browser. A web page is accessed by
    entering a URL address and may contain text, graphics, and hyperlinks
    to other web pages and files. The page you are reading now is an
    example of a web page.Viewing a web page requires a browser, like
    Internet Explorer, Edge, Safari, Firefox, or Chrome. For example, you
    are reading this web page using a browser. Once in a browser, you can
    open a web page by entering the URL in the address bar. For example,
    typing "https://www.computerhope.com/esd.htm" opens the
    Computer Hope ESD page. If you don't know the URL of the website
    you want to visit, you can use a search engine to find the web page or
    use the search on the website containing the web page.

    A web page can include any of various types of content, including text,
    images, video material, or other sorts of code. It could also be blank.
    Web pages can be online news sources, social media, official postings,
    advertisements, or a variety of other things.

    1
    HTML
    HTML is the building block for web page.HTML is a format that tells a
    computer how to display a web page. The documents themselves are
    plain text files with special "tags" or codes that a web browser uses to
    interpret and display information on your computer screen.
    HTML stands for Hyper Text Markup Language .HTML is a markup
    language and makes use of various tags to format the content. These
    tags are enclosed within angle braces<Tag Name>. Except few tags,
    most of the tags have their corresponding closing tags. For example,
    <html>has its closingtag </html> And <body>tag has its closing
    tag</body>tag etc.

    Basic structure:

    Document declaration tag


    <html>
    <head>
    Document header related tags
    </head>
    <body>
    Body related tags
    </body>
    </html>

    CSS
    Stands for "Cascading Style Sheet." Cascading style sheets are used to
    format the layout of Web pages. They can be used to define text styles,
    table sizes, and other aspects of Web pages that previously could only
    be

    2
    defined in a page's HTML.
    CSS helps Web developers create a uniform look across several pages
    of a Web site. Instead of defining the style of each table and each block
    of text within a page's HTML, commonly used styles need to be defined
    only once in a CSS document. Once the style is defined in cascading
    style sheet, it can be used by any page that references the CSS file.
    Plus, CSS makes it easy to change styles across several pages at once.
    For example, a Web developer may want to increase the default text
    size from 10pt to 12pt for fifty pages of a Web site. If the pages all
    reference the same style sheet, the text size only needs to be changed
    on the style sheet and all the pages will show the larger text.

    While CSS is great for creating text styles, it is helpful for formatting
    other aspects of Web page layout as well. For example, CSS can be
    used to define the cell padding of table cells, the style, thickness, and
    color of a table's border, and the padding around images or other
    objects. CSS gives Web developers more exact control over how Web
    pages will look than HTML does. This is why most Web pages today
    incorporate cascading style sheets.

    JAVASCRIPT
    JavaScript is a dynamic computer programming language. It is
    lightweight and most commonly used as a part of web pages, whose
    implementations allow client-side script to interact with the user and
    make dynamic pages. It is an interpreted programming language with
    object-oriented capabilities.

    3
    JavaScript was first known as LiveScript, but Netscape changed its
    name to JavaScript, possibly because of the excitement being
    generated by Java. JavaScript made its first appearance in Netscape 2.0
    in 1995 with the name LiveScript. The general-purpose core of the
    language has been embedded in Netscape, Internet Explorer, and
    other web browsers.Client-side JavaScript is the most common form of
    the language. The script should be included in or referenced by an
    HTML document for the code to be interpreted by the browser.

    PHP

    PHP is a recursive acronym for "PHP: Hypertext Preprocessor".PHP is a


    server side scripting language that is embedded in HTML. It is used to
    manage dynamic content, databases, session tracking, even build
    entire e-commerce sites.It is integrated with a number of popular
    databases, including MySQL, PostgreSQL, Oracle, Sybase, Informix, and
    Microsoft SQL Server.

    PHP is pleasingly zippy in its execution, especiallywhen compiled as an


    Apache module on the Unix side. The MySQL server, once started,
    executes even very complexqueries with huge result sets in record-
    setting time.
    PHP supports a large number of major protocols such as POP3, IMAP,
    and LDAP. PHP4 added support for Java and distributed object
    architectures (COM and CORBA), making n-tier development a
    possibility for the first time.
    PHP is forgiving: PHP language tries to be as forgiving as possible.PHP
    Syntax is C-Like.

    ‘LIVE’ OUR WEBPAGE

    This is a customizable webpage,which is a collaboration of many


    popular social medias like facebook,google new,twitter etc.This page
    has large scope for incorporating many social media and the user can
    switch to anyone as per requirement.For example,when a user logged
    into the twitter page,and after logout,he/she will be redirected to the
    homepage of LIVE,where user is provided with many
    entertainment,important news highlighted based on user’s location.

    The main feature of the site is that a user with a login id can add his
    favourite websites,entertainment in various position in addition to the
    existing one.They can add photos.Friends with common interests are
    matched and they can create groups based on their interests.Whether
    it can be business related,political,education etc.

    This webpage is created mainly with html and css framework.Css has
    given a classy luxury look to the website.In addition to it,javascript and
    php are also used.
    Javascript runs in the background for the slideshow of gallery.Php used
    for handling databases and login and logout facilities.

    This is the homepage.


    The server used for hosting the site is the Apache Web Server.
    Apache is the most widely used web server software. Developed and
    maintained by Apache Software Foundation, Apache is an open source
    software available for free. It runs on 67% of all webservers in the
    world. It is fast, reliable, and secure.

    FEATURES:

    1.Social medias:
    Webpage contains popular social medias placed in the navigation
    bar.Also widgets to them are also added in the main page below
    navigation bar.Various notification pop-ups for messenger,whatsapp
    etc are included.
    In addition to it,a user with login id can customize the webpage,add
    their favourite websites,pop-ups,photos to share with friends,can
    create group with friends with common interests.

    2.News Headlines:
    It contains the link to various news websites.Important and selected
    news based on their location are highlighed.
    These features will be very useful for them to get connected to outside
    world in different ways.

    7
    3.Gallery:

    It includes all the pictures that the user wish to share with friends
    circle created.

    4. Member:
    Any user can signup and login to the page with valid credentials.They
    are only allowed to customize the page.They can create groups with
    people with common interests.Then their whole page will reflect their
    activites,interests.

    8
    CODE AND SCRIPT
    9
    External css files: w3.css,style.css
    Other html files: login.html,signup.html
    Php files: login.php,signup.php

    10
    CONCLUSION
    This webpage has a huge scope as the everyone is looking for
    shortcuts.When this site is modified with responsive scripting like
    reactjs,it ensures the security of the site.
    This platform can be used for discussion on various topics.
    This is more flexible that newer technologies can be easily
    incorporated..Css has given a classy luxury look to the website.

    11

    S-ar putea să vă placă și