• Computer Science Teacher
• Higher Education Administrator
• Skill based trainer for Students and
Teachers
• Work experience in Africa and Asian
countries
• Currently working @
Symbiosis Center for International
Education (SCIE)
#50years of excellence in field of education
#56th in University Category
#23rd in India by QS India
#110th in QS BRICS Ranking
#85nationalities
#6cities in India
Objective of Lecture
• To introduce fundamentals of internet like hosting domain name, url
• Provide the student an in-depth understanding of content management
systems so as to be able to create and host modern websites
• On hands training to make your own website
Intro to website development - module 1 by Shehrevar Davierwala
Some facts about website
A classy lab website is always composed by the following types
of elements:
• basic page
• Lists of people – As list of supervisors, list of professors…
• Lists of projects proposal
• Lists of finished projects
• Lists of links
• Certain pages contain several different elements
1. A page is composed of one or many sub-pages
1. Choosing a name for each page
2. Filling a page with one or many sub-pagesIntro to website development - module 1 by Shehrevar Davierwala
Used Technologies
HTML
CSS
JAVA SCRIPT
PHP
CMS
Intro to website development - module 1 by Shehrevar Davierwala
HTML
Hypertext Markup Language, a standardized system for
tagging text files to achieve font, colour, graphic, and
hyperlink effects on World Wide Web pages.
Intro to website development - module 1 by Shehrevar Davierwala
CSS
Cascading Style Sheets (CSS) is a style sheet
language used for describing the presentation of a
document written in a markup language.
Intro to website development - module 1 by Shehrevar Davierwala
Intro to website development - module 1 by Shehrevar Davierwala
Combination of HTML-CSS, PHP,
MYSQL
Intro to website development - module 1 by Shehrevar Davierwala
What's a content management system
(CMS)?
A content management system is software that keeps track of every piece of content on your
Website, much like your local public library keeps track of books and stores them.
Content can be simple text, photos, music, video, documents, or just about anything you can
think of.
A major advantage of using a CMS is that it requires almost no technical skill or knowledge to
manage.
Since the CMS manages all your content, you don't have to.
Intro to website development - module 1 by Shehrevar Davierwala
In simple words
Intro to website development - module 1 by Shehrevar Davierwala
https://quickwayinfosystems.
com/
Few Examples of CMS
Intro to website development - module 1 by Shehrevar Davierwala
Intro to website development - module 1 by Shehrevar Davierwala
#1 – What is the website about
#2 – Images and Logos
#3 – CMS
#4 – Website Hosting
#5 – Domain Name
https://www.freelogodesign.org/
What is web- hosting?
A web hosting service is a type of Internet hosting
service that allows individuals and organizations to
make their website accessible via the World Wide Web
Intro to website development - module 1 by Shehrevar Davierwala
reddguide.com
What is domain name?
A domain name is an identification string that defines a
realm of administrative autonomy, authority or control
within the Internet. Domain names are formed by the
rules and procedures of the Domain Name System.
Intro to website development - module 1 by Shehrevar Davierwala
coderevolution.ro
Few domain name and hosting
vendors
Intro to website development - module 1 by Shehrevar Davierwala
Lets setup the hosting account -
Demo
Intro to website development - module 1 by Shehrevar Davierwala
Install Wordpress - Demo 2
Intro to website development - module 1 by Shehrevar Davierwala
Hosting Account login – 000webhost.com
Wordpress login – name of your website/wp-admin
Your website url –
https://your website name.000webhostapp.com/
Example:
https://april10.000webhostapp.com/
Intro to website development - module 1 by Shehrevar Davierwala
Changing theme - Demo
Intro to website development - module 1 by Shehrevar Davierwala
Self – evaluation: Scan the QR code and
answer
Intro to website development - module 1 by Shehrevar Davierwala
Assignment
Make your own meaningful website on any topic
1. Add theme
2. Add logo
3. Add slider image
4. Content
Share the url of your website on your facebook
page and tag below
@meetshehrevar
#hourofcomputer
Intro to website development - module 1 by Shehrevar Davierwala
The End…
Thanks…..
Intro to website development - module 1 by
Shehrevar Davierwala

Developing stunning website in clicks

  • 2.
    • Computer ScienceTeacher • Higher Education Administrator • Skill based trainer for Students and Teachers • Work experience in Africa and Asian countries • Currently working @ Symbiosis Center for International Education (SCIE)
  • 3.
    #50years of excellencein field of education #56th in University Category #23rd in India by QS India #110th in QS BRICS Ranking #85nationalities #6cities in India
  • 4.
    Objective of Lecture •To introduce fundamentals of internet like hosting domain name, url • Provide the student an in-depth understanding of content management systems so as to be able to create and host modern websites • On hands training to make your own website Intro to website development - module 1 by Shehrevar Davierwala
  • 5.
    Some facts aboutwebsite A classy lab website is always composed by the following types of elements: • basic page • Lists of people – As list of supervisors, list of professors… • Lists of projects proposal • Lists of finished projects • Lists of links • Certain pages contain several different elements 1. A page is composed of one or many sub-pages 1. Choosing a name for each page 2. Filling a page with one or many sub-pagesIntro to website development - module 1 by Shehrevar Davierwala
  • 6.
    Used Technologies HTML CSS JAVA SCRIPT PHP CMS Introto website development - module 1 by Shehrevar Davierwala
  • 7.
    HTML Hypertext Markup Language,a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects on World Wide Web pages. Intro to website development - module 1 by Shehrevar Davierwala
  • 8.
    CSS Cascading Style Sheets(CSS) is a style sheet language used for describing the presentation of a document written in a markup language. Intro to website development - module 1 by Shehrevar Davierwala
  • 9.
    Intro to websitedevelopment - module 1 by Shehrevar Davierwala
  • 10.
  • 11.
    Intro to websitedevelopment - module 1 by Shehrevar Davierwala
  • 12.
    What's a contentmanagement system (CMS)? A content management system is software that keeps track of every piece of content on your Website, much like your local public library keeps track of books and stores them. Content can be simple text, photos, music, video, documents, or just about anything you can think of. A major advantage of using a CMS is that it requires almost no technical skill or knowledge to manage. Since the CMS manages all your content, you don't have to. Intro to website development - module 1 by Shehrevar Davierwala
  • 13.
    In simple words Introto website development - module 1 by Shehrevar Davierwala https://quickwayinfosystems. com/
  • 14.
    Few Examples ofCMS Intro to website development - module 1 by Shehrevar Davierwala
  • 15.
    Intro to websitedevelopment - module 1 by Shehrevar Davierwala #1 – What is the website about #2 – Images and Logos #3 – CMS #4 – Website Hosting #5 – Domain Name https://www.freelogodesign.org/
  • 16.
    What is web-hosting? A web hosting service is a type of Internet hosting service that allows individuals and organizations to make their website accessible via the World Wide Web Intro to website development - module 1 by Shehrevar Davierwala reddguide.com
  • 17.
    What is domainname? A domain name is an identification string that defines a realm of administrative autonomy, authority or control within the Internet. Domain names are formed by the rules and procedures of the Domain Name System. Intro to website development - module 1 by Shehrevar Davierwala coderevolution.ro
  • 18.
    Few domain nameand hosting vendors Intro to website development - module 1 by Shehrevar Davierwala
  • 19.
    Lets setup thehosting account - Demo Intro to website development - module 1 by Shehrevar Davierwala
  • 20.
    Install Wordpress -Demo 2 Intro to website development - module 1 by Shehrevar Davierwala
  • 21.
    Hosting Account login– 000webhost.com Wordpress login – name of your website/wp-admin Your website url – https://your website name.000webhostapp.com/ Example: https://april10.000webhostapp.com/ Intro to website development - module 1 by Shehrevar Davierwala
  • 22.
    Changing theme -Demo Intro to website development - module 1 by Shehrevar Davierwala
  • 23.
    Self – evaluation:Scan the QR code and answer Intro to website development - module 1 by Shehrevar Davierwala
  • 24.
    Assignment Make your ownmeaningful website on any topic 1. Add theme 2. Add logo 3. Add slider image 4. Content Share the url of your website on your facebook page and tag below @meetshehrevar #hourofcomputer Intro to website development - module 1 by Shehrevar Davierwala
  • 25.
    The End… Thanks….. Intro towebsite development - module 1 by Shehrevar Davierwala