The syllabus covers web design topics over 24 classes, including HTML tags, CSS properties, responsive design, and integrating third party tools. Students will learn to structure pages with HTML, style pages with CSS, convert Photoshop designs to HTML, and develop a sample website project. The class also introduces tools like Bootstrap, custom fonts, and social media integrations.
3. By
Md Afzal Hossain
Follow me on fb
09 Project start
10 Project continue with new codes
11 Project continue with new codes
12 Project continue with new codes
13 Project continue with new codes
14 Responsive
15 Twitter bootstrap
16 HTML 5 Boilerplate ; font awesome ; Twitter bootstrap
17 Adobe Photoshop
18 Adobe Photoshop repeat
19 PSD to HTML
20 PSD to HTML
21
PSD to HTML ; Uses of custom font & google font;
CSS:
@font-face ;
22 Audio ; Video ; iframe ; facebook like box / button ; facebook share
button ; facebook comment box ;
23 oDesk
24 People per hour ; fiver ; freelancer ;
![05
Repeat table
CSS:
opacity: ;
Selector grouping & nesting ;
CSS comment (Why use comment) ;
Cross Browser Compatibility ;
Vendor prefix ( -moz- ; -webkit- ; -ms- ; -o- ; )
Border-image: ;
06
<header> ; <nav> ; <aside> ; <article> ; <footer> ; <section> ; <div> ;
CSS:
height: ; width: ; max-height: ; min-height: ;
line-height: ; border-radius: ; clear: ; overflow: ; box-shadow: ; text-
shadow: ; float: ; Gradient color;
07 <form> ; <input> ; <button> ; <label> ; <select> ; <option> ;
<optgroup> ;
<textarea> ;
<input type=”button / checkbox / radio / date / time / email / number
/ password / tel / text / url / submit / file / search / reset……etc”
placeholder="" required >
CSS:
input[type="text"]{}
08 Menu ; Dropdown menu
CSS:
hover ;
text-transform: ; text-decoration: ; list-style: ; list-style-image: ;
transition: ; top: ; left: ; position: ;
a:visited ; a:hover ; a:active ;](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)