B. V. Patel Institute of Business Management, Computer and Information Technology, UTU. B. C. A (3 rd Semester) Teaching Schedule

Size: px

Start display at page:

Download "B. V. Patel Institute of Business Management, Computer and Information Technology, UTU. B. C. A (3 rd Semester) Teaching Schedule"

Felicia Winifred Brown
5 years ago
Views:

1 B. C. A (3 rd Semester) : Advanced Web Design Teaching Schedule Objective: To provide knowledge of advanced features of hypertext mark-up language in conjunction with client side framework to make interactive website by using jquery and extensible Markup Language. Course Outcomes: Upon completion of the Course students shall be able to CO: Summarize and use advanced elements and attributes of HTML using document structure. CO: Paraphrase the concept and uses of jquery with client side framework. CO3: Use of jquery to manipulate HTML elements & CSS properties, showing effects and handle events. CO4: Summarize XML document structure with its features and concept of entity, XML parser and namespaces. CO5: Validating XML document using XML Schema. CO6: Format and transform XML document using XSLT. CO7: Recognize concept of XPath, XLink and XPointer. Un it Sub No. of Lectu re (s) Topics Reference Chapter/ Additional Reading Teaching Methodolog y Evaluati on Parame ters : Advanced Elements of Hypertext Markup Language Overview of advanced features Document Structure: Overview of DOCTYPE element, charset attribute Semantic/Structural Elements: <article>, <aside>, <details>, <figcaption>, <figure>, <footer>, <header>, <mark>, <nav>, <section>, <summary> and <time> Graphics Elements: <canvas> and <svg> Multimedia Elements: <audio>, <embed>, <source>, <track> and <video> BB # Page no BB # Page no.- 0-3, html/html_charset.asp BB # Page no.- 8-9, 4-43, BB # Page no.- 64,7 BB #3 Page no , 0 BB #9 Page no.- 34, 37,4 BB #0 Page no.- 5, 63 BB # Page no.- 9, 75, 87-88, svg/default.asp BB # Page no.- 9,3-4, BB #0 Page no , 53-59, tags/tag_source.asp, Power Point Power Point Chalk and Talk, Chalk and Talk, Test-, Quiz-, Quiz- Ms. Khushbu Patel Page

2 tags/tag_track.asp.6 Form Elements: <datalist>, BB # Page no.- 9, BB #8 <keygen> and <output> Page no , 4-9 : Advanced Attributes of Hypertext Markup Language.. Content editable and spelling mistake Attributes: contenteditable, spellcheck Microdata Attributes: itemid, itemprop, itemref, itemscope, itemtype.3 <FORM> Element Attributes: autocomplete, novalidate : Fundamentals of jquery <INPUT> Element Attributes: autocomplete, autofocus, form, formaction, formenctype, formmethod, formnovalidate, formtarget, height, width, list, min, max, step, multiple, pattern, placeholder and required Types of the <INPUT> Element: datetime, datetime-local, date, month, week, time, number, range, file, and url Drag and Drop Attributes: draggable and dropzone BB # Page no.- 0, BB #7 Page no , BB # Page no.- 0-, BB #7 Page no BB # Page no.-, BB #8- Page no. 90-9, html/html_form_attributes.as p BB # Page no.- -3, html/html_form_attributes.as p BB #8 Page no BB # Page no BB #39 Page no.- 088, Introduction RY #- Page no Common in JavaScript and BB #39 Page no jquery 3.3 Load and Use BB #39 Page no Library files BB #39 Page no Selectors: Searching within the selectors using find( ) Methods to access HTML Attributes: attr( ), removeattr( ), addclass( ), removeclass( ), html( ) and text( ) Methods for traversing: Finding an element s siblings using siblings( ), Searching Ancestors BB #39 Page no , RY #- Page no BB #39 Page no BB #39 Page no.- 097, RY #- Page no Chalk and Talk, PowerPoint Chalk and Talk, Test-, Quiz- Test-, Internal- Ms. Khushbu Patel Page

3 Using the pnt( ) and pnts( ), Selecting children element 4: jquery Manipulator, Events and Effects Methods to manipulate HTML elements: after( ), append( ), before( ), clone( ), empty( ), html( ) and hasclass( ) Methods to manipulate CSS properties: css( ), height( ), position( ), scrollleft(), scrolltop( ) and width( ) Form elements and web page events: blur, change, focus, load, resize, scroll, select, submit and unload Mouse operation and Keyboard events: mousedown, mousemove, mouseout, mouseover, mouseup, click, dbclick, keydown, keypress and keyup Overview of Effects BB #39 Page no BB #39 Page no BB #39 Page no BB #39 Page no BB #39 Page no.-0 Power-Point, Chalk and Talk, Test-, Internal- Methods to create effects: 4.6 animate( ), delay( ), fadein( ), fadeout( ), fadeto( ), hide( ), show( ), stop( ) and toggle( ) 5: extensible Markup Language BB #39 Page no Introduction and Features BB #8 Page no Power-Point 5. Advantages and disadvantages BB #8 Page no XML document: declaration, elements, attributes, tree and comments BB #8 Page no , Entity References BB #8 Page no.- 768, XML Parser 5.6 Overview of XML namespaces 6: Validating and Transforming XML Document BB #8 Page no , BB #9 Page no XML Schema Structure BB #9 Page no Simple type Element and Complex type Elements 6.3 XML Schema Data types 790 BB #9 Page no BB #9 Page no Power-Point Power-Point Power-Point Test-, Internal- Internal- Ms. Khushbu Patel Page 3

4 XSLT Elements: apply-templates, attributes, choose, for-each, if, number, sort, stylesheet, value-of and when Overview of XPath, XLink and XPointer BB #3 Page no.- 848, , , BB #3 Page no , Power-Point Textbook:. HTML5 covers CSS3 JavaScript XML XHTML AJAX PHP and jquery Black Book, Dreamtech Press [BB] References :. Rechard Y., JavaScript and CSS Development using jquery, Wrox [RY] Note: # denotes chapter number. Course objectives and Course outcomes mapping: To provide knowledge of advanced features of hypertext mark-up language : CO To make interactive website by using jquery: CO, CO3 To make interactive website by using extensible Markup Language: CO4,CO5, CO6, CO7 Course units and Course outcomes mapping: No. Course Outcome Advanced Elements of Hypertext Markup Language Advanced Attributes of Hypertext Markup Language 3 Fundamental of jquery 4 jquery Manipulator, Events and Effects CO CO CO3 CO4 CO5 CO6 CO7 5 extensible Markup Language 6 Validating and Transforming XML Document Course outcomes and Programme outcomes mapping: Programme Outcomes Course Outcomes CO CO CO3 CO4 CO5 CO6 CO7 PO PO PO3 PO4 PO5 PO6 Ms. Khushbu Patel Page 4

5 Computing Environment: A student must have the following computing environment in laboratory and or on his/her laptop and. NetBeans IDE version 7.3 or above Modes of Transaction (Delivery): It may include Lecture method, Group discussion, Comprehensive study,,, Seminars, Technical White Papers, Mini-Projects, Case Study, Assignments etc. supplemented with various appropriate audio-visual aids. A course teacher is free to adopt any of the above delivery modes in nuclear form or in combinations and may add new to the above list depending upon the nature of the course. Activities/Practicum: The following activities shall be carried out by the students. Downloading jquery API and configure it. Study of various client-side scripting technology. Study history of HTML5. The following activities shall be carried out by the teacher. Overview of XHTML and JavaScript. Demonstrate practical implementation of Advanced HTML, jquery and XML technology. Concept map: Advanced Web Design Advanced Elements of Hypertext Markup Language Validating and Transforming XML Document Advanced Attributes of Hypertext Markup Language extensible Markup Language Fundamentals of jquery jquery Manipulator, Events and Effects Ms. Khushbu Patel Page 5

6 Overview of DOCTYPE element charset attribute Overview of advanced features Document Structure Advanced Elements of Hypertext Markup Language Semantic/Structural Elements <article>, <aside>, <detail> Graphics Elements <canvas> cam Form Elements Multimedia Elements <audio>, <video> <embed>, <source>, <track> <datalist> <keygen> <output> <figcaption>, <figure> <svg> <footer>, <header> <mark>, <nav> <section>, <summary>, <time> Ms. Khushbu Patel Page 6

7 contenteditable, spellcheck itemid, itemprop itemref, itemscope, itemtype Content editable and spelling mistake Attributes Microdata Attributes Advanced Attributes of Hypertext Markup Language <INPUT> Element Attributes autocomplete, autofocus form, formaction, formenctype formmethod, formnovalidate, formtarget height, width, list, min, max, step <FORM> Element Attributes autocomplete novalidate Drag and Drop Attributes Types of the <INPUT> Element datetime, datetime-local date, month, week time, number, range file and url draggable dropzone multiple, pattern, placeholder and required Ms. Khushbu Patel Page 7

8 3 Fundamentals of jquery Introduction Selectors: Searching within the selectors using find( ) Common in JavaScript and jquery Load and Use Library files attr( ), removeattr( ) Methods to access HTML Attributes html( ) and text( ) Methods for traversing Selecting children element addclass( ), removeclass( ) Finding an element's siblings using siblings( ) Searching Ancestors Using the pnt( ) and pnts( ) Ms. Khushbu Patel Page 8

9 4 after( ), append( ) before( ), clone( ), empty( ), html( ) and hasclass( ) css( ), height( ) position( ), scrollleft() Methods to manipulate HTML elements Methods to manipulate CSS properties scrolltop( ) and width( ) blur, change, focus jquery Manipulator, Events and Effects Form elements and web page events load, resize, scroll select, submit and unload Overview of Effects Methods to create effects Mouse operation and Keyboard events mousedown, mousemove mouseout, mouseover, mouseup animate( ), delay( ), fadein( ), fadeout( ), fadeto( ) hide( ), show( ) stop( ) and toggle( ) click, dbclick, keydown keypress and keyup Ms. Khushbu Patel Page 9

10 5 extensible Markup Language Introduction and Features contains Overview of XML namespaces having Advantages and disadvantages XML Parser XML document Entity References declaration contains contains contains contains tree and comments elements attributes 6 Validating and Transforming XML Document XML Schema Structure Overview of XPath, XLink and XPointer Simple type Element and Complex type Elements XML Schema Data types XSLT Elements apply-templates, attributes, choose, value-of and when for-each, if, number, sort stylesheet Ms. Khushbu Patel Page 0

HTML5. HTML5 Introduction. Form Input Types. Semantic Elements. Form Attributes. Form Elements. Month Number Range Search Tel Url Time Week

HTML5. HTML5 Introduction. Form Input Types. Semantic Elements. Form Attributes. Form Elements. Month Number Range Search Tel Url Time Week WEB DESIGNING HTML HTML - Introduction HTML - Elements HTML - Tags HTML - Text HTML - Formatting HTML - Pre HTML - Attributes HTML - Font HTML - Text Links HTML - Comments HTML - Lists HTML - Images HTML