Khóa Học Kế Toán Excel Tổng Hợp & Thực Hành
Khóa Học Lập Trình Winform Với C++

Khóa Học Cắt Web Từ File Thiết Kế – CSS & HTML

Khóa Học Cắt Web Từ File Thiết Kế – CSS & HTML
5 (100%) 1 vote

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
  • Bài 1Cài đặt 2 phần mềm cần thiết13:47
  • Bài 2Giới thiệu khóa học12:11
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ới09:42
  • Bài 16Sử dụng font icon và cách làm hiệu ứng hover16: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.net07: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 25Chữa bài marry.vn – Tập 109:46
  • Bài 26Chữa bài marry.vn – Tập 207:35
  • Bài 27Chữa bài marry.vn – Tập 326:29
  • Bài 28Chữ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 108: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 58Kết hợp absolute và hover transition chưa bài hiệu ứng – tập 109:32
  • Bài 59Kết hợp absolute và hover transition chưa bài hiệu ứng – tập 206:32
  • Bài 60Kết hợp absolute và hover transition chưa bài hiệu ứng – tập 304:41
  • Bài 61Kế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 108:43
  • Bài 65Cài đặt bootstrap – tập 206:37
  • Bài 66Thành phần grid trong bootstrap – Tập 120: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ề alert11: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 bootstrap02: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 108:44
  • Bài 113Creative 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 108: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ệu08: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 jquery08: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 menu08:29
  • Bài 127Velocity theme – tạo banner07:01
  • Bài 128Velocity theme – tạo css cho phần logo – tập 106: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 responsive08:11
  • Bài 134Velocity theme – tạo phần dịch vụ – tập 107: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 photoshop05: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 desktop08: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ên12:40
  • Bài 154Tạo khung HTML cho phần banner03:17
  • Bài 155Xử lý css cho phần banner11:26
  • Bài 156Xử lý phần html cho khối thông tin03: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à menu05:33
  • Bài 162Xử lý phần html cho phần logo và menu13:03
  • Bài 163Xử lý html cho phần banner07:09
  • Bài 164Xử lý css cho phần banner12: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ọc

Quyền lợi học viên

  • Khóa học trọn đời, học viên được học đi học lại, học online mọi lúc mọi nơi
  • Học viên được thảo luận cùng các học viên khác, được đặt câu hỏi trực tiếp cho giảng viên trong phần THẢO LUẬN
  • Học viên được tham gia gia vào nhóm kín trên Facebook, cùng nhau trao đổi về nội dung khóa học dưới sự hướng dẫn của giáo viên
  • Giảng viên có thể tổ chức các buổi gặp gỡ offline để giúp học viên ôn bài, luyên tập
  • Được hoàn trả 100% học phí nếu nội dung khóa học không đúng như những gì đã cam kết

Giá gốc: 700,000 VNĐ

Ưu đãi còn: 420,000 VNĐ (giảm 40% đăng ký hôm nay )

Đăng Ký Học Ngay