ECHELON INSTITUTE OF TECHNOLOGY Presentation on

& it’s Future

Presented By : Tashmeet Singh Yamen Sehgal • A webpage is a document typically written in Hypertext Markup Language. • A website is a collection of related webpages. • Designing a good website requires more than just putting together a few pages. • Websites are something from which internet runs. A website is an essential part of internet. What is a “Website” ? • As a 24/7 employee your website works, even if you don’t. • Websites increase referrals because information gets forwarded on without even asking. • A website turns contacts into prospects and vice versa, because some people are more comfortable contacting you online rather than calling you. Inviting contacts to your website will get them to know you better. • A good website will create the right first impression since people will “know” Whyyou beforeWinners they know you. Have Websites ? Knowledge of following codes : ( which is easy )

• Markup Languages HTML4 (old), HTML5 (current) etc.... • Cascading Style Sheets (CSS) • Web creation and editing software Notepad, , Expression Web, etc.. • Animation Scripts and Transitions Jquery, Flash, CSS, etc.

& YourWhat Designing skills is in Adobe needed Photoshop to create a website ? HTML is the main markup language for creating WebPages & another information that can be displayed in a web browser.

Few HTML Tags

Open tags

,
Closed tags stuff text to be bolded

level 1 heading text

Comments < ! - - comment text -- > H yper Text Markup Language What is CSS ?

• Used for describing the look and formatting of a webpage.

• Basic skeleton of a webpage.

• Types :

o Inline o Internal o External o Import

Advantages Of CSS

• Consistency

• Clean Coding Technique

• Search Engine Friendly

• Bandwidth Reduction

• Cross-Browser Compatibility

• Multiple Screen Resolution Support What is Jquery ?

• Jquery is a JavaScript library designed to simplify the client side scripting.

• Free & Open Source.

• Used for making a website interactive. This page is made from combination of HTML code with fixed layout using CSS coding and animations using

Example : Web Development Tools

•Notepad

•Microsoft Expression Web

•Adobe Dreamweaver

•Microsoft Web Matrix

& many more … Google Dart • Dart is an open-source Web programming language that has been proposed and developed by Google.

• Specific reason for developing Dart is to make a modern language that's flexible, fast and useful in the creation of web- based applications.

• Another reason that Google has created the language is to solve some of the issues that exist in JavaScript.

• The goal of Dart is "ultimately to replace JavaScript as the pillar of web development on the open web platform” Responsive

• Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing experience.

• It offers easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).

• A site designed with RWD uses CSS3 media queries an extension of the @media rule, to adapt the layout to the viewing environment—along with fluid proportion- based grids and flexible images Web Content Management System • A web content management system (web CMS) is a bundled or stand-alone application to create, manage, store and deploy content on Web pages.

• Web content includes text and embedded graphics, photos, video, audio, and code (e.g., for applications) that displays content or interacts with the user.

• Web CMSs usually allow client control over HTML-based content, files, documents, and web hosting plans.

• Example: Joomla, Wordpress, Drupal etc. How to Make Your Website Live ?

• Choose a domain name

• Register with a Registrar

• Choose a hosting service

• Create web content

• Store (publish) onto hosting server (FTP)

• Submit new site to search engines

Search Engine Optimization

Allows search engines to find and rank your website higher than the millions of other websites in response to a search query. Thank You !!!

Any Questions ?