Jmol-Application/C4/Editing-the-JSmol-Integrated-Web-Page/English - Revision history

Snehalathak at 11:01, 6 March 2023

2023-03-06T11:01:41Z

2023-03-06T10:59:30Z

2023-03-06T10:57:36Z

2023-03-06T10:41:05Z

2023-03-06T10:39:53Z

2023-03-06T10:39:06Z

2023-03-06T10:38:37Z

2023-03-06T10:37:41Z

2023-03-06T07:24:16Z

2023-03-06T07:17:47Z

@@ Line 472: / Line 472: @@
 ||Cursor on the test editor.
 ||You can modify the '''html page''' to add more models, buttons, animations and content.
 After modification, save the page.
 Refresh the web page in the browser to see the modifications.
@@ Line 483: / Line 481: @@
 '''Summary'''
 ||Let's summarize, In this tutorial we have,
 * Edited the '''html page''' to add '''3D models'''
@@ Line 499: / Line 496: @@
 '''Assignment slide.'''
 ||As an assignment,
 Using the input file, '''example2.html''', as a template:
 * Create a '''JSmol''' integrated web page with the content of your choice.

← Older revision		Revision as of 10:59, 6 March 2023
Line 412:		Line 412:

	Line 91		Line 91
−	\|\|Now let us add an animation button to '''eclipsed-~~nbutane~~''' which is '''Structure2'''.	+	\|\|Now let us add an animation button to '''eclipsed-butane''' which is '''Structure2'''.

@@ Line 406: / Line 406: @@
-Refresh the web page and check for the newly '''label '''checkbox.
+Refresh the web page and check for the newly added '''label '''checkbox.
 |-
 ||Cursor on the text editor.

@@ Line 150: / Line 150: @@
 * The web page we will be creating will have content on '''conformations of nbutane'''.
-* The web page will have interactive 3D models of '''conformations of n-butane''':
+* The web page will have interactive 3D models of '''conformations of n-butane''', '''anti''', '''gauche''' and '''eclipsed'''
 '''anti''', '''gauche''' and '''eclipsed'''
 |-
 ||Right-click and select the text editor option.

@@ Line 151: / Line 151: @@
 * The web page will have interactive 3D models of '''conformations of n-butane''':
 '''anti''', '''gauche''' and '''eclipsed'''
 |-

@@ Line 118: / Line 118: @@
 || I will open the '''jspage''' folder by double-clicking on it.
 Here you can see some files.
 The input '''HTML page''', '''example2.html'''.

@@ Line 95: / Line 95: @@
 Cursor on '''jspage '''folder.
 || I have downloaded the input file '''jspage.'''
 By default mine got downloaded to my '''Downloads ''' folder.
 It is a compressed '''zip file'''.
 Extract the file by right-clicking and choosing the '''Extract Here''' option.
 You will see a folder '''jspage'''.
@@ Line 172: / Line 168: @@
 ||Cursor on the text editor, '''example2.html '''file.
 ||We will edit this document to add 3D models.
 I will add more interactive buttons.
 I will also add some script commands to animate the 3D models.

@@ Line 55: / Line 55: @@
 '''Pre-requisites'''
 ||To follow this tutorial learner should be familiar with,
 * undergraduate chemistry

@@ Line 1: / Line 1: @@
-'''Title of script: Editing the JSmol Integrated Web Page'''
+'''Title of script''': Editing the JSmol Integrated Web Page
 '''Author''':  Dr.Snehalatha Kaliappan, Sunil Shetye
@@ Line 246: / Line 246: @@
 |-
-||Cursor on ine 98.
+||Cursor on line 98.
 ||Scroll down, Similarly, '''javascript block''' for '''structure 3''' begins from line 98.