Danh mục
Duocmmo Tedu Tin học văn phòng Laravel Cyberlearn Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Thiết kế & Xây dựng
Thiết kế Web
Học HTML5/CSS3, BOOTSTRAP 4 và học cắt Web từ file thiết kế

Học HTML5/CSS3, BOOTSTRAP 4 và học cắt Web từ file thiết kế

Loại khoá học: Thiết kế & Xây dựng

Khoá học BOOTSTRAP 4, HTML5/CSS3 giúp bạn thành thạo các kỹ năng, phương pháp, hiệu ứng,... cắt Web từ file thiết kế giúp nắm vững kiến thức về CSS, HTML, hiểu rõ Bootstrap và kỹ năng cắt Web với Illustrate, Pix và xử lý nội dung website chuyên nghiệp chỉ với 5 ngày

image
99.000 VND
599.000 VND
Đầy Đủ Bài Giảng
Học Online Tiện Lợi
Kích Hoạt Nhanh 2-5 Phút
Thanh toán tự động
Được phép tải xuống

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

Có phải bạn: 

  • 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 công nghệ thông tin online để trang bị 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ụ sử dụng trong cắt web?
  • Bạn đang tìm kiếm một khóa học lập trình web phù hợp với mình

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 BOOTSTRAP 4, HTML5/CSS3 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ở nê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 khỏ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.

Vậy còn chờ đợi gì nữa, đăng ký khóa học “Học HTML5/CSS3, BOOTSTRAP 4 và học cắt Web từ file thiết kế” của giảng viên Nguyễn Đức Việt ngay hôm nay trước khi hết chương trình ưu đãi khóa học tại Unica thôi!

Quà tặng khi mua khóa học tại Unica.vn: Tặng Miễn Phí HOSTING TỐC ĐỘ CAO tại INET.VN trong 30 ngày

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

Yêu cầu

Nội dung khoá học

12 sections

Phần 1: Giới thiệu và các phần mềm cần thiết

2 lectures
Bài 1: Cài đặt phần mềm cần thiếtHọc thử
00:13:47
Bài 2: Giới thiệu khóa họcHọc thử
00:12:11

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

3 lectures
Bài 3: Giới thiệu các thẻ HTML cần thiết cho cắt web
00:15:38
Bài 4: 3 Cách đưa CSS vào trong file HTML
00:10:17
Bài 5: Các thuộc tính cssHọc thử
00:09:50

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

24 lectures
Bài 6: Áp dụng thuộc tính đã học chữa bài 1 Kênh 14Học thử
00:21:04
Bài 7: Áp dụng thuộc tính đã học chữa bài 2 Kênh 14 - Tập 1
00:10:06
Bài 8: Áp dụng thuộc tính đã học chữa bài 2 Kênh 14 - Tập 2
00:08:39
Bài 9: Giới thiệu về class và ID trong CSS
00:14:32
Bài 10: Luyện tập về class và ID tập 1
00:18:06
Bài 11: Luyện tập về class và ID tập 2
00:08:18
Bài 12: Luyện tập về class và ID tập 3
00:08:40
Bài 13: Cách load và sử dung font mới
00:09:42
Bài 14: Sử dụng font icon và cách làm hiệu ứng hover
00:16:49
Bài 15: Chữa bài Megafun.vn - tập 1
00:10:08
Bài 16: Chữa bài Megafun.vn - tập 2
00:15:55
Bài 17: Chữa bài ione.vnexpress.net
00:07:45
Bài 18: Chữa bài docbao.vn - Tập 1
00:10:05
Bài 19: Chữa bài docbao.vn - Tập 2
00:09:48
Bài 20: Chữa bài docbao.vn - Tập 3
00:10:29
Bài 21: Chữa bài vietnamnet.vn- Tập 1
00:08:39
Bài 22: Chữa bài vietnamnet.vn- Tập 2
00:09:17
Bài 23:Chữa bài marry.vn - Tập 1
00:09:46
Bài 24:Chữa bài marry.vn - Tập 2
00:07:35
Bài 25:Chữa bài marry.vn - Tập 3
00:26:29
Bài 26:Chữa bài marry.vn - Tập 4
00:11:03
Bài 27: Chữa bài giadinh.net
00:30:24
Bài 28: Chữa bài saga.vn - Tập 1
00:21:16
Bài 29: Chữa bài saga.vn - Tập 2
00:07:39

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

30 lectures
Bài 30: Giới thiệu về thuộc tính absolute và relative
00:12:09
Bài 31: Giới thiệu về thuộc tính flex - Tập 1
00:09:54
Bài 32: Giới thiệu về thuộc tính flex - Tập 2
00:16:34
Bài 33: Luyện tập về thuộc tính flex - Tập 1
00:12:32
Bài 34: Luyện tập về thuộc tính flex - Tập 2
00:31:29
Bài 35: Luyện tập absolute với website guu-vn - Tập 1
00:08:44
Bài 36: Luyện tập absolute với website guu-vn - Tập 2
00:10:05
Bài 37: Luyện tập absolute với website guu-vn - Tập 3
00:08:42
Bài 38: Luyện tập absolute với website guu-vn - Tập 4
00:09:28
Bài 39: Luyện tập absolute với website guu-vn - Tập 5
00:11:22
Bài 40: Chữa bài 1 absolute Usatoday - Tập 1
00:09:50
Bài 41: Chữa bài 1 absolute Usatoday - Tập 2
00:05:59
Bài 42: Thực hành absolute với website tiin-.vn - Tập 1
00:05:17
Bài 43: Thực hành absolute với website tiin-.vn - Tập 2
00:07:24
Bài 44: Luyện tập về thuộc tính chia layer với udemy.com
00:30:04
Bài 45: Kết hợp absolute với transition
00:17:48
Bài 46: Thuộc tính background attachment
00:25:21
Bài 47: Thuộc tính animation - tập 1
00:09:00
Bài 48: Thuộc tính animation - tập 2
00:09:07
Bài 49: Kết hợp thuộc tính absolute, transition và flex - Tập 1 Học thử
00:08:28
Bài 50: Kết hợp thuộc tính absolute, transition và flex - Tập 2
00:09:05
Bài 51: Kết hợp thuộc tính absolute, transition và flex - Tập 3
00:06:21
Bài 52: Kết hợp thuộc tính absolute, transition và flex - Tập 4
00:09:11
Bài 53: Kết hợp absolute và hover transition - Tập 1
00:31:00
Bài 54: Kết hợp absolute và hover transition - Tập 2
00:10:42
Bài 55:Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 1
00:09:32
Bài 56:Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 2
00:06:32
Bài 57:Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 3
00:04:41
Bài 58:Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 4
00:04:41
Bài 59: Tổng kết phần html - css và giới thiệu kiến thức mới
00:07:04

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

5 lectures
Bài 60: Giới thiệu về bootstrap 4
00:10:56
Bài 61: Cài đặt bootstrap - tập 1
00:08:43
Bài 62: Cài đặt bootstrap - tập 2
00:06:37
Bài 63: Thành phần grid trong bootstrap
00:20:51
Bài 64: Giới thiệu về responsive
00:12:41

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

14 lectures
Bài 65: Giới thiệu về alert
00:11:12
Bài 66: Giới thiệu về breadcrumb
00:05:38
Bài 67: Giới thiệu về button
00:09:32
Bài 68: Phương pháp học bootstrap
00:04:04
Bài 69: Giới thiệu về checkbox và radio button
00:08:29
Bài 70: Giới thiệu về dropdown menu
00:17:15
Bài 71: Giới thiệu về thành phần mới so với BS3: Card layout
00:12:02
Bài 72: Giới thiệu về thành phần card deck
00:05:25
Bài 73: Giới thiệu về thành phần card group
00:04:17
Bài 74: Giới thiệu về thành phần card column
00:07:29
Bài 75: Giới thiệu về thành phần carousel
00:06:29
Bài 76: Giới thiệu về thành phần collapse
00:06:29
Bài 77: Giới thiệu về thành phần form
00:10:46
Bài 78: Tổng kết và phương pháp cắt HTML/CSS dựa trên bootstrap
00:10:33

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

27 lectures
Bài 79: Thành Phần menu trong bootstrap
00:14:23
Bài 80: Thành phần spacing trong bootstrap
00:11:36
Bài 81: Thành phần căn chỉnh trong bootstrap
00:05:49
Bài 82: Sử dụng card layout để tạo thông tin
00:04:40
Bài 83: Tóm tắt kiến thức
00:04:23
Bài 84: Giới thiệu bài tập tạo website với bootstrap
00:02:12
Bài 85: Sử dụng navbar collapse
00:08:26
Bài 86: Sử dụng jumbotron
00:07:12
Bài 87: Thực hành Bootstrap 4 với card deck layout
00:08:27
Bài 88: Viết hiệu ứng scroll bằng jquery
00:06:27
Bài 89: Tổng kết kiến thức
00:05:25
Bài 90: Giới thiệu website
00:02:58
Bài 91: Tạo menu responsive thế nào
00:04:23
Bài 92: Tạo hiệu ứng slide theo website
00:13:37
Bài 93: Hoàn thiện website
00:09:35
Bài 94: Tổng kết website và kiến thức học được
00:03:32
Bài 95: Giới thiệu website
00:00:00
Bài 96: Tạo menu và carosel bằng phím tắt
00:00:00
Bài 97: Tinh chỉnh và hoàn thiện menu
00:12:58
Bài 98: Xử lý phần khoảng cách cho menu bằng css
00:07:09
Bài 99: Xử lý phần nội dung cho carousel caption
00:09:38
Bài 100: Phương pháp xử lý responsive trong BS4
00:13:45
Bài 101: Xử lý căn chỉnh nội dung bằng row trong row
00:08:18
Bài 102: Tinh chỉnh phần nội dung chính xác bằng css
00:12:37
Bài 103: Xử lý khối thông tin website chứa facebook button
00:12:37
Bài 104: Hoàn thiện khối thông tin website với css
00:06:14
Bài 105: Hoàn thiện footer
00:09:34

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

14 lectures
Bài 106: Velocity theme - bắt đầu với menu
00:08:29
Bài 107: Velocity theme - tạo banner
00:07:01
Bài 108: Velocity theme - tạo css cho phần logo - tập 1
00:06:34
Bài 109: Velocity theme - tạo css cho phần logo - tập 2
00:06:44
Bài 110: Velocity theme - tạo css cho menu responsive - tập 1
00:06:36
Bài 111: Velocity theme - tạo css cho menu responsive - tập 2
00:04:57
Bài 112: Velocity theme - tạo css cho menu responsive - tập 3
00:08:11
Bài 113: Velocity theme - tạo css cho phần banner responsive
00:08:11
Bài 114: Velocity theme - tạo phần dịch vụ - tập 1
00:07:20
Bài 115: Velocity theme - tạo phần dịch vụ - tập 2
00:09:12
Bài 116: Velocity theme - xử lý hiệu ứng slide - tập 1
00:07:12
Bài 117: Velocity theme - xử lý hiệu ứng slide - tập 2
00:05:47
Bài 118: Velocity theme - hiệu ứng jquery - tập 1
00:05:47
Bài 119: Velocity theme - hiệu ứng jquery - tập 2
00:08:02

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

11 lectures
Bài 120: Giới thiệu phần mềm photoshop
00:05:15
Bài 121: Bước chuẩn bị cho cắt web
00:09:13
Bài 122: Sử dụng bootstrap tạo khung menu
00:04:18
Bài 123: Tạo css cho menu trên màn hình desktop
00:08:57
Bài 124: Tạo css cho menu trên màn hình iphone
00:04:08
Bài 125: Tạo khung html cho slide banner
00:06:37
Bài 126: Tạo css cho slide banner - tập 1
00:11:42
Bài 127: Tạo css cho slide banner - tập 2
00:08:31
Bài 128: Tạo khung html cho khối dịch vụ
00:05:27
Bài 129: Tạo css cho khối dịch vụ
00:07:51
Bài 130: Hướng dẫn xử lý các phần khác của giao diện
00:01:45

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

9 lectures
Bài 131: Phần chuẩn bị
00:03:09
Bài 132: Xử lý css cho phần top header
00:06:15
Bài 133: Xử lý css cho phần menu trên
00:12:40
Bài 134: Tạo khung HTML cho phần banner
00:03:17
Bài 135: Xử lý css cho phần banner
00:11:26
Bài 136: Xử lý phần html cho khối thông tin
00:03:06
Bài 137: Xử lý css cho phần khối thông tin
00:04:42
Bài 138: Xử lý html cho khối sản phẩm
00:05:06
Bài 139: Xử lý css cho khối sản phẩm
00:12:15

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

8 lectures
Bài 140: Bước chuẩn bị
00:02:00
Bài 141: Xử lý phần html cho phần logo và menu
00:05:33
Bài 142: Xử lý phần html cho phần logo và menu
00:13:03
Bài 143: Xử lý html cho phần banner
00:07:09
Bài 144: Xử lý css cho phần banner
00:12:09
Bài 145: Xử lý html cho khối 3 dịch vụ
00:05:22
Bài 146: Xử lý css cho phần 3 dịch vụ
00:11:59
Bài 147: Tóm tắt các làm cho phần còn lại của giao diện
00:01:38

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

12 lectures
Bài 148: Cắt web thefox- bước chuẩn bị
00:06:17
Bài 149: Cắt web thefox - tạo khung html cho topheader
00:06:02
Bài 150: Cắt web thefox - tạo css cho phần topheader
00:16:20
Bài 151: Tạo html cho phần menu
00:07:34
Bài 152: Cắt web thefox - tạo css cho phần menu
00:11:41
Bài 153: Cắt web thefox - tạo css cho menu trên iphone
00:04:12
Bài 154: Cắt web thefox- tạo khung html cho banner
00:09:42
Bài 155: Cắt web thefox- tạo css cho phần banner
00:13:08
Bài 156: Cắt web thefox - tạo html cho phần giới thiệu
00:06:09
Bài 157: Cắt web thefox - tạo css cho phần giới thiệu
00:08:26
Bài 158: Cắt web thefox - hướng dẫn xử lý các phần còn lại
00:03:31
Bài 159: Tổng kết khóa học
00:01:38

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Khoá học liên quan

Dynamo Thực Chiến - Giúp tăng tốc Revit

Dynamo Thực Chiến - Giúp tăng tốc Revit

470.000 VND
99.000 VND
Cơ bản tổng thể hệ thống điện toán đám mây Amazon Web Services (AWS Certified Cloud Practitioner)

Cơ bản tổng thể hệ thống điện toán đám mây Amazon Web Services (AWS Certified Cloud Practitioner)

429.000 VND
99.000 VND
Toàn tập ngôn ngữ lập trình C#

Toàn tập ngôn ngữ lập trình C#

479.000 VND
99.000 VND
Lập trình WinForm với C#: 10 ứng dụng

Lập trình WinForm với C#: 10 ứng dụng

599.000 VND
99.000 VND
Dự toán cho dự án xây dựng từ A đến Z

Dự toán cho dự án xây dựng từ A đến Z

499.000 VND
99.000 VND
IT System Administrator - Quản trị Windows Server

IT System Administrator - Quản trị Windows Server

299.000 VND
99.000 VND
Quản trị Oracle Database nâng cao - Quản lý kiến trúc Multitenant

Quản trị Oracle Database nâng cao - Quản lý kiến trúc Multitenant

1.699.000 VND
99.000 VND
Ứng dụng POWER BI trong việc PHÂN TÍCH và tạo lập BÁO CÁO QUẢN TRỊ

Ứng dụng POWER BI trong việc PHÂN TÍCH và tạo lập BÁO CÁO QUẢN TRỊ

999.000 VND
99.000 VND
Kỹ năng an toàn bảo mật thông tin cho nhân viên văn phòng

Kỹ năng an toàn bảo mật thông tin cho nhân viên văn phòng

299.000 VND
99.000 VND
Làm Mọi Thứ Với Photoshop - Thiết Kế Đồ Họa Thực Tiễn

Làm Mọi Thứ Với Photoshop - Thiết Kế Đồ Họa Thực Tiễn

599.000 VND
99.000 VND
Kiến thức cơ bản về an ninh mạng

Kiến thức cơ bản về an ninh mạng

499.000 VND
99.000 VND
An ninh mạng cho người mới bắt đầu

An ninh mạng cho người mới bắt đầu

229.000 VND
99.000 VND
Học lập trình Typescript qua project thực tế

Học lập trình Typescript qua project thực tế

799.000 VND
99.000 VND
Quản trị Hệ điều hành Linux trong 21 giờ

Quản trị Hệ điều hành Linux trong 21 giờ

900.000 VND
99.000 VND
Quản trị CSDL Oracle 12c cơ bản

Quản trị CSDL Oracle 12c cơ bản

900.000 VND
99.000 VND
Lập trình game 3D với Unity

Lập trình game 3D với Unity

399.000 VND
99.000 VND
image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi