Proposal for Introduction of Web Design Course
Overview and Objectives
Web design as a profession has got a significant boost in recent years, thanks to the explosion in the number of websites that are getting launched every day, globally. Thanks to the recent boost of eCommerce and the increasing importance of digital marketing, despite its size, each business needs a website. A 17% growth of domain registration within the first two quarters of 2018 (as reported by ICANN), simply indicates that career opportunities for web designers are ever-increasing. The rapid growth of the mobile market demands a website compatible with each mobile device. The popularity of Google and its increasing importance also propels businesses to not only have an interactive website but also to having websites with accelerated mobile pages (AMP) and search engine optimized.
Keeping in the view of high demand for a professional web designer and search engine optimizer (SEO) and as well the shortage of the said professional in most states of India including Jharkhand, we are presenting this proposal to introduce one year’s self-financed Advanced Diploma in Web Designing and SEO.
The course aims at producing quality professional who can earn handsome by providing satisfactory services to businesses of all sizes. Followings are the details of the opportunities after completion of the course.
Opportunities after completion of the Course
- Freelance Web Designer
- Webmaster
- Website Programmer
- Web Promotion Executive
- E-Commerce Site Designer
- CSS Expert
- Technical SEO Specialist
- SEO and SMO Expert
- CMS Expert
- Design Consultant
- Design Instructor
- Web Media Designer
- Flash Media Designer
- Visual Designer
- Digital Imaging Specialist
- Digital Artist
- Multimedia Designer
- Content Artist
- Content Writer
- Content Developer
- Technical Marketing Analyst
- Web Auditing and Security Professional
- Higher Studies in the Specialised Fields such as Web Development, Web Administration, Content Automation, CRM and Relevant Super Specialization etc.
Employment Area after Completion of the Course:
- Web Domain and Hosting Service Providers
- Website Designing Companies
- Website Developing Companies
- Website Optimization Companies
- Software Development Companies
- Visual Development Companies
- Professional Websites
- Web Marketing Farms
- Internet Marketing Agencies
- Online Advertising Agencies
- Financial Institutions
- Academic Institutions
- Government Agencies
- Government Departments
- Social Media Corporations
- Web Consultancies
- Stock Image Companies
- Self Employment (as freelancers or owner of self-founded agency)
Earning Opportunities after Completion of the Course
- Fresher: Rs 15,000 to 25,000 monthly
- Two Years’ Experience: Rs 20,000 to Rs 35,000 monthly
- Three to Five Years Experience: Rs 35,000 to 60,000 monthly
Regulations: Course and Entrance
Advanced Diploma in Web Designing and SEO (ADWD & SEO)
Course Duration: One Year
Course Learning Hours: 600 hours
Course Category: IT
Course Sub-category: Web Design and SEO
Course Type: Specialization
Course Functionality: Self-financed
Eligibility Criteria:
- Minimum 10+2 with 50% aggregate marks in any stream (relaxation by 5% for reserved categories)
- Computer Literacy either with a subject of minimum 50 marks in high or higher secondary school or through a course from any registered centre/institute of minimum three months’ duration.
- Age Limit:
- Minimum 17 years at the time of admission
- Maximum 22 years for unreserved categories at the time of admission
- Maximum 24 years for reserved categories at the time of admission
- Maximum 30 for professionals in any field of ICT on submission of supporting document(s) indicating not less than two years’ work experience.
- Special age relaxation may be granted by the college/university subject to the satisfaction of the authority and on submission of supporting document(s).
Best suitable for: Those with a technical, creative and strategic mix bent
Admission Process: Through Entrance Test
Entrance Question Pattern: Objective type
Entrance Subject Area:
- Basic Mathematics (Matriculation Standard)
- Basic Reasoning
- Basic Communicative Language (Matriculation Standard)
- Basics of ICT
Entrance Fees: Rs 500.00 (20% relaxation to SC, ST, OBC, minorities, women and Physically Challenged Candidates)
Intake Capacity: 50
Minimum Intake: 20
Fees: Total Rs 50,000 (15% relaxation to SC, ST, OBC, minorities, women and Physically Challenged Candidates)
- Rs 5,000 Registration Fees
- Rs 20,000 for first semester
- Rs 25,000 for second semester
Programme Pattern: Semester and CBCS
Structure of the Course
(Updated on: 10 April 2020)
Total Course Modules/Papers: 12
Duration: One Year
Total Instruction and Laboratory Hours: 600 hours (150 + 450 hours)
Minimum Teaching and Laboratory Days: 185 days (75% attendance is mandatory)
Additional Teaching and Laboratory Days: 15 days (Remedial Instruction and Assignments – attendance is not mandatory, but effective for internal marking)
Practical Evaluation: 50%
Written Examination Evaluation: 50%
Each Module Consists: 70 Marks (35 + 35)
Total Marks: 70 X 12 = 840
Total Credits: 48 (4 X 12)
Course Structure
Semester I
WEB 01
WEB 01: INTERNET/WEB FUNDAMENTALS
COURSE DESCRIPTION:
Prerequisites: Nil
Co-requisites: Nil
This course introduces World Wide Web Consortium (W3C) standard markup language and services of the Internet. Topics include creating web pages, search engines, FTP, and other related topics. Upon completion, students should be able to deploy a hand-coded website created with mark-up language, and effectively use and understand the function of search engines.
Course Hours: 50 hours (1: 3 ratios of class and lab). Semester Hours Credit: 4
LEARNING OUTCOMES:
Upon completing requirements for this course, the student will be able to:
- Know the historical development of internet and web technology
- Have a good idea of the career opportunities in web design
- Create web pages using HTML5.
- Create styles for web pages using Cascading Style Sheets (CSS).
- Develop a web site using HTML5 and CSS.
OUTLINE OF INSTRUCTION:
- Orientation on internet and website
- History of internet and the web
- Career prospective in web design
- Changing scenario of web development and design
- Market demand and recent development
- Structure
- Text
- Lists
- Links
- Images
- Tables
- Forms
- Extra Markup
- Flash, Video, and Audio
- Cascading Style Sheets (CSS)
- Color
- Text
- Boxes
- Lists, Tables, and Forms
- Layout
- Images
- HTML5 Layout
- Process and Design
WEB 02
INTRODUCTION TO WEB GRAPHICS
COURSE DESCRIPTION:
Prerequisites: None
Co-requisites: None
This course introduces the creation of web graphics, and addressing problems peculiar to WWW display using appropriate software. Topics include web graphics file types, optimization, RGB color, web typography, elementary special effects, transparency, animation, slicing, basic photo manipulation, and other related topics. Upon completion, students should be able to create graphics, such as animated banners, buttons, backgrounds, logos, and manipulate photographic images for Web delivery.
Course Hours: 50 hours (1: 3 ratios of class and lab). Semester Hours Credit: 4
STUDENT LEARNING OUTCOMES:
Upon successful completion of this course, the student will be able to
- Edit a photo
- Use selection tools
- Work with layers
- Draw and paint with color
- Enhance and repair photos
- Apply filters and patterns.
OUTLINE OF INSTRUCTION:
- Editing a Photo
- Start Photoshop and customize the Photoshop workspace
- Open a photo
- Resize a photo
- Print a photo
- Close a file
- Quit Photoshop
- Using Selection Tools
- Select objects using the marquee tools
- Move a selection
- Make transformation edits
- Add and subtract areas from selections
- Print to a PDF file
- Working with Layers
- Set layer properties
- Hide, view, and rearrange layers
- Create a new layer from another image or selection
- Resize a layer
- Create layer masks
- Create a layer style
- Drawing and Painting with Color
- Create a new file, starting with a blank canvas
- Apply a gradient background
- Choose colors using a variety of tools and dialog boxes.
- Use brushes to draw lines, shapes, and strokes
- Insert real images combined with drawn images
- Create a stroke layer
- Enhancing and Repairing Photos
- Convert an image to Grayscale mode
- Apply blending modes.
- Fill using Content-Aware.
- Repair documents with aging damage.
- Correct red-eye
- Remove or correct angle and perspective distortions.
- Applying Filters and Patterns
- Select colors using the Color panel.
- Use the Filter Gallery to create special effects.
- Retouch images with the Liquify filter.
- Create Smart objects.
- Adjust type.
- Convert to CMYK.
WEB 03
WEB MARKUP AND SCRIPTING
COURSE DESCRIPTION:
Prerequisites: WEB 01
Co-requisites: None
This course introduces Worldwide Web Consortium (W3C) standard client-side Internet programming using industry-established practices. Topics include JavaScript, markup elements, style-sheets, validation, accessibility, standards, and browsers. Upon completion, students should be able to develop hand-coded web pages using current markup standards.
Course Hours: 50 hours (1: 3 ratios of class and lab). Semester Hours Credit: 4
LEARNING OUTCOMES:
Upon completing requirements for this course, the student will be able to:
- Create dynamic web pages using the JavaScript scripting language
- Create dynamic web pages using the jQuery library
- Develop a website using JavaScript and JQuery.
- Create dynamic web pages using the jQuery library
OUTLINE OF INSTRUCTION:
- The ABC of Programming
- Basic JavaScript Instructions
- Functions, Methods, and Objects
- Decisions and Loops
- Document Object Model
- Events
- jQuery
- Ajax and JSON
- APIs
- Error Handling and Debugging
- Content Panels
- Filtering, Searching, and Sorting
- Form Enhancement and Validation
WEB 04
INTRO INTERNET MULTIMEDIA
COURSE DESCRIPTION:
Prerequisites: None
Co-requisites: None
This is the first of two courses covering the creation of Internet Multimedia. Topics include Internet multimedia file types, file type conversion, acquisition digital audio/video, streaming audio/video and graphics animation plug-in programs and other related topics. Upon completion, students should be able to create Internet multimedia presentations utilizing a variety of methods and applications.
Course Hours: 50 hours (1: 3 ratios of class and lab). Semester Hours Credit: 4
LEARNING OUTCOMES:
Upon successful completion of the course, the student will be able to:
- Identify the various image, audio, video and animation file types used in Internet Multimedia.
- Determine the appropriate file type and format for images, audio, video and animation used in web sites.
- Prepare images, audio and video for web use.
- Demonstrate proficiency in creating CSS3 animations for the web.
- Develop a web page that incorporates multimedia content.
OUTLINE OF INSTRUCTION:
- Introduction
- Survey of contemporary Internet Multimedia
- Preparation of Web Page to incorporate Multimedia Elements
- HTML5 Introduction
- CSS3 Introduction
- Multimedia Platforms and Browser Compatibility
- Imaging Technologies
- Image file formats: BMP, GIF, JPEG, and PNG
- Image file format conversion and optimization
- Audio Technologies
- Audio plug-ins
- Audio codes and standards
- Streaming
- Video Technologies
- Video plug-ins
- Video codes and standards
- Streaming Technologies
- CSS3 Animation
- Animation Overview
- Animated GIF’s
- SVG Animation
- JavaScript
- CSS3 Animation
- CSS3 Animations
- Border and Box Effects, Background images and Gradients
- CSS3 2D Transformations
- CSS3 3D Transformations
- CSS3 Transitions
- CSS3 Animations
- CSS3 Browser Support
- Publish CSS3 Animations to a website
- Web page Development Project
- Create and deploy a web page that features Multimedia elements
- Animation Overview
Web 05
MOBILE WEB DESIGN
COURSE DESCRIPTION:
Prerequisites: WEB 110 – INTERNET/WEB FUNDAMENTALS
Co-requisites: None
This course introduces students to web design for mobile devices. Topics include planning an effective mobile website, industry standard Mobile Markup Language, CSS3, multimedia, m-commerce, social media, testing and publishing. Upon completion, students should be able to plan, develop, test, and publish web content designed for mobile devices.
Course Hours: 50 hours (1: 3 ratios of class and lab). Semester Hours Credit: 4
STUDENT LEARNING OUTCOMES:
Upon successful completion of this course, the student will be able to:
a. Justify the need for and purpose of having a mobile presence.
b. Describe the different layouts and constraints to consider while designing mobile sites.
c. Comply with copyrights and licenses related to using commercial sources in mobile sites.
d. Implement the newest technologies in mobile design to build responsive mobile sites.
e. Identify and implement appropriate testing strategies for mobile sites.
OUTLINE OF INSTRUCTION:
- Beginning Jquery Mobile.
- Getting to Know Jquery Mobile.
- Working with HTML, CSS, and JavaScript.
- Using the Jquery Framework.
- Introduction to the Jquery Mobile Framework.
- Building Your First Mobile Site.
- Creating the User Interface.
- Knowing the Capabilities of Mobile Devices.
- Learning About Page Layout.
- Tuning the Toolbars.
- Designing Buttons.
- Formulating Your Forms.
- Learning About Lists.
- Handling Events.
- Changing the Default Theme.
- Customizing Your Content.
- Sprucing Up your Design.
- Responsive Site Layout.
- Rolling Your Own Theme with ThemeRoller.
- Detecting Mobile Devices.
- Extending the Mobile Experience.
- Embedding Video Playback for Mobile.
- Encoding Your Own Video for Mobile.
- Creating QR and Tag Codes.
- Learning to Minify Everything.
- Using Mobile Device Emulators.
- Building an App with PhoneGap and Jquery Mobile.
- Including Jquery Mobile with WordPress.
WEB 06
WEB DEVELOPMENT TOOLS
COURSE DESCRIPTION:
Prerequisite: None
Co-requisite: None
This course provides an introduction to web development software suites. Topics include the creation of web sites and applets using web development software. Upon completion, students should be able to create entire web sites and supporting applets.
Course Hours: 50 hours (1: 3 ratios of class and lab). Semester Hours Credit: 4
LEARNING OUTCOMES:
After successful completion of this course, the student will be able to:
- Create web pages using industry standard web development software;
- Apply syntax rules of HTML and CSS;
- Insert images and videos into a web pageusing industry standard web development software;
- Create web pages with tables, forms, styles and stylesheets (CSS) using industry standard web development software;
- Create a fully developed website;
- Create interactive web forms using industry standard web development software;
OUTLINE OF INSTRUCTION:
I. Understanding Website Design
A. Planning and Designing a Website
B. Intro to Fundamentals of HTML
C. Understanding CSS
II. Creating a Webpage in Dreamweaver
A. Creating Your First Webpage
B. Adding HTML Content
C. Creating a Local Site in Dreamweaver
III. Styling the Content
- Styling Content with CSS
- Creating a Layout with CSS
- Exporting images from Photoshop
- Adding and Manipulating Images
IV. Adding Navigation and Pages
A. Adding Links
B. Creating Navigation
C. Building Transitions with Navigation
D. Adding Multiple Pages
V. Creating a Flexible “Responsive” Layout
A. Adding Media Queries
B. Creating Layouts for Phone and Tablet Devices
VI. Adding Media
A. Implementing an Edge Animate composition
B. Implementing Video
C. Adding Social Media
VII. Creating a Contact Form
A. Adding Input Fields
B. Sending Contact Form Content
VIII. Testing and Uploading
A. Testing the Website
B. Optimizing for Search Engines
C. Uploading the Site
IX. Building Your Own Website Using This Model
A. Design and Plan Your Website
B. Develop a Layout and Images
C. Code Your Website
D. Upload and Test Your Website
Semester 2
WEB 07
MOBILE APPLICATION DEVELOPMENT
COURSE DESCRIPTION:
Prerequisites: None
Co-requisites: None
This course introduces students to programming technologies, design and development related to mobile applications. Topics include accessing device capabilities, industry standards, operating systems, and programming for mobile applications using an OS Software Development Kit (SDK). Upon completion, students should be able to create basic applications for mobile devices.
Course Hours per Week: Class, 2. Lab, 2. Semester Hours Credit, 3.
LEARNING OUTCOMES:
Upon completing requirements for this course, the student will be able to:
- Create a mobile application using the Swift programming language
- Debug a mobile application written in the Swift programming language
- Test a mobile application written in the Swift programming language
.
OUTLINE OF INSTRUCTION:
- Getting to know the lab environment
- Writing Our First App
- The xCode Playground
- Variables and Constants
- An Introduction to Swift (up to Classes and Structures)
- A Simple User Interface
- Decision Structures
- Loops
- Functions
- Classes, Structures, and Arrays
- User Interactions
- Text Editing
- Number formats
- Delegation
- Advanced UI Interactions – View Controllers
- Setting Up View Controllers
- TabBarController Revised
- Loaded and Appearing Views
- Interacting with View Controllers
- More about Swift
- Enumerations and Switch
- Using Apple Documentation
- Two page Apps, and UINav
- Graphics and Camera
- Displaying images
- Animation Effects with Images
- Saving an Image
- Final Project
WEB 08
WEB DESIGN
COURSE DESCRIPTION:
Prerequisites: WEB 110
Co-requisites: None
This course introduces intermediate to advanced web design techniques. Topics include customer expectations, advanced markup language, multimedia technologies, usability and accessibility practices, and techniques for the evaluation of web design. Upon completion, students should be able to employ advanced design techniques to create high impact and highly functional websites.
Course Hours per Week: Class, 2. Lab, 2. Semester Hours Credit, 3.
LEARNING OUTCOMES:
Upon completing requirements for this course, the student will be able to:
A. Create web pages using HTML5 and CSS following industry standard web design techniques.
B. Design web sites to meet strategic goals.
C. Create accessible and responsive web sites.
OUTLINE OF INSTRUCTION:
I. HTML5 and CSS
A. Basic web page code and style review
II. Foundations of Responsive Design
A. History and Reasons for Responsive Resign
B. Responsive Content Strategy
III. Creating Responsive Websites
A. Page Structure, Viewport, Clean Semantic HTML
B. CSS for Responsive Sites
C. The CSS Cascade
IV. Multi-Device Layout & Media Queries
A. The Box Model
B. Fluid Page Measurements
C. Review Static, Relative, Absolute, Fixed
& Float Positioning
D. New Strategies: Inline-Block, CSS Shapes, CSS Grid
E. Selecting Media Query Breakpoints
F. Responsive Images
V. Responsive Workflow
A. Strategy & Planning
B. Layout & Prototypes
C. Mobile First
D. Responsive Design Tools
E. User Experience
F. Device Agnostic Design
G. Touch
H. Accessibility
VI. Responsive Design Features
A. Typography
B. Navigation and Header Layout
C. Performance
VII. Responsive Website Production
A. Plan & Produce Content
B. Design & Prototype
C. Code & Style
D. Post Website Online
WEB 09
ADVANCED MARKUP AND SCRIPTING
COURSE DESCRIPTION:
Prerequisites: WEB 03
Co-requisites: None
This course covers advanced programming skills required to design Internet applications. Emphasis is placed on programming techniques required to support Internet applications. Upon completion, students should be able to design, code, debug, and document Internet-based programming solutions to various real-world problems using an appropriate programming language.
Course Hours per Week: Class, 2. Lab, 2. Semester Hours Credit, 3.
LEARNING OUTCOMES:
Upon completing requirements for this course, the student will be able to:
A. Design a web-based programming solution using an appropriate programming language.
B. Create a web-based programming solution using an appropriate programming language.
C. Debug a web-based programming solution using an appropriate programming language.
OUTLINE OF INSTRUCTION:
I. Introduction
A. Introducing the Node.js-to-AngularJS Stack
B. JavaScript Primer
II. Learning Node.js
- Getting
- Started with Node.js
- Using Events, Listeners, Timers, and Callbacks in Node.js
- Handling Data I/O in Node.js
- Accessing the File System from Node.js
- Implementing HTTP Services in Node.js
- Implementing Socket Services in Node.js
- Scaling Applications Using Multiple Processors in Node.js
- Using Additional Node.js Modules
- Started with Node.js
III. Learning MongoDB
A. Understanding NoSQL and MongoDB
B. Getting Started with MongoDB
C. Getting Started with MongoDB and Node.js
D. Manipulating MongoDB Documents from Node.js
E. Accessing MongoDB Documents from Node.js
F. Using Mongoose for Structured Schema and Validation
G. Advanced MongoDB Concepts
IV. Using Express to Make Life Easier
A. Implementing Express in Node.js
B. Implementing Express Middleware
V. Learning AngularJS
A. Getting Started with AngularJS
B. Understanding AngularJS Modules and Dependency Injection
C. Implementing the Scope as a Data Model
D. Using AngularJS Templates to Create Views
E. Implementing Directives in AngularJS Views
F. Implementing AngularJS Services in Web Applications
VI. Building Practical Web Application Components
A. Adding User Accounts to Your Website
B. Adding Comment Threads to Pages
C. Creating Your Own Shopping Cart
D. Building Interactive Web 2.0 Application Components
WEB 10:
DATABASE DRIVEN WEBSITES
COURSE DESCRIPTION:
Prerequisites: None
Co-requisites: None
This course introduces dynamic (database-driven) website development. Topics include the use of basic database CRUD statements (create, read, update and delete) incorporated into web applications, as well as in software architecture principles. Upon completion, students should be able to design and develop database driven web applications according to industry standards.
Course Hours per Week: Class, 2. Lab, 2. Semester Hours Credit, 3.
LEARNING OUTCOMES:
Upon completing requirements for this course, the student will be able to:
A. Create server-side scripts that perform CRUD operations.
B. Demonstrate use of Integrated Development Environments.
C. Explain Client-Server architecture and the Model-View-Controller (MVC) design pattern.
OUTLINE OF INSTRUCTION:
I. Course Overview & Web Architecture
A. Motivation
B. Review how the Web Works, Nomenclature
C. Review Client Server Architecture
II. Intro to Python with Django
A. Installing Software, Virtual Environments
B. Review Programming Basics, Python v.PHP
C. Lists, Dictionaries, Tuples
D. Catching Errors with Exceptions
E. Intro to Classes, Packages, Modules
III. MVC Design and Django Overview
A. Model, View, Controller Architecture
B. Django’s Model, Template, View Architecture
C. Design Best Practices
D. Building a Django App
IV. Django Model and Templates
A. The Pages Model
B. Admin Site
C. Template Settings
D. Static Files
E. Base.html and main.css
F. Pages Template
V. Django View, Navigation, and Forms
A. Rewriting the View
B. Improving the Templates
C. Creating Forms: Template and View
D. Testing
VI. A Real Working Django Site
A. Build an app from Tutorial
B. Design and build your own simple app
VII. Class Project – Building a Website
- Large project issues, User Management, backups
- Using GitHub and App Deployment
- Applying MVC Design
- Writing the Specification Document
- Documenting Code and Best Practices
WEB 11
Specialized Studies of WordPress
COURSE DESCRIPTION:
Prerequisites: Nil
Co-requisites: Nil
This course introduces widely used WordPress platform for dynamic and interactive blog and web design. Since WordPress is powering more than 68% websites worldwide in 2018, a specialized study is highly recommended. After completion of the course, the learners can able to build interactive WordPress blogs and website with ease.
Course Hours: 50 hours (1: 3 ratios of class and lab). Semester Hours Credit: 4
- Major CMS
- WordPress
- Drupal
- Joomla
- Other
II. WordPress Blog and Website
- Different between wordpress.com and wordpress.org
- Power of wordpress.org
- WordPress Blogs & Websites
- Creating WordPress Blog
- Installing WordPress Themes
- WordPress Plug-ins,
- Widgets
- Using the WordPress Dashboard
- WordPress Blogs & Websites
- Creating pages / page title & body text
- Draft vs. Publishing Blogs
- WorPress Setting
- Like, Rating, Comment and Share
WEB 12
Search Engine Optimization (SEO)
COURSE DESCRIPTION:
Prerequisites: WEB 01, 06, 11
Co-requisites: Nil
This course provides complete training in SEO. After completion of the course the learner can start practicing as an SEO professional
Course Hours: 50 hours (1: 3 ratios of class and lab). Semester Hours Credit: 4
- Types of Digital Marketing
- SEO
- SMO
- PPC & SEM
- SMM
- E-mail Msarketing
- Affiliation Marketing
- Mobile Marketing
- Game and Application Marketing
- Other
- Search Engines
- Yahoo
- Bing
- Other
- How the Search Engines Work
- Understanding the SERP
- How the Search Engines Work
- Using Search Operators
- Google Search Engine Architecture
- On-Page Optimization
- Filename Optimization
- Title Tag Optimization
- Meta Tags Optimization
- Headers Optimization
- SEO Content Writing
- Internal Link Strategy
- Introduction to Keyword Research
- Business Analysis
- Types of Keywords
- Keyword Research Methodology
- Types of Linking Methods
- Free Links / Paid Links
- Directory Submissions for SEO
- WordPress SEO
- Installing Plugin
- Activating Plugin
- Putting relevant tags
Learning Resources
Web Designer’s Guide to WordPress: Plan, Theme, Build, Launch, by Jesse Friedman. ISBN#978-0-321-83281-8
Letting Go of the Words: Writing Web Content that Works, 2nd Edition, by Janice (Ginny) Redish. ISBN# 978-0-12-385930-3
Beginners’ Guide to Web Design and SEO on Marketvivo.