Web Designing & Development
-
Upload
ravi177771 -
Category
Education
-
view
96 -
download
1
Transcript of Web Designing & Development
![Page 1: Web Designing & Development](https://reader035.fdocuments.in/reader035/viewer/2022070522/58ee4cfa1a28ab633b8b4611/html5/thumbnails/1.jpg)
Web Designing & Development
![Page 2: Web Designing & Development](https://reader035.fdocuments.in/reader035/viewer/2022070522/58ee4cfa1a28ab633b8b4611/html5/thumbnails/2.jpg)
CONTENT Introduction Static & Dynamic WebsitesStatic WebsiteDynamic WebsiteDifference b / w Static & Dynamic siteHow to make a Website Web Application or Web Games
![Page 3: Web Designing & Development](https://reader035.fdocuments.in/reader035/viewer/2022070522/58ee4cfa1a28ab633b8b4611/html5/thumbnails/3.jpg)
What is Web Designig ?Web Designing :- Web design is the planning and creation
of websites. This includes the information architecture, user interface, site structure, navigation, layout, colors, fonts, and images etc.
![Page 4: Web Designing & Development](https://reader035.fdocuments.in/reader035/viewer/2022070522/58ee4cfa1a28ab633b8b4611/html5/thumbnails/4.jpg)
What is Static or Dynamic website ?Static Website : Static simply means that
the infor m -ation or 'code' that makes up the website doesn't change .
Dynamic Website : Dynamic means that the
data or content can change 'dynamically‘.
![Page 5: Web Designing & Development](https://reader035.fdocuments.in/reader035/viewer/2022070522/58ee4cfa1a28ab633b8b4611/html5/thumbnails/5.jpg)
Static WEBSITE Introduction Skills required to make static website - HTML,CSS ( Language ) .How to make a static website ? Step-01. choos a website building platform. Step-02. Choos a domain name & Web Hosting for
website. - A Domain name. ( yoursitename.com ) - Hosting. ( Space on server) Step-03. set up your wordpress website.
![Page 6: Web Designing & Development](https://reader035.fdocuments.in/reader035/viewer/2022070522/58ee4cfa1a28ab633b8b4611/html5/thumbnails/6.jpg)
Dyanamic Websites Introduction What is dynamic website ? Skills required . - PHP ( JavaScript, ASP, JSP, PHP, Perl, Tcl and Python etc. ) -Database ( MySQL ,Apache,Tomcat etc.) Tools / Softwares - Wordpress,Joomla,Drupal ( CMS) - Dreamwever - Notepad. - FTP
![Page 7: Web Designing & Development](https://reader035.fdocuments.in/reader035/viewer/2022070522/58ee4cfa1a28ab633b8b4611/html5/thumbnails/7.jpg)
Static and Dynamic website.Static Website Advantages - Quick to develop - Cheap to develop - Cheap to host Disadvantages websites - Requires web development
expertise to update site - Site not as useful for the
user - Content not update
automatically
Dynamic WebsiteAdvantages of dynamic
websites - Much more functional website - Much easier to update - New content brings people
back to the site and helps in the search engines
- Can work as a system to allow staff or users to collaborate
Disadvantages of dynamic websites
- Slower / more expensive to develop
- Hosting costs a little more
![Page 8: Web Designing & Development](https://reader035.fdocuments.in/reader035/viewer/2022070522/58ee4cfa1a28ab633b8b4611/html5/thumbnails/8.jpg)
HOW TO MAKE A WEBSITE
STEP – 01 :
Choose the Best Website Building PlatformWhat do I mean by “platform”? A content management system is a user-friendly
platform for building websites and managing your own online content, instead of using a bunch of loose HTML pages.
![Page 9: Web Designing & Development](https://reader035.fdocuments.in/reader035/viewer/2022070522/58ee4cfa1a28ab633b8b4611/html5/thumbnails/9.jpg)
![Page 10: Web Designing & Development](https://reader035.fdocuments.in/reader035/viewer/2022070522/58ee4cfa1a28ab633b8b4611/html5/thumbnails/10.jpg)
Why WordPress is better than the rest? - It’s totally FREE - It’seasy to use - Small or Big site? Doesn’t matter… - It’s mobile-friendly
![Page 11: Web Designing & Development](https://reader035.fdocuments.in/reader035/viewer/2022070522/58ee4cfa1a28ab633b8b4611/html5/thumbnails/11.jpg)
STEP - 02 : Choose a Domain Name & Web Hosting for Your
Website.
- domain name (a web address like yoursitename.com)
- Hosting (a service that connects your site to the internet)
How should I choose my domain name ?
![Page 12: Web Designing & Development](https://reader035.fdocuments.in/reader035/viewer/2022070522/58ee4cfa1a28ab633b8b4611/html5/thumbnails/12.jpg)
Rick schwartz Buy
Sellcandy.com 1,00,000 $
30,00,000 $ebet.com 100 $
13,50,000 $(Other domains )insurance.com $ 35.6 million in
2010 vacationrental.com $ 35 million in
2007private.com $ 30.1 million in
2009Internet.com $ 18 million in
2009
![Page 13: Web Designing & Development](https://reader035.fdocuments.in/reader035/viewer/2022070522/58ee4cfa1a28ab633b8b4611/html5/thumbnails/13.jpg)
STEP – 03 : Set up your WordPress Website.(A) Installing WordPress.01.Log in to your hosting account.02.Go to your control panel.03.Look for the “WordPress” icon.04.Choose the domain where you want to install
your website.05.Click the “Install Now” button and you should
get access to your NEW WordPress website.
![Page 14: Web Designing & Development](https://reader035.fdocuments.in/reader035/viewer/2022070522/58ee4cfa1a28ab633b8b4611/html5/thumbnails/14.jpg)
(B) Choosing a Theme/Template for your site
![Page 15: Web Designing & Development](https://reader035.fdocuments.in/reader035/viewer/2022070522/58ee4cfa1a28ab633b8b4611/html5/thumbnails/15.jpg)
How to find a theme you like:1) Log into your WordPress dashboard http://yoursite.com/wp-admin
![Page 16: Web Designing & Development](https://reader035.fdocuments.in/reader035/viewer/2022070522/58ee4cfa1a28ab633b8b4611/html5/thumbnails/16.jpg)
2) Access FREE themes
![Page 17: Web Designing & Development](https://reader035.fdocuments.in/reader035/viewer/2022070522/58ee4cfa1a28ab633b8b4611/html5/thumbnails/17.jpg)
![Page 18: Web Designing & Development](https://reader035.fdocuments.in/reader035/viewer/2022070522/58ee4cfa1a28ab633b8b4611/html5/thumbnails/18.jpg)
![Page 19: Web Designing & Development](https://reader035.fdocuments.in/reader035/viewer/2022070522/58ee4cfa1a28ab633b8b4611/html5/thumbnails/19.jpg)
Congratulations you’re ready to launch!
![Page 20: Web Designing & Development](https://reader035.fdocuments.in/reader035/viewer/2022070522/58ee4cfa1a28ab633b8b4611/html5/thumbnails/20.jpg)
Conclusion
Naturally the above guide is not exhaustive. It is a distillation of some of the essential steps in getting started with your site .
![Page 21: Web Designing & Development](https://reader035.fdocuments.in/reader035/viewer/2022070522/58ee4cfa1a28ab633b8b4611/html5/thumbnails/21.jpg)