Monday, October 23, 2017
bsdi facebook  bsdi twitter  bsdi linkedin  bsdi youtube bsdi google plus

moto

Daffodil Education Network

Admission Going On for the session 2017-18 in Diploma in Computer, Electrical, Civil, Textile, Garments Design & Pattern Making & Medical Technology, Dental,Pathology, Pharmacy

Web Design & Development

Preface about the Course:

Design, develop, and maintain standards-based dynamic websites and applications with Dreamweaver, HTML, HTML5, CSS, CSS3, JavaScript, PHP, MYSQL Database. Build world-class dynamic websites and applications for cross browser (for any devices ). You will learn Basic level PHP programming, and how to execute scripts on your server. Database & Relation of Database will be discussed. Also you will learn Bootstrap framework for mobile version.

Target Group (who can attend):

Any IT and none IT persons

 

How participant will benefit after the course:

This course will enable participants to design dynamic web site and application using Dreamweaver, CSS, JavaScript, PHP, MYSQL. 

• Learn Responsive Web Design. 

• Learn Design for mobile version

• How to upload application to the production server and run.

• Run PHP code from the server

• Relational database design.

• Discuss related topic with already developed various website and odesk jobs.

• Minimum five practical projects.

Topics to be covered:

Lesson: 01 (Dreamweaver Basics & HTML)

Introducing Dreamweaver , Elements, Attributes, Table, List, Forms, Formatting, Styles, Image, Hyperlinks. Head, Meta, Scripts, Layout, Fonts, URL- encode and Html Web server.

Discuss related topic with already developed various website for the various kind of organization

 

Lesson: 02 (Understanding CSS & CSS Rules)

• About CSS 
• Creating a Rule Set 
• Using Multiple Declarations 
• Combining Selectors 
• Using Shorthand Properties & Shorthand Borders 
• Using Shorthand Margins and Padding

Discuss related topic with already developed various website for the various kind of organization

Lesson: 03 (Selectors in Action & Applying Styles)

• Type, Class & ID Selectors 
• Descendant & Universal Selectors 
• Advanced Selectors 
• Applying Inline Styles 

Discuss related topic with already developed various website for the various kind of organization

Project-1: Using HTML & CSS

 

Lesson: 04 (CSS Box Model, Adding Background Images & Formatting Text)

• Using Header Styles & External Style Sheets 
• @import Styles 
• Hiding Styles from Older Browsers

Understanding Inline and Block Level Elements 
• Setting Box Width 


Discuss related topic with already developed various website for the various kind of organization

Lesson: 05 (Styling Heading)

• Margins, Padding, Border 
• Content Area 
• Adding Background Images 
• Removing Font Elements 
• Creating the Selectors 


Discuss related topic with already developed various website for the various kind of organization

Project-2: Using HTML & CSS


Lesson: 7 (
 Creating a Photo Gallery)

• Creating a Photo Gallery 
• Creating a Thumbnail Gallery 
• Styling a Block Quote 
• Styling the source Class 
• Creating a Variation


Discuss related topic with already developed various website for the various kind of organization

Project-3: Using HTML, CSS & JavaScript

 

Lesson: 06 (Styling Heading)

• Styling a Flexible Heading 
• Styling a Round-Cornered Heading 
• Styling Links 
• Positioning an Image and Its Caption 


Discuss related topic with already developed various website for the various kind of organization

 

Lesson: 8 (Introduction to JavaScript)

• About JavaScript 
• JavaScript Program 
• Data Types and Variables 
• Setting Up Your Browser for Errors 
• Array, Date, Math, and Type-Related Objects

Lesson: 9 (Web JavaScript Decisions, Loops)
• Decision Making—the if and switch Statements 
• Looping—the for and while Statements 
• Functions
 

Lesson: 10 ( JavaScript Object)
• JavaScript Object Models 
• The Standard Document Object Model 
• Event Handling

Lesson: 11(Form Handling)
• Controlling Windows and Frames 
• Handling Documents 
• Form Handling
 

Lesson: 12 ( Dynamic Effects)
• Dynamic Effects: Rollovers, Positioning, and Animation 
• Navigation and Site Visit Improvements 
• Browser and Capabilities Detection

 

Lesson:13 (Project-4)
Build an industrial oriented project.

 

 

Lesson: 14 (HTML5)

Introduction, New Elements, Semantic, Input Types.

Lesson:15 (HTML5)
Form Elements, Form Attributes ,Canvas, SVG , Video, Audio.
 

Lesson: 16 (HTML5)

Continue...

Lesson:17(CSS3)
CSS3 as a Designer’s Tools, The Format of CSS3, Modifying Elements with CSS3, Creating Class Styles, Using Pseudo Class Styles and Pseudo
 

Lesson:18 (CSS3)
Working with Columns in CSS3, Using CSS3 to Control Visual Display, Multiple Background Objects, Adding Rounded Corners to Layers.

Lesson: 19(CSS3)

Elements. Designing your own Web Page with CSS3, Controlling Font and Embedding Fonts using CSS3, Color Control for Fonts, Adding Drop Shadow Text Effects.

Responsive Web design for any device(PC, Mobile, Tab)

 

Lesson: 20 (CSS3)

 Creating Animation with CSS3, Applying CSS3 to Your Web Design.Creating a Menu with CSS3, Designing with CSS3.

Lesson: 21(Responsive Design)

Introduction about Bootstrap Framework.

 

Lesson: 22(Responsive Design)

Creatre web site using Bootstrap Framework.

Lesson:23 (PHP Basic)
• About PHP 
• About MySQL 
• Advantage of using PHP for web development 
• PHP Installation 
• PHP Syntax & PHP Variable

 

Lesson:25 (Final Project)
Project -1: A Real life project using PHP, MYSQL, HTML, CSS, Javascript.
Project -2: A Real life project using PHP, MYSQL & Bootstrap framework

 

Lesson: 24(Database Basic Mysql) 
Indroduction, Insert, Update, Delete.

 


 Fees