My First Website for Students: Build Your First Website from Design to Code with Ease

Cover Page
Title Page
Copyright Page
Dedication Page
About the Author
About the Reviewers
Acknowledgement
Preface
Errata
Table of Contents
1. Fascinating World of Websites
    Introduction
    Structure
    Objectives
    Internet: because they wanted to share the documents
    WWW: Tim Berners-Lee’s exotic creation
    Websites became hi-tech
        HTML
        CSS
        JavaScript
        Java
        Python
        jQuery
        PHP
        MySQL
        Ajax
        Microsoft ASP.NET
        Laravel
        AngularJS
        Bootstrap
        Django
        Dreamweaver
        FTP
        Node.js
        React
        Ruby
        WordPress
    Our website project
    Conclusion
    Further readings/references
2. Creating the Web Pages
    Introduction
    Structure
    Objectives
    Our very first web page
    Our very first official web page
    Text formatting elements
        Using a p element
        Using h element
    Block elements and inline elements
        Horizontal rule and line break
        Using various elements for desired font styles
        Using the pre element to retain the white spaces
        Using the elements ins, del, and wbr
    Using special characters
    Using grouping elements
    Using core attributes
    Using HTML editors
    Validate your web page
        Validate by URI (Uniform Resource Identifier)
        Validate by File Upload
        Validate by Direct Input
    Designing the website using sitemaps and wireframes
        The sitemap for our website project
    Wireframes for our website project
    Conclusion
    Further readings/references
3. Using Images, Audio, Video, and Links
    Introduction
    Structure
    Objectives
    Adding an image to a web page
        Various image formats
    Adding audio to a web page
    Adding a video to a web page
    Displaying a web page on a web page
    Linking to other websites
    Linking to the email ID
    Linking to other web pages on the same website
    Directory, subdirectory, parent directory, root directory, and current directory
    Creating the in-page links
    Creating your website project
    Conclusion
    Further readings/ references
4. Using Tables and Forms
    Introduction
    Structure
    Objectives
    Creating a table in a web page
    Creating a table with a column span
    Creating a table with a row span
    Creating a professional table
    Creating a form
    Element <input>
    Text, password, email, URL, file, phone date, and submit
    Radio buttons
    Checkboxes
    Select boxes or list boxes
    Using labels
    Grouping the controls
    Conclusion
    Further readings/references
5. Welcome to CSS
    Introduction
    Structure
    Objectives
    Internal and external style sheets
    ID selector and class selector
    Formatting the text using a style sheet
    Using selectors
        Universal selector
        Type selector
        ID selector
        Class selector
        CSS combinators
    Child selector
        Descendant selector
        Adjacent sibling selector
        General sibling selector
    Conclusion
    Further readings/references
6. Getting Command on CSS
    Introduction
    Structure
    Objectives
    Using the box model
    Using the lists
        Unordered list
        Ordered list
    Styles for lists
    Styles for tables
        Table with single borders
        Hoverable table and pseudo-class :hover
        Striped table
    Styles for links
    Styles for outlines
    Styles for floating
    Styles for positioning
    Conclusion
    Further readings/references
7. Adding Code to a Website Project
    Introduction
    Structure
    Objectives
    Adding code to the file index.html
    Adding code to the file style_index.css
    Display property
    Adding code to the file careers.html
    Adding code to the file style_careers.css
    Adding code to the file contact.html
    Adding code to the file style_contact.css
    Test your website offline
    How to code a website?
    Conclusion
    Further readings/references
8. Responsive Web Design for Mobile and Tablet Web Pages
    Introduction
    Structure
    Objectives
    What is responsive web design?
    Viewport meta tag
    Using media queries
    Mini project on a responsive web design
    Conclusion
    Further readings / references
9. Uploading a Website to a Hosting Server
    Introduction
    Structure
    Objectives
    Buying a domain name
    Buying a hosting plan
    Linking the domain name to a hosting plan using cPanel
    Uploading the files to the hosting server using cPanel
        Uploading the files to the domain ourbusinesswebsite.com
        Uploading the files to the URL www.webilog.in/tbs/
    Our website is now online
    Website making business
    Conclusion
    Further readings/references
Index