Học HTML5/CSS3, BOOTSTRAP 4 và học cắt Web từ file thiết kế
Bài giảng: 179 bài học/ 27 giờ 06 phút Học viên đăng ký: 47 Giá gốc: 700,000 VNĐ Ưu đãi còn: 420,000 VNĐ |
Bài giảng: 179 bài học
Thời lượng: 27 giờ 06 phút
Học viên đăng ký: 47
Giá gốc: 700,000 VNĐ
Ưu đãi còn: 420,000 VNĐ (giảm 40% áp dụng đến ngày 24/11)
Giới thiệu khóa học
Bạn bắt đầu làm quen và biết đến cắt web, thiết kế website?
Bạn yêu thích những công việc đầy sáng tạo, ý tưởng mới lạ cắt, thiết kế web?
Công việc của bạn đòi hỏi bạn cần biết bắt web, xử lý thông tin, trình bày các nội dung trên web?
Bạn cần học thêm những kiến thức cơ bản nhất về cắt, thiết kế web để phục vụ cho công việc của mình, cũng như có thêm cơ hội thăng tiến, kiếm thêm thu nhập cho bản thân?
Bạn mới chỉ biết về cắt, thiết kế web chứ không thành thạo và biết các công cụ xử dụng trong cắt web?
Tất cả những khó khăn đó của bạn sẽ được giải quyết nhanh chóng, ngay lập tức khi bạn tham gia khóa. Khóa học sẽ giúp bạn cải thiện và nâng cao ngay lập tức trình độ cắt web, sử dụng công cụ tác nghiệp trên website. Đặc biệt, đây là khóa học dành cho những người mới bắt đầu, cơ bản từ con số 0 về thiết kế website.
Giảng viên Nguyễn Đức Việt sẽ cùng với Học viên Online Unica.vn mang đến cho các bạn một khóa học “Học HTML5/CSS3, BOOTSTRAP 4 và học cắt Web từ file thiết kế” với 13 phần giúp các học viên biến những kĩ năng cắt web trở lên đơn giản vô cùng. Khóa học cung cấp cho học viên đầy đủ những kỹ năng cắt web từ cơ bản đển nâng cao. Trong quá trình học, học viên cũng được thực hành cắt web cụ thể trên các trang báo như: vnexpress, dantri, kenh14, baomoi, vietnamnet.vn,…
Các bạn sẽ được rèn luyện thành thục tất cả các kỹ năng cắt web được sử dụng nhiều nhất hiện nay, sử dụng bootstrap 4 – công cụ lập trình HTML front end mới nhất đang được nhiều đơn vị web lựa chọn. Cùng rất nhiều những tính năng cắt web tối ưu, đảm bảo sản phẩm đẹp các sử dụng font icon và làm các hiệu ứng hover trực tiếp trên web,…
Trình độ cắt web của bạn sẽ được “nâng cấp” khiến bạn không hỏi bất ngờ. Bạn không chỉ thỏa mãn được đam mê của mình, thỏa sức sáng tạo với các hiệu ứng và kĩ năng cắt web, mà còn mở thêm nhiều cơ hội để thăng tiến trong công việc và thể hiện trình độ chuyên môn của mình.
Lợi ích khóa học
-
Nắm chắc kiến thức cơ bản về và 2 phần mềm cần thiết cho cắt web là css và html
-
Thực hành cắt web với 2 phần mềm chuyên dụng css và html trên các địa chỉ website lớn như: kenh14.vn, vietnamnet.vn, docbao.vn, marry.vn, giadinh.net,…
-
Hiểu rõ về các thuộc tính trong css: thuộc tính absolute và relative,thuộc tính fle,.. và thực hành trên các web cụ thể, để thành thục công cụ.
-
Hiểu rõ về bootstrap 4, các thành phần của bootstrap, cài đặt cũng như thực hành cắt web với bootstrap.
-
Học cắt web từ file thiết kế photoshop với các giao diện ILLUSTRATE, pix
-
Kỹ năng cắt web với sản phẩm bán chạy trên themeforest : thefox
- Thành thạo các kỹ năng, hiệu ứng, phương pháp cắt web chuyên nghiệp như các website lớn.
Đối tượng đào tạo
-
Dành cho tất cả mọi người
-
Những người chưa biết gì về thiết kế website
-
Người yêu thích về cắt web và biên tập website
- Người làm về website
Nội dung khóa học
Phần 1 : Giới thiệu và các phần mềm cần thiết
Phần 2 : Các kiến thức cơ bản
- Bài 3Giới thiệu các thẻ HTML cần thiết cho cắt web - TẬP 115:44
- Bài 4Giới thiệu các thẻ HTML cần thiết cho cắt web - TẬP 209:20
- Bài 5Giới thiệu các thẻ HTML cần thiết cho cắt web - TẬP 306:45
- Bài 6Các thuộc tính css09:50
Phần 3 : Học cách cắt web qua từng bài tập
- Bài 7Áp dụng thuộc tính đã học chữa bài 1 Kênh 1421:04
- Bài 8Áp dụng thuộc tính đã học chữa bài 2 Kênh 14 - Tập 110:06
- Bài 9Áp dụng thuộc tính đã học chữa bài 2 Kênh 14 - Tập 208:39
- Bài 10Giới thiệu về class và ID trong CSS14:32
- Bài 11Luyện tập về class và ID tập 118:06
- Bài 12Luyện tập về class và ID tập 208:18
- Bài 13Luyện tập về class và ID tập 308:40
- Bài 14Luyện tập về class và ID tập 411:04
- Bài 15Cách load và sử dung font mới 09:42
- Bài 16Sử dụng font icon và cách làm hiệu ứng hover 16:49
- Bài 17Chữa bài Megafun.vn - tập 110:08
- Bài 18Chữa bài Megafun.vn - tập 215:55
- Bài 19Chữa bài ione.vnexpress.net 07:45
- Bài 20Chữa bài docbao.vn - Tập 110:05
- Bài 21Chữa bài docbao.vn - Tập 209:48
- Bài 22Chữa bài docbao.vn - Tập 310:29
- Bài 23Chữa bài vietnamnet.vn- Tập 108:39
- Bài 24Chữa bài vietnamnet.vn- Tập 209:17
- Bài 25 Chữa bài marry.vn - Tập 109:46
- Bài 26 Chữa bài marry.vn - Tập 207:35
- Bài 27 Chữa bài marry.vn - Tập 326:29
- Bài 28 Chữa bài marry.vn - Tập 411:03
- Bài 29Chữa bài giadinh.net02:12
- Bài 30Chữa bài saga.vn - Tập 121:16
- Bài 31Chữa bài saga.vn - Tập 207:39
Phần 4 :Các thuộc tính chia layer trong css
- Bài 32Giới thiệu về thuộc tính absolute và relative12:09
- Bài 33Giới thiệu về thuộc tính flex - Tập 109:54
- Bài 34Giới thiệu về thuộc tính flex - Tập 216:34
- Bài 35Luyện tập về thuộc tính flex - Tập 109:00
- Bài 36Luyện tập về thuộc tính flex - Tập 231:29
- Bài 37Luyện tập absolute với website guu-vn - Tập 108:44
- Bài 38Luyện tập absolute với website guu-vn - Tập 210:05
- Bài 39Luyện tập absolute với website guu-vn - Tập 308:42
- Bài 40Luyện tập absolute với website guu-vn - Tập 409:28
- Bài 41Luyện tập absolute với website guu-vn - Tập 511:22
- Bài 42Chữa bài 1 absolute Usatoday - Tập 109:50
- Bài 43Chữa bài 1 absolute Usatoday - Tập 205:59
- Bài 44Thực hành absolute với website tiin-.vn - Tập 105:17
- Bài 45Thực hành absolute với website tiin-.vn - Tập 207:24
- Bài 46Luyện tập về thuộc tính chia layer với udemy.com30:04
- Bài 47Kết hợp absolute với transition17:48
- Bài 48Thuộc tính background attachment25:21
- Bài 49Thuộc tính animation - tập 109:00
- Bài 50Thuộc tính animation - tập 209:07
- Bài 51Áp dụng chia layer và hover transition để làm hiệu ứng08:29
- Bài 52Kết hợp thuộc tính absolute, transition và flex - Tập 1 08:28
- Bài 53Kết hợp thuộc tính absolute, transition và flex - Tập 209:05
- Bài 54Kết hợp thuộc tính absolute, transition và flex - Tập 306:21
- Bài 55Kết hợp thuộc tính absolute, transition và flex - Tập 409:11
- Bài 56Kết hợp absolute và hover transition - Tập 131:00
- Bài 57Kết hợp absolute và hover transition - Tập 210:42
- Bài 58 Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 109:32
- Bài 59 Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 206:32
- Bài 60 Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 304:41
- Bài 61 Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 404:41
- Bài 62Tổng kết phần html - css và giới thiệu kiến thức mới07:04
Phần 5 : Giới thiệu bootstrap 4 và cài đặt
- Bài 63Giới thiệu về bootstrap 410:56
- Bài 64Cài đặt bootstrap - tập 1 08:43
- Bài 65Cài đặt bootstrap - tập 206:37
- Bài 66Thành phần grid trong bootstrap - Tập 1 20:51
- Bài 67Thành phần grid trong bootstrap - Tập 209:41
- Bài 68Giới thiệu về responsive12:41
Phần 6 :Bắt đầu học bootstrap
- Bài 69Giới thiệu về alert 11:12
- Bài 70Giới thiệu về breadcrumb05:38
- Bài 71Giới thiệu về button09:32
- Bài 72Phương pháp học bootstrap04:04
- Bài 73Giới thiệu về checkbox và radio button08:29
- Bài 74Giới thiệu về dropdown menu17:15
- Bài 75Giới thiệu về thành phần mới so với BS3: Card layout12:02
- Bài 76Giới thiệu về thành phần card deck05:25
- Bài 77Giới thiệu về thành phần card group04:17
- Bài 78Giới thiệu về thành phần card column07:29
- Bài 79Giới thiệu về thành phần carousel06:29
- Bài 80Giới thiệu về thành phần collapse06:29
- Bài 81Giới thiệu về thành phần form10:46
- Bài 82Tổng kết và phương pháp cắt HTML/CSS dựa trên bootstrap10:33
Phần 7 : Học bootstrap qua từng bài tập
- Bài 83Thành Phần menu trong bootstrap14:23
- Bài 84Thành phần spacing trong bootstrap11:36
- Bài 85Thành phần căn chỉnh trong bootstrap05:49
- Bài 86Sử dụng card layout để tạo thông tin04:40
- Bài 87Tóm tắt kiến thức04:23
- Bài 88Giới thiệu bài tập tạo website với bootstrap 02:12
- Bài 89Sử dụng navbar collapse08:26
- Bài 90Sử dụng jumbotron07:12
- Bài 91Thực hành Bootstrap 4 với card deck layout08:27
- Bài 92Viết hiệu ứng scroll bằng jquery06:27
- Bài 93Tổng kết kiến thức05:25
- Bài 94Giới thiệu website02:58
- Bài 95Tạo menu responsive thế nào04:23
- Bài 96Tạo hiệu ứng slide theo website13:37
- Bài 97Hoàn thiện website09:35
- Bài 98Tổng kết website và kiến thức học được03:32
- Bài 99Tóm tắt kiến thức - tập 103:28
- Bài 100Tóm tắt kiến thức - tập 203:28
- Bài 101Tạo menu và carosel bằng phím tắt07:29
- Bài 102Tinh chỉnh và hoàn thiện menu12:58
- Bài 103Xử lý phần khoảng cách cho menu bằng css07:09
- Bài 104Xử lý phần nội dung cho carousel caption09:38
- Bài 105Phương pháp xử lý responsive trong BS414:54
- Bài 106Xử lý căn chỉnh nội dung bằng row trong row08:18
- Bài 107Tinh chỉnh phần nội dung chính xác bằng css12:37
- Bài 108Xử lý khối thông tin website chứa facebook button06:29
- Bài 109Hoàn thiện khối thông tin website với css06:14
- Bài 110Hoàn thiện footer09:34
Phần 8 : Học bootstrap qua việc làm theme bootstrap: creative theme
- Bài 111Creative theme - bước chuẩn bị 04:42
- Bài 112Creative theme - tạo khung html - tập 1 08:44
- Bài 113 Creative theme - tạo khung html - tập 206:50
- Bài 114Creative theme - tạo css cho phần menu trên - tập 108:27
- Bài 115Creative theme - tạo css cho phần menu trên - tập 207:09
- Bài 116Creative theme - tạo css cho phần banner - tập 1 08:45
- Bài 117Creative theme - tạo css cho phần banner - tập 205:07
- Bài 118Velocity theme - xử lý responsive - tập 107:16
- Bài 119Velocity theme - xử lý responsive - tập 204:05
- Bài 120Creative theme - xử lý khối giới thiệu 08:50
- Bài 121Creative theme - xử lý phần chia cột - tập 105:05
- Bài 122Creative theme - xử lý phần chia cột - tập 205:55
- Bài 123Creative theme - xử lý khối sản phẩm - tập 109:50
- Bài 124Creative theme - xử lý khối sản phẩm - tập 208:02
- Bài 125Creative theme - xử lý hiệu ứng jquery 08:06
Phần 9 : Học bootstrap qua việc làm theme bootstrap:VELOCITY THEME
- Bài 126Velocity theme - bắt đầu với menu 08:29
- Bài 127Velocity theme - tạo banner 07:01
- Bài 128Velocity theme - tạo css cho phần logo - tập 1 06:34
- Bài 129Velocity theme - tạo css cho phần logo - tập 206:44
- Bài 130Velocity theme - tạo css cho menu responsive - tập 106:36
- Bài 131Velocity theme - tạo css cho menu responsive - tập 204:57
- Bài 132Velocity theme - tạo css cho menu responsive - tập 308:11
- Bài 133Velocity theme - tạo css cho phần banner responsive 08:11
- Bài 134Velocity theme - tạo phần dịch vụ - tập 1 07:20
- Bài 135Velocity theme - tạo phần dịch vụ - tập 209:12
- Bài 136Velocity theme - xử lý hiệu ứng slide - tập 107:12
- Bài 137Velocity theme - xử lý hiệu ứng slide - tập 205:47
- Bài 138Velocity theme - hiệu ứng jquery - tập 105:47
- Bài 139Velocity theme - hiệu ứng jquery - tập 208:02
Phần 10 : Học cắt web từ file thiết kế photoshop
- Bài 140Giới thiệu phần mềm photoshop 05:15
- Bài 141Bước chuẩn bị cho cắt web09:13
- Bài 142Sử dụng bootstrap tạo khung menu04:18
- Bài 143Tạo css cho menu trên màn hình desktop 08:57
- Bài 144Tạo css cho menu trên màn hình iphone04:08
- Bài 145Tạo khung html cho slide banner06:37
- Bài 146Tạo css cho slide banner - tập 111:42
- Bài 147Tạo css cho slide banner - tập 208:31
- Bài 148Tạo khung html cho khối dịch vụ05:27
- Bài 149Tạo css cho khối dịch vụ07:51
- Bài 150Hướng dẫn xử lý các phần khác của giao diện01:45
Phần 11 : Cắt web từ file photoshop - Giao diện ILLUSTRATE
- Bài 151Phần chuẩn bị03:09
- Bài 152Xử lý css cho phần top header06:15
- Bài 153Xử lý css cho phần menu trên 12:40
- Bài 154Tạo khung HTML cho phần banner03:17
- Bài 155Xử lý css cho phần banner 11:26
- Bài 156Xử lý phần html cho khối thông tin 03:06
- Bài 157Xử lý css cho phần khối thông tin04:42
- Bài 158Xử lý html cho khối sản phẩm05:06
- Bài 159Xử lý css cho khối sản phẩm12:15
Phần 12 : Cắt web từ file thiết kế photoshop - giao diện pix
- Bài 160Bước chuẩn bị 02:00
- Bài 161Xử lý phần html cho phần logo và menu 05:33
- Bài 162Xử lý phần html cho phần logo và menu 13:03
- Bài 163Xử lý html cho phần banner 07:09
- Bài 164Xử lý css cho phần banner 12:09
- Bài 165Xử lý html cho khối 3 dịch vụ 05:22
- Bài 166Xử lý css cho phần 3 dịch vụ11:59
- Bài 167Tóm tắt các làm cho phần còn lại của giao diện01:38
Phần 13 : Cắt web với sản phẩm bán chạy trên themeforest : thefox
- Bài 168Cắt web thefox- bước chuẩn bị 06:17
- Bài 169Cắt web thefox - tạo khung html cho topheader06:02
- Bài 170Cắt web thefox - tạo css cho phần topheader16:20
- Bài 171Tạo html cho phần menu07:34
- Bài 172Cắt web thefox - tạo css cho phần menu11:41
- Bài 173Cắt web thefox - tạo css cho menu trên iphone04:12
- Bài 174Cắt web thefox- tạo khung html cho banner09:42
- Bài 175Cắt web thefox- tạo css cho phần banner13:08
- Bài 176Cắt web thefox - tạo html cho phần giới thiệu06:09
- Bài 177Cắt web thefox - tạo css cho phần giới thiệu08:26
- Bài 178Cắt web thefox - hướng dẫn xử lý các phần còn lại03:31
- Bài 179Tổng kết khóa học01:38
Quyền lợi học viên
Được học đi học lại, học mọi lúc mọi nơi
Được đặt câu hỏi cho giảng viên, trao đổi cùng các học viên khác trong phần "thảo luận" khóa.
Được giảng viên hỗ trợ trực tiếp thông qua nhóm Facebook, giao lưu cùng những học viên khác trên nhóm.
Giảng viên có thể tổ chức các buổi giao lưu trực tuyến hoặc trực tiếp
Được hoàn trả 100% học phí nếu nội dung khóa học không như mong đợi
Đã có 47 học viên đăng ký học khóa này (cập nhập ngày 21/11/2024)
Giá gốc: 700,000 VNĐ
Ưu đãi còn: 420,000 VNĐ (giảm 40% áp dụng đến ngày 24/11)