ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo

rupesh's ppt on web designing

?Download as PPTX, PDF?
?
R
Rupesh Sahu

The document discusses various topics related to web design including web components, clients and servers, internet service providers, web hosting services, domains, URLs and IPs, registrars, creating a website, web development languages and tools, markup languages like HTML, and types of web pages. It provides information on each of these topics through detailed lists and explanations. The document appears to be a report or paper on fundamental aspects of web design submitted to a professor for review.

1 of 25
Downloaded 12 times
Submitted to :- MRS. a.a.kujoor (H.O.D. of it department) 1 Submitted by:- Rupesh sahu B.e. iVth sem enroll no.:-0601it131043
INTRODUCTION ? Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; interface design; authoring, including standardised code and proprietary software; user experience design; and search engine optimization.
Web Components ? Clients and Servers ? Internet Service Providers ? Web Site Hosting Services ? Domains Names, URL¡¯s and Ips ? Registrars
Clients & Servers Clients (Browser) ? Internet Explorer ? Firefox ? Mozilla ? Netscape ? Opera ? Amaya ? AOL ? MSN Servers ? Apache ? Microsoft ? Netscape ? zeus ? AOLserver ? AV ? JavaWebServer ? Oracle
Internet Service Providers Connect Clients to the Internet ? Phone Company ? AOL ? Earthlink ? Verizone ? NetZero ? Basic internet connection ? Dialup/DSL/Cable/S at ? Email
Web Hosting Services Connects Web Sites to the Internet ? Computer (server) farm ? Web server software ? Firewall hardware and software ? IT services ? (Backup, troubleshooting, hardware repair) ? Disk space ? Bandwidth / connection to internet ? Routers and switchers ? Email server / storage
Domain¡¯s URL¡¯s and IPs ? Domain name: The specific address of a computer on the Internet ? microsoft.com ? Uniform Resource Locator (URL): ? http://www.microsoft.com/faqs.html ? Internet protocol (IP) address ? 192.168.1.1
Domain Registrar ? A company that provides domain name registration services for a fee. ? Maintain database which maps domain names to IP¡¯s ? Propagate new domain name/IP address information across the internet
Creating a Web Site 1. Choose a domain name 2. Register with a Registrar 3. Choose a hosting service 4. Tell Registrar the IP address 5. Create web content 6. Store (publish) onto hosting server (FTP) 7. Submit new site to search engines
12 Principles of good web design 1. Visitor-centric, clear purpose 2. Progressive disclosure 3. Displays quickly 4. Browser compatible 5. Intuitive navigation 6. Spelling, grammar, writing 7. Secure (eCommerce) 8. Attractive design, easy to read 9. Cultural bias? (Regional? Domestic? International?) 10. No technical problems (broken links, buggy scripts) 11. Maintainable (separate content from style) 12. Search Engine Accessible
Creating your Web Site Technologies & Tools ? Markup Languages ? HTML, DHTML, XML, XSLT, etc.... ? Cascading Style Sheets (CSS) ? Scripting languages ? perl,javascript,php, etc.... ? Web creation and editing software ? Notepad, FrontPage, Coldfusion, Flash, Hotmetal, Site Builder, etc..
Web Development Languages & Tools 1. HTML/DHTML/XHTML 2. Java 3. Web Design Tools e.g. Frontpage, Dreamweaver. 3. Scripting Languages e.g. VBScript, Javascript 4. Cascading Style Sheets 5. XML 6. ¡­more!!!
Markup Languages - HTML Derived from SGML (Standard Generalized Markup Language ) ? HyperText Markup Language
HTML Fundamentals ? Clear text, case insensitive ? Ignores white space ? Comprised of tags <tag /> ? Open tags and closed tags
HTML ¨C Fundamentals Document Structure Header Body < / HTML> < HTML >
HTML ¨C Fundamentals Basic Structure <html> <head> <title> The title of your html page </title> <meta_tags/> </head> <body> <! - - your web page content and markup - -> </body> </html>
HTML - Fundamentals header <body> Hello world </body>
HTML ¨C Fundamentals Tables <TABLE BORDER=1 WIDTH=¡°50%" CELLPADDING=¡°6¡± CELLSPACING=¡°2¡± ALIGN="RIGHT"> <CAPTION ALIGN="bottom">Class Grades</CAPTION> <TR> <TH>Student</TH> <TH>Grade</TH> </TR> <TR> <TD>Tom</TD> <TD>B+</TD> </TR> <TR> <TD>Sue</TD> <TD>A-</TD> </TR> </TABLE>
HTML ¨C Fundamentals Tables Student Grade Tom B- Sue A+ Class Grades
Types of Web Pages Any web site composed from a set of web pages: Some of those pages are static (abstract) pages while other pages are dynamics (proactive) pages. A dynamic page that will take user name and password and check it to allow login. A static page with no interaction that user will only read and close if.
How Browser Fetches A Web Page ???
rupesh's ppt on web designing
ADVERTISING ON YOUR WEBSITE WITH ADSENCE 1.SIGN UP ON GOOGLE ADSENCE. 2. CREATE AD UNITS ON ADSENCE. 3.COPY THE CODES OF AVERTISEMENT ON YOUR WEBSITE. WHEN SOME ONE VISITS ADS FROM YOUR SITE SO GOOLE PAY YOU FOR EVERY CLICKS.
Visit my own site www.keepmovingforward.asia
thankyou

More Related Content

rupesh's ppt on web designing

  • 1. Submitted to :- MRS. a.a.kujoor (H.O.D. of it department) 1 Submitted by:- Rupesh sahu B.e. iVth sem enroll no.:-0601it131043
  • 2. INTRODUCTION ? Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; interface design; authoring, including standardised code and proprietary software; user experience design; and search engine optimization.
  • 3. Web Components ? Clients and Servers ? Internet Service Providers ? Web Site Hosting Services ? Domains Names, URL¡¯s and Ips ? Registrars
  • 4. Clients & Servers Clients (Browser) ? Internet Explorer ? Firefox ? Mozilla ? Netscape ? Opera ? Amaya ? AOL ? MSN Servers ? Apache ? Microsoft ? Netscape ? zeus ? AOLserver ? AV ? JavaWebServer ? Oracle
  • 5. Internet Service Providers Connect Clients to the Internet ? Phone Company ? AOL ? Earthlink ? Verizone ? NetZero ? Basic internet connection ? Dialup/DSL/Cable/S at ? Email
  • 6. Web Hosting Services Connects Web Sites to the Internet ? Computer (server) farm ? Web server software ? Firewall hardware and software ? IT services ? (Backup, troubleshooting, hardware repair) ? Disk space ? Bandwidth / connection to internet ? Routers and switchers ? Email server / storage
  • 7. Domain¡¯s URL¡¯s and IPs ? Domain name: The specific address of a computer on the Internet ? microsoft.com ? Uniform Resource Locator (URL): ? http://www.microsoft.com/faqs.html ? Internet protocol (IP) address ? 192.168.1.1
  • 8. Domain Registrar ? A company that provides domain name registration services for a fee. ? Maintain database which maps domain names to IP¡¯s ? Propagate new domain name/IP address information across the internet
  • 9. Creating a Web Site 1. Choose a domain name 2. Register with a Registrar 3. Choose a hosting service 4. Tell Registrar the IP address 5. Create web content 6. Store (publish) onto hosting server (FTP) 7. Submit new site to search engines
  • 10. 12 Principles of good web design 1. Visitor-centric, clear purpose 2. Progressive disclosure 3. Displays quickly 4. Browser compatible 5. Intuitive navigation 6. Spelling, grammar, writing 7. Secure (eCommerce) 8. Attractive design, easy to read 9. Cultural bias? (Regional? Domestic? International?) 10. No technical problems (broken links, buggy scripts) 11. Maintainable (separate content from style) 12. Search Engine Accessible
  • 11. Creating your Web Site Technologies & Tools ? Markup Languages ? HTML, DHTML, XML, XSLT, etc.... ? Cascading Style Sheets (CSS) ? Scripting languages ? perl,javascript,php, etc.... ? Web creation and editing software ? Notepad, FrontPage, Coldfusion, Flash, Hotmetal, Site Builder, etc..
  • 12. Web Development Languages & Tools 1. HTML/DHTML/XHTML 2. Java 3. Web Design Tools e.g. Frontpage, Dreamweaver. 3. Scripting Languages e.g. VBScript, Javascript 4. Cascading Style Sheets 5. XML 6. ¡­more!!!
  • 13. Markup Languages - HTML Derived from SGML (Standard Generalized Markup Language ) ? HyperText Markup Language
  • 14. HTML Fundamentals ? Clear text, case insensitive ? Ignores white space ? Comprised of tags <tag /> ? Open tags and closed tags
  • 15. HTML ¨C Fundamentals Document Structure Header Body < / HTML> < HTML >
  • 16. HTML ¨C Fundamentals Basic Structure <html> <head> <title> The title of your html page </title> <meta_tags/> </head> <body> <! - - your web page content and markup - -> </body> </html>
  • 18. HTML ¨C Fundamentals Tables <TABLE BORDER=1 WIDTH=¡°50%" CELLPADDING=¡°6¡± CELLSPACING=¡°2¡± ALIGN="RIGHT"> <CAPTION ALIGN="bottom">Class Grades</CAPTION> <TR> <TH>Student</TH> <TH>Grade</TH> </TR> <TR> <TD>Tom</TD> <TD>B+</TD> </TR> <TR> <TD>Sue</TD> <TD>A-</TD> </TR> </TABLE>
  • 19. HTML ¨C Fundamentals Tables Student Grade Tom B- Sue A+ Class Grades
  • 20. Types of Web Pages Any web site composed from a set of web pages: Some of those pages are static (abstract) pages while other pages are dynamics (proactive) pages. A dynamic page that will take user name and password and check it to allow login. A static page with no interaction that user will only read and close if.
  • 21. How Browser Fetches A Web Page ???
  • 23. ADVERTISING ON YOUR WEBSITE WITH ADSENCE 1.SIGN UP ON GOOGLE ADSENCE. 2. CREATE AD UNITS ON ADSENCE. 3.COPY THE CODES OF AVERTISEMENT ON YOUR WEBSITE. WHEN SOME ONE VISITS ADS FROM YOUR SITE SO GOOLE PAY YOU FOR EVERY CLICKS.
  • 24. Visit my own site www.keepmovingforward.asia