Recommended
Recommended
More Related Content
What's hot
What's hot (18)
Viewers also liked
Viewers also liked (20)
Similar to Developing S-Homocysteinylation Webpage Using HTML, CSS & JavaScript
Similar to Developing S-Homocysteinylation Webpage Using HTML, CSS & JavaScript (20)
Recently uploaded
Recently uploaded (20)
Developing S-Homocysteinylation Webpage Using HTML, CSS & JavaScript
- 1. WINTER TRAINING PROGRAM Developing and designing WebPages using HTML,CSS and JavaScript for S- homocysteinylation Database By- Vishaal Baruah ©Vishaal Baruah
- 2. CONTENTS • Introduction • Developing Tools • Website Demo • Conclusion ©Vishaal Baruah
- 3. INTRODUCTION • The project aims developed and designed a webpage that ensures the user to display information dregarding relationship between homocysteine and its relationship with different entities in a format that is easy to read and relevant. • The project must be user friendly and future modifications can be made easily. ©Vishaal Baruah
- 4. • Webpage: A collection of data in the form of texts,images,video and other forms which are displayed in the web browser • Website: It is a collection of related web pages identified with common domain name, and published on at least one web server. ©Vishaal Baruah
- 6. WEB DEVELOPMENT • Web Development: Refers to all types of applications In which all or part of them are hosted within a web browser • Types of development: • Front-End Web Development: Related to the development of website which is visible to the users. • Back-End Web Development: Related to development of technology which enables the webpage to perform different functions. • Full stack development: Type of development which takes care of all the aspects related to the webpage. ©Vishaal Baruah
- 8. FRONT-END DEVELOPMENT • It is the development of those elements of a website that the users sees and interacts with directly. • Also known as client-side development • Interacting with server side code and writing server side views. • Not Server side development • Major challenge is that the tools and techniques used to create the front end of a website change constantly. ©Vishaal Baruah
- 10. HTML • Html is a markup language used for structuring and presenting content on the World Wide Web. • HTML 5 is the fifth and current version of the HTML standard. • It is written in the form of HTML elements consisting of tags enclosed in angle brackets (like <html> ). • Develop static web pages ©Vishaal Baruah
- 11. FEATURES OF HTML 5 • New Doctype • No More Types for Scripts and Links • Make the content edit easy • Placeholders • The Semantic Header and Footer • Audio/ Video Support • The Data Attribute ©Vishaal Baruah
- 13. CASCADING STYLE SHEETS(CSS) • It is a style sheet language used for describing the look and formatting of a document written in a markup language. • Media queries are easily solved. • Web typography via font-face. • Shadows, Transforms, multiple backgrounds can be added. • Animation can also be added easily. • New layout options (columns, tables). ©Vishaal Baruah
- 14. FEATURES OF CSS3 • CSS Animations and Transitions • Calculating Values With calc() • Gradients • Box Sizing • Border Images • Multiple Backgrounds • CSS 3D Transforms ©Vishaal Baruah
- 15. IMPORTING CSS ON HTML ©Vishaal Baruah
- 17. JAVASCRIPT • JavaScript is a high-level, dynamic and interpreted programming language. • Most of the javascript control statements syntax is same as syntax of control statements in C language. • Client-side validation • Displaying popup windows and dialog boxes and drop down menus become very easy. • SVG(Sector Variable Graphics) made easy ©Vishaal Baruah
- 18. FEATURES • jQuery has become the standard of developing responsive websites • 1001 jQuery plugins • Offline Storage • Develop programs for touch support • Geolocation ©Vishaal Baruah
- 20. ©Vishaal Baruah
- 22. DATA FLOW DIAGRAM ©Vishaal Baruah
- 23. HOME PAGE • In this page we the main home page is displayed which is common to all the users. It consist of options such as: • CSIR-NEIST(Homepage) • Contact Us • About • Search Box • Entities ©Vishaal Baruah
- 24. ©Vishaal Baruah
- 27. 1)We have chosen “HCY Structural Homologs” for this purpose ©Vishaal Baruah
- 28. ©Vishaal Baruah
- 29. In our example, we are searching for “APOA_HUMAN” from the datatable DALI STRUCTURE table, with option “REFERENCE STRUCTURE” ©Vishaal Baruah
- 30. CONCLUSION • The web-based search platform on S-Homocystenylation is developed and tested successfully. • It has a friendly graphical user interface and is very user friendly • The platform aims at providing necessary information to the user’s requested query. • The website has several databases on in backend which enables it to generate the desired results. • The system has been designed keeping in view the present and future requirements in mind and made very flexible ©Vishaal Baruah