AKTU Web Designing Workshop (BCS353) Syllabus PDF – B.Tech 2nd Year
Web Designing Workshop BCS353
All syllabus, notes, question bank & PYQ for this subject
- English
- Semester 3
- 0 downloads
- 0 views
- Computer Science and Engineering › 2nd Year
- Computer Science › 2nd Year
- Computer Engineering › 2nd Year
- Information Technology › 2nd Year
- Computer Science and Information Technology › 2nd Year
- Computer Science and Design › 2nd Year
- Computer Science and Engineering (Artificial Intelligence) › 2nd Year
- Computer Science and Engineering (Artificial Intelligence & Machine Learning) › 2nd Year
- Artificial Intelligence and Machine Learning › 2nd Year
- Artificial Intelligence (AI) and Data Science › 2nd Year
- Computer Science and Engineering (Data Science) › 2nd Year
- Computer Science & Engineering (Cyber Security) › 2nd Year
- Computer Science and Engineering (Internet of Things) › 2nd Year
- Computer Science and Business Systems › 2nd Year
Syllabus — Web Designing Workshop
Download PDFBCS353 · 1 credits · L-T-P 0-0-2
Course Content
HTML: Elements, attributes, heading, paragraph, styles, comments, links, images, favicon, tables, list, class, id, HTML forms, HTML media, navigation bar.
CSS: Types of CSS, colors, background, margins, padding, height, width, text, font, icon, links, list, tables, display, z-index, float, overflow, CSS media queries, inline block, navigation bar, image gallery, forms, round corners BOOTSTRAP : Fundamentals of implementing responsive web design ,Use Balsamiq to mockup and wireframe websites, The fundamentals of UI design for websites ,How to install the Bootstrap framework ,Understanding the Bootstrap grid layout system, How to use bootstrap containers to layout your website easily, Use other Bootstrap components such as buttons ,Adding symbols using Font Awesome, Bootstrap carousels. Add Bootstrap cards to your website. Using Bootstrap navigation bars, JavaScript script, function, output, statement, variables, operators, datatypes, objects, events, string methods, Arrays, if else, switch, loop for, loop in, loop for, debugging, validation of forms , Functions and invocation patterns Discussion of ECMAScripts Intermediate JavaScript , JS Expressions, Operators, Statements and Declarations , Object-Oriented Programming JS Objects and Prototypes, `This`, Scope and Closures Objects and Prototypes Refactoring and Debugging
Text Books
- Meloni, J. C., Kyrnin, J. (2018). HTML, CSS, and JavaScript All in One: Covering HTML5, CSS3, and ES6, Sams Teach Yourself. United Kingdom: Pearson Education.
- McGrath, M. (2020). HTML, CSS & JavaScript in easy steps. United Kingdom: In Easy Steps Limited.
Reference Books
- Duckett, J. (2014). Web Design with HTML, CSS, JavaScript and JQuery Set. United Kingdom: Wiley.
- Fajfar, I. (2015). Start Programming Using HTML, CSS, and JavaScript. United Kingdom: CRC Press.
List of Experiments
Experiment No.
List of Experiments
| 1 | Designthefollowingstaticwebpagesrequiredforanonlinebookstorewebsite. HOMEPAGE: The static home page must contain three frames. Top frame: Logo and the college name and links to Homepage, Login page, Registration page, Catalogue page and Cart page (the description of these pages will be given below). For example: When you click the link “CSE” the catalogue for CSE Books should be displayed in the Right frame. Right frame: The pages to the links in the left frame must be loaded here. Initially this page contains description of the web site. Logo Web Site Name Home Login Registration Catalogue Cart CSE ECE Description of the WebSite EEE CIVIL |
| 2. | LOGINPAGE: This page looks like below: Logo WebSite Name Home Login Registration Catalogue Cart CSE Login Page ECE User Name: EEE Passwords: CIVIL Submit Reset |
| 3. | CATOLOGUE PAGE: The catalogue page should contain the details of all the books available in the website in a table. The details should contain the following: 1. Snap shot of Cover Page. 2. Author Name. 3. Publisher. 4. Price. 5. Add to cart button. WebSite Logo Name Home Login Registration Catalogue Cart Book:XMLBible CSE Author : Winston Publication:Wiely $40.5 ECE Book :AI EEE Author:S.Russel $63 Publication:Princetonhall CIVIL |
| Logo | Web Site Name |
| Home | Login Registration Catalogue Cart |
| CSE ECE EEE CIVIL | Description of the WebSite |
| Logo | WebSite Name |
| Home | Login Registration Catalogue Cart |
| CSE ECE EEE CIVIL | Login Page User Name: Passwords: Submit Reset |
| Logo | WebSite Name |
| Home | Login Registration Catalogue Cart |
| CSE ECE EEE CIVIL | Book:XMLBible Author : Winston Publication:Wiely Book :AI Author:S.Russel Publication:Princetonhall $40.5 $63 |
Experiment No.
CATOLOGUE PAGE: The catalogue page should contain the details of all the books available in the website in a table. The details should contain the following:
| Book : Java 2 Author:Watson Publication:BPBpublications Book : HTML in 24 hours Author : Sam Peter Publication:Sampublication | $35.5 $50 |
| 4. | CARTPAGE: The cart page contains the details about the books which are added to the cart. The cart page should look like this: CARTPAGE: The cart page contains the details about the books which are added to the cart. The cart page should look like this: |
| 5. | REGISTRATION PAGE : Create a“ registration form“ with the following fields 1)Name (Text field) 2)Password (password field) 3) E-mailid(text field) 4) Phone Number(text field) 5) Sex(radio button) 6) Date of birth(3 select boxes) 7) Languages known(checkboxes–English, Telugu, Hindi, Tamil) 8) Address(text area) |
| 6. | Js VALIDATION: Write JavaScript to validate the following fields of the above registration page. 1. Name (Name should contains alphabets and the length should not be less than 6 characters). 2. Password (Password should not be less than 6 characters length). |
| 7. | Js VALIDATION: 3. E-mailid (should not contain any invalid and must follow the standard pattern(name@domain.com) 4. Phone Number(Phone number should contain 10 digits only). |
| 8. | CSS: Design a web page using CSS(Cascading Style Sheets) which includes the following: 1) Use different font, styles: In the style definition you define how each selector should work(font, color etc.). Then, in the body of your pages, you refer to these selectors to activate the styles. 2) Set a background image for both the page and single elements on the page. |
| 9. | CSS: 1) Control the repetition of the image with the background-repeat property. 2) Define styles for links as A:link A:visited A:active A:hover |
| 10. | Consider a small topic of your choice on which you can develop static Webpages and try to implement all topics of html, CSS and Js within the topic. Choose any one topic. 1. Your Own Portfolio 2. To-Do List 3. Survey Form 4. A Tribute Page 5. A Questionnaire |
Consider a small topic of your choice on which you can develop static Webpages and try to implement all topics of html, CSS and Js within the topic.
FOURTH SEMESTER (DETAILED SYLLABUS)
Ratings & Reviews
No reviews yet — share your experience with this item.