Khóa học HTML5 CSS3 BOOSTRAP4 và cắt Web từ file thiết kế

Khóa học HTML5 CSS3 BOOSTRAP4 và cắt Web từ file thiết kế

Khóa học HTML5 CSS3 BOOSTRAP4 và cắt Web từ file thiết kế
Khóa học HTML5 CSS3 BOOSTRAP4 và cắt Web từ file thiết kế

Bạn sẽ học được gì

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

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ự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ụ.

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.

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 1: Cài đặt phần mềm cần thiết

 Bài 2: Giới thiệu khóa học

 Phần 2: Các kiến thức cơ bản

 Bài 3: Giới thiệu các thẻ HTML cần thiết cho cắt web

 Bài 4: 3 Cách đưa CSS vào trong file HTML

 Bài 5: Các thuộc tính css

 Phần 3: Học cách cắt web qua từng bài tập

 Bài 6: Áp dụng thuộc tính đã học chữa bài 1 Kênh 14

 Bài 7: Áp dụng thuộc tính đã học chữa bài 2 Kênh 14 - Tập 1

 Bài 8: Áp dụng thuộc tính đã học chữa bài 2 Kênh 14 - Tập 2

 Bài 9: Giới thiệu về class và ID trong CSS

 Bài 10: Luyện tập về class và ID tập 1

 Bài 11: Luyện tập về class và ID tập 2

 Bài 12: Luyện tập về class và ID tập 3

 Bài 13: Luyện tập về class và ID tập 4

 Bài 14: Cách load và sử dung font mới

 Bài 15: Sử dụng font icon và cách làm hiệu ứng hover

 Bài 16: Chữa bài Megafun.vn - tập 1

 Bài 17: Chữa bài Megafun.vn - tập 2

 Bài 18: Chữa bài ione.vnexpress.net

 Bài 19: Chữa bài docbao.vn - Tập 1

 Bài 20: Chữa bài docbao.vn - Tập 2

 Bài 21: Chữa bài docbao.vn - Tập 3

 Bài 22: Chữa bài vietnamnet.vn - Tập 1

 Bài 23: Chữa bài vietnamnet.vn - Tập 2

 Bài 24: Chữa bài marry.vn - Tập 1

 Bài 25: Chữa bài marry.vn - Tập 2

 Bài 26: Chữa bài marry.vn - Tập 3

 Bài 27: Chữa bài marry.vn - Tập 4

 Bài 28: Chữa bài giadinh.net

 Bài 29: Chữa bài saga.vn - Tập 1

 Bài 30: Chữa bài saga.vn - Tập 2

 Phần 4: Các thuộc tính chia layer trong css

 Bài 31: Giới thiệu về thuộc tính absolute và relative

 Bài 32: Giới thiệu về thuộc tính flex - Tập 1

 Bài 33: Giới thiệu về thuộc tính flex - Tập 2

 Bài 34: Luyện tập về thuộc tính flex - Tập 1

 Bài 35: Luyện tập về thuộc tính flex - Tập 2

 Bài 36: Luyện tập absolute với website guu-vn - Tập 1

 Bài 37: Luyện tập absolute với website guu-vn - Tập 2

 Bài 38: Luyện tập absolute với website guu-vn - Tập 3

 Bài 39: Luyện tập absolute với website guu-vn - Tập 4

 Bài 40: Luyện tập absolute với website guu-vn - Tập 5

 Bài 41: Chữa bài 1 absolute Usatoday - Tập 1

 Bài 42: Chữa bài 1 absolute Usatoday - Tập 2

 Bài 43: Thực hành absolute với website tiin-.vn - Tập 1

 Bài 44: Thực hành absolute với website tiin-.vn - Tập 2

 Bài 45: Luyện tập về thuộc tính chia layer với udemy.com

 Bài 46: Kết hợp absolute với transition

 Bài 47: Thuộc tính background attachment

 Bài 48: Thuộc tính animation - tập 1

 Bài 49: Thuộc tính animation - tập 2

 Bài 50: Kết hợp thuộc tính absolute, transition và flex - Tập 1

 Bài 51: Kết hợp thuộc tính absolute, transition và flex - Tập 2

 Bài 52: Kết hợp thuộc tính absolute, transition và flex - Tập 3

 Bài 53: Kết hợp thuộc tính absolute, transition và flex - Tập 4

 Bài 54: Kết hợp absolute và hover transition - Tập 1

 Bài 55: Kết hợp absolute và hover transition - Tập 2

 Bài 56: Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 1

 Bài 57: Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 2

 Bài 58: Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 3

 Bài 59: Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 4

 Bài 60: Tổng kết phần html - css và giới thiệu kiến thức mới

 Phần 5: Giới thiệu bootstrap 4 và cài đặt

 Bài 61: Giới thiệu về bootstrap 4

 Bài 62: Cài đặt bootstrap - tập 1

 Bài 63: Cài đặt bootstrap - tập 2

 Bài 64: Thành phần grid trong bootstrap - Tập 1

 Bài 65: Thành phần grid trong bootstrap - Tập 2

 Bài 66: Giới thiệu về responsive

 Phần 6: Bắt đầu học bootstrap

 Bài 67: Giới thiệu về alert

 Bài 68: Giới thiệu về breadcrumb

 Bài 69: Giới thiệu về button

 Bài 70: Phương pháp học bootstrap

 Bài 71: Giới thiệu về checkbox và radio button

 Bài 72: Giới thiệu về dropdown menu

 Bài 73: Giới thiệu về thành phần mới so với BS3: Card layout

 Bài 74: Giới thiệu về thành phần card deck

 Bài 75: Giới thiệu về thành phần card group

 Bài 76: Giới thiệu về thành phần card column

 Bài 77: Giới thiệu về thành phần carousel

 Bài 78: Giới thiệu về thành phần collapse

 Bài 79: Giới thiệu về thành phần form

 Bài 80: Tổng kết và phương pháp cắt HTML/CSS dựa trên bootstrap

 Phần 7: Học bootstrap qua từng bài tập

 Bài 81: Thành Phần menu trong bootstrap

 Bài 82: Thành phần spacing trong bootstrap

 Bài 83: Thành phần căn chỉnh trong bootstrap

 Bài 84: Sử dụng card layout để tạo thông tin

 Bài 85: Tóm tắt kiến thức

 Bài 86: Giới thiệu bài tập tạo website với bootstrap

 Bài 87: Sử dụng navbar collapse

 Bài 88: Sử dụng jumbotron

 Bài 89: Thực hành Bootstrap 4 với card deck layout

 Bài 90: Viết hiệu ứng scroll bằng jquery

 Bài 91: Tổng kết kiến thức

 Bài 92: Giới thiệu website

 Bài 93: Tạo menu responsive thế nào

 Bài 94: Tạo hiệu ứng slide theo website

 Bài 95: Hoàn thiện website

 Bài 96: Tổng kết website và kiến thức học được

 Bài 97: Tóm tắt kiến thức - tập 1

 Bài 98: Tóm tắt kiến thức - tập 2

 Bài 99: Tạo menu và carosel bằng phím tắt

 Bài 100: Tinh chỉnh và hoàn thiện menu

 Bài 101: Xử lý phần khoảng cách cho menu bằng css

 Bài 102: Xử lý phần nội dung cho carousel caption

 Bài 103: Phương pháp xử lý responsive trong BS4

 Bài 104: Xử lý căn chỉnh nội dung bằng row trong row

 Bài 105: Tinh chỉnh phần nội dung chính xác bằng css

 Bài 106: Xử lý khối thông tin website chứa facebook button

 Bài 107: Hoàn thiện khối thông tin website với css

 Bài 108: Hoàn thiện footer

 Phần 8: Học bootstrap qua việc làm theme bootstrap: creative theme

 Bài 109: Creative theme - bước chuẩn bị

 Bài 110: Creative theme - tạo khung html - tập 1

 Bài 111: Creative theme - tạo khung html - tập 2

 Bài 112: Creative theme - tạo css cho phần menu trên - tập 1

 Bài 113: Creative theme - tạo css cho phần menu trên - tập 2

 Bài 114: Creative theme - tạo css cho phần banner - tập 1

 Bài 115: Creative theme - tạo css cho phần banner - tập 2

 Bài 116: Velocity theme - xử lý responsive - tập 1

 Bài 117: Velocity theme - xử lý responsive - tập 2

 Bài 118: Creative theme - xử lý khối giới thiệu

 Bài 119: Creative theme - xử lý phần chia cột - tập 1

 Bài 120: Creative theme - xử lý phần chia cột - tập 2

 Bài 121: Creative theme - xử lý khối sản phẩm - tập 1

 Bài 122: Creative theme - xử lý khối sản phẩm - tập 2

 Bài 123: Creative theme - xử lý hiệu ứng jquery

 Phần 9: Học bootstrap qua việc làm theme bootstrap: VELOCITY THEME

 Bài 124: Velocity theme - bắt đầu với menu

 Bài 125: Velocity theme - tạo banner

 Bài 126: Velocity theme - tạo css cho phần logo - tập 1

 Bài 127: Velocity theme - tạo css cho phần logo - tập 2

 Bài 128: Velocity theme - tạo css cho menu responsive - tập 1

 Bài 129: Velocity theme - tạo css cho menu responsive - tập 2

 Bài 130: Velocity theme - tạo css cho menu responsive - tập 3

 Bài 131: Velocity theme - tạo css cho phần banner responsive

 Bài 132: Velocity theme - tạo phần dịch vụ - tập 1

 Bài 133: Velocity theme - tạo phần dịch vụ - tập 2

 Bài 134: Velocity theme - xử lý hiệu ứng slide - tập 1

 Bài 135: Velocity theme - xử lý hiệu ứng slide - tập 2

 Bài 136: Velocity theme - hiệu ứng jquery - tập 1

 Bài 137: Velocity theme - hiệu ứng jquery - tập 2

 Phần 10: Học cắt web từ file thiết kế photoshop

 Bài 138: Giới thiệu phần mềm photoshop

 Bài 139: Bước chuẩn bị cho cắt web

 Bài 140: Sử dụng bootstrap tạo khung menu

 Bài 141: Tạo css cho menu trên màn hình desktop

 Bài 142: Tạo css cho menu trên màn hình iphone

 Bài 143: Tạo khung html cho slide banner

 Bài 144: Tạo css cho slide banner - tập 1

 Bài 145: Tạo css cho slide banner - tập 2

 Bài 146: Tạo khung html cho khối dịch vụ

 Bài 147: Tạo css cho khối dịch vụ

 Bài 148: Hướng dẫn xử lý các phần khác của giao diện

 Phần 11: Cắt web từ file photoshop - Giao diện ILLUSTRATE

 Bài 149: Phần chuẩn bị

 Bài 150: Xử lý css cho phần top header

 Bài 151: Xử lý css cho phần menu trên

 Bài 152: Tạo khung HTML cho phần banner

 Bài 153: Xử lý css cho phần banner

 Bài 154: Xử lý phần html cho khối thông tin

 Bài 155: Xử lý css cho phần khối thông tin

 Bài 156: Xử lý html cho khối sản phẩm

 Bài 157: Xử lý css cho khối sản phẩm

 Phần 12: Cắt web từ file thiết kế photoshop - giao diện pix

 Bài 158: Bước chuẩn bị

 Bài 159: Xử lý phần html cho phần logo và menu

 Bài 160: Xử lý phần html cho phần logo và menu

 Bài 161: Xử lý html cho phần banner

 Bài 162: Xử lý css cho phần banner

 Bài 163: Xử lý html cho khối 3 dịch vụ

 Bài 164: Xử lý css cho phần 3 dịch vụ

 Bài 165: Tóm tắt các làm cho phần còn lại của giao diện

 Phần 13: Cắt web với sản phẩm bán chạy trên themeforest : thefox

 Bài 166: Cắt web thefox- bước chuẩn bị

 Bài 167: Cắt web thefox - tạo khung html cho topheader

 Bài 168: Cắt web thefox - tạo css cho phần topheader

 Bài 169: Tạo html cho phần menu

 Bài 170: Cắt web thefox - tạo css cho phần menu

 Bài 171: Cắt web thefox - tạo css cho menu trên iphone

 Bài 172: Cắt web thefox- tạo khung html cho banner

 Bài 173: Cắt web thefox- tạo css cho phần banner

 Bài 174: Cắt web thefox - tạo html cho phần giới thiệu

 Bài 175: Cắt web thefox - tạo css cho phần giới thiệu

 Bài 176: Cắt web thefox - hướng dẫn xử lý các phần còn lại

 Bài 177: Tổng kết khóa học

Học Online: Tại đây

Google Driver 

Pass giải nén: khosinhvien.com

Mshare ( Tốc độ cao )

PART 1: PHẦN 1 ĐẾN PHẦN 6

PART 2: PHẦN 7 ĐẾN PHẦN 13

Hướng dẫn getlink tại kho Sinh Viên  tại đây hoặc xem hình ảnh mịnh họa dưới

Nguồn Kho Sinh Viên - Tất cả dữ liệu chia sẽ hoàn toàn miễn phí