Trong thực tế! Tạo trang web! Từng bước một! (Y Studio_Web đáp ứng)
Trong thực tế! Tạo một trang web! Khóa học ứng dụng từng bước
Đây là quá trình tạo trang chính của Y Studio (http://www.ystudio.co.kr/) bằng cách sử dụng html/CSS/jQuery và plug_in. (Đính kèm file hoàn thiện bài giảng!)
jQuery: gnb jQuery xuất hiện khi nhấp vào menu hamburger
jQuery: tiêu đề jQuery được sửa ở trên cùng khi cuộn
jQuery: jQuery di chuyển mượt mà lên trên cùng khi nhấn nút trên cùng
plug-in: Hoạt ảnh xuất hiện khi cuộn (cách áp dụng Scrolla.jquery)
plug-in: Trang trình bày hình ảnh có hoạt ảnh (plug-in mượt mà)
Tạo trang web phản hồi (chế độ PC, chế độ máy tính bảng, chế độ di động)
Responsive: Cách sử dụng truy vấn phương tiện
Đáp ứng: khung nhìn
Nếu bạn chỉ biết HTML và CSS Đã tạo được trang web!
Nếu bạn đang tìm kiếm việc làm thiết kế UI/UX hoặc lập trình viên front-end , bạn cần có ít nhất 5-6 danh mục trang web phù hợp với xu hướng hiện tại .
Bài giảng này nói về việc lựa chọn một trang web hiện đang có sẵn trên thị trường ,có các yếu tố thẩm mỹ tuyệt vời phù hợp với xu hướng năm 2020 và phù hợp để tạo danh mục đầu tư cũng như tạo danh mục đầu tư theo hiện trạng.
Khóa học được thiết kế dành cho những người có kiến thức cơ bản về HTML và CSS và sẽ tiến hành triển khai các trang web thực tế . Ngay cả khi bạn không biết JavaScript và jQuery khó , chúng tôi vẫn giúp bạn tạo ra các trang web đẹp và đầy màu sắc trong thời gian ngắn bằng cách sử dụng các thư viện và plugin dựa trên HTML và CSS.
Từng bước một! Bắt đầu ngay bây giờ.
Nếu bạn chuẩn bị một danh mục đầu tư trong khi tham gia bài giảng trên trang web bao gồm các yếu tố tương tác cần thiết cho công việc thực tế , bạn sẽ có thể hoàn thành một danh mục đầu tư chất lượng cao vào cuối bài giảng và tiến gần hơn đến việc có được việc làm thành công.
>> Tạo trang web đáp ứng từ chế độ PC sang chế độ máy tính bảng và thiết bị di động (768px)
>> Tạo trang web đáp ứng từ chế độ PC sang chế độ máy tính bảng và thiết bị di động (414px)
>> Tạo trang web đáp ứng từ chế độ PC sang chế độ máy tính bảng và thiết bị di động (320px)
Sau khibài giảng kết thúc Bạn nhận được gì :D
1. Kỹ năng sản xuất bố cục vững chắc
Khi tạo một trang web , việc tạo bố cục chính xác dựa trên HTML và CSS là vô cùng quan trọng . Ngay cả khi bạn biết HTML và CSS nhưng không có kiến thức về thiết kế bố cục, nếu bạn chăm chỉ theo dõi bài giảng này, với những kiến thức cơ bản được trình bày chi tiết , bạn sẽ sớm cảm thấy mình có nền tảng vững chắc về thiết kế bố cục!
2. Tăng năng suất làm việc!
Để tăng năng suất làm việc, bạn cần có khả năng nhanh chóng tạo ra các trang web tương tác bằng cách sử dụng thư viện và plugin. Khóa học này sẽ bao gồm mọi thứ, từ thiết kế bố cục trang web đến tạo trang web đáp ứng. Bạn cũng sẽ được học các kỹ năng thực hành như sử dụng script, plugin và animation để tạo trang web. Bằng cách thực hành liên tục trong khi tham gia các bài giảng, bạn sẽ thấy mình cải thiện kỹ năng làm việc chỉ trong thời gian ngắn!
3. Danh mục đầu tư chất lượng cao
Một portfolio chất lượng cao là một trong những công cụ hiệu quả nhất để thể hiện năng lực chuyên môn và nắm bắt những cơ hội mới. Bằng cách tham gia các buổi thuyết trình và thực hành, bạn sẽ xây dựng được portfolio của riêng mình. Bằng cách liên tục triển khai các trang web trong các buổi hội thảo xây dựng website tiếp theo, bên cạnh bài giảng này, bạn sẽ có thể xây dựng một portfolio, vũ khí lợi hại nhất của bạn trong hành trình tìm kiếm việc làm.
4. Mở hoạt động phòng chat
Để có trải nghiệm học tập dễ dàng hơn, hãy tham gia phòng trò chuyện mở Jalnan Webdi do J.young điều hành. Chúng tôi sẽ chia sẻ một số mẹo hữu ích và liên kết hội thảo trực tuyến miễn phí liên quan đến Figma, UI/UX, mã hóa và tạo danh mục đầu tư.
- Tên phòng chat mở: Jalnan Webdi - Mã: jyoung
Để tạo ra một trang web bắt mắt Tìm hiểu về chương trình giảng dạy
1. Bố cục html/ccs - Cách áp dụng biểu tượng phông chữ web linearicon - Cách áp dụng phông chữ web googlefonts - Nhiều hiệu ứng di chuột - Cách sử dụng công cụ dành cho nhà phát triển
2. Sử dụng jQuery đơn giản - gnb jQuery xuất hiện khi bạn nhấp vào menu hamburger - Tiêu đề jQuery được cố định ở trên cùng khi cuộn - jQuery di chuyển mượt mà lên trên cùng khi nhấn nút di chuyển lên trên
3. Tạo các trang web đơn giản và hiệu quả hơn bằng cách áp dụng nhiều plugin jQuery khác nhau. - Hoạt ảnh xuất hiện khi cuộn - Cách áp dụng plugin scrolla.jquery/cách sử dụng các tùy chọn - Slide hình ảnh có hoạt ảnh - Cách áp dụng plugin Slick/Cách sử dụng các tùy chọn
4. Xây dựng một trang web đáp ứng - Cách sử dụng truy vấn phương tiện - khung nhìn
Khóa học này có gì đặc biệt? Tôi tò mò quá!
Câu hỏi 1. Nó có giúp tôi có được việc làm không? A1. Một hình ảnh đơn giản có sức thuyết phục hơn một bài viết dài. Nếu bạn tạo một trang web trong khi tham dự buổi thuyết trình, bạn sẽ có thể tạo ra một hồ sơ năng lực hấp dẫn, ngay lập tức thu hút sự chú ý của các nhà tuyển dụng, hỗ trợ rất nhiều cho quá trình tìm kiếm việc làm của bạn.
Các công cụ được đề cập ở đây
Sau bài giảng này, bạn sẽ có phong cách thiết kế và cảm nhận khác. Mười khóa học tạo website sẽ được mở tuần tự.
Sinh viên chuẩn bị hồ sơ của mình được khuyến khích tham khảo tài liệu này và cùng nhau tạo ra các trang web chất lượng cao.
tml, css, html/css, trang web, trang web, mã hóa, jquery, jQuery, bố cục, web tương tác, thiết kế web, danh mục đầu tư, xuất bản
Khuyến nghị cho những người này
Khóa học này dành cho ai?
Những người muốn thiết kế và triển khai các bố cục khác nhau để làm việc với tư cách là nhà thiết kế hoặc nhà xuất bản web
Bất kỳ ai muốn nhanh chóng tạo hồ sơ xin việc làm nhà thiết kế web hoặc nhà xuất bản
Bất kỳ ai muốn chuyển từ nhà thiết kế đồ họa sang nhà phát triển front-end.
Những người có kiến thức cơ bản về HTML/CSS nhưng ngại tạo trang web
Cần biết trước khi bắt đầu?
HTML/CSS
Xin chào Đây là
8,239
Học viên
326
Đánh giá
224
Trả lời
4.8
Xếp hạng
14
Các khóa học
안녕하세요? J.young 임자영입니다.
20여년간의 웹디자인 & 앱개발회사를 운영하며, 대학과 전문학교 및 직업훈련기관에서 UI.UX디자인,웹디자인, 웹퍼블리셔, 프론트엔드개발 강의를 하고 있습니다.
디자인이나 코딩에 대한 기초가 전혀 없는 학생들을 대상으로, 전문가(UI.UX디자이너/ 퍼블리셔/코딩하는 디자이너) 양성을 위해!! - 기초부터 실무까지! - 실무에서 원하는! - 실무에서 바로 써 먹을 수 있는 포트폴리오 제작! 강의로 전문가로써 당당히 실무에 진출할 수 있도록 지도하고 있습니다.
그런 만큼... 많은 제자들이 실무자로써의 그 역량을 발휘하고 있습니다.
-UI/UX디자이너, 퍼블리셔, 프론트엔드개발자가 되고 싶어도 어디서 부터 어떻게 시작할지 막막하신 분들.. - 이직을 위한 정규 코스 학원을 다니고 싶어도 직장 생활로 인해 엄두도 못 내시는 분들.. - 코딩에 '코'자도 모르시는 분! 학원이나 유튜브 등으로 HTML/CSS기초는 배웠지만 - 도통...웹 퍼블리싱 개발 구현이란 남의 이야기이신 분들....
J.young이 도와드리겠습니다.!! 또한!! 학습하시다 궁금하신 점 있으시면 댓글 남겨주시면 도움이 드릴 수 있는 답을 드리도록 최선을 다하겠습니다.
* 오픈채팅방운영
보다 원활한 학습을 위해, J.young이 운영하는 잘난웹디 오픈채팅방에 가입하시면, 피그마, UI.UX, 코딩, 포트폴리오제작 관련 핵꿀팁과 무료웨비나 링크 등을 공유해드립니다.
오픈채팅방명 : 잘난웹디 코드 : jyoung
실무경력
- 2017~현) 웹개발 Director - 2015년~2017년(주)엘리에셀 총괄 이사 - 2003년~2015년 (주)어뮤징웨어 총괄 이사 - 2003년: 서우씨앤디 디자인실장
Jiyoung, cảm ơn vì đã làm việc chăm chỉ~
Bạn đã hoàn thành bài giảng trong thời gian nhanh chóng...
Cảm ơn...
Chúng tôi hiện đang chuẩn bị cho giai đoạn tiếp theo của khóa học.
Chúng tôi yêu cầu bạn tiếp tục quan tâm.
Cảm ơn bạn ^^
Sujeong! Cảm ơn bạn rất nhiều vì đã làm việc chăm chỉ và để lại đánh giá. Nhờ những đánh giá của bạn, chúng tôi sẽ cung cấp cho bạn một khóa học tốt hơn.
Tôi hiện đang quay một trang web tương tác phù hợp với xu hướng... Tôi sẽ làm cho nó thú vị, đầy màu sắc, dễ hiểu và sẽ sớm tải lên. Chúng tôi mong nhận được sự yêu thích và quan tâm liên tục của bạn. Cảm ơn bạn ^^
Khi tôi cố gắng tự mình luyện tập bằng cách đọc sách thì không có kết quả tốt, nhưng sau khi tham gia khóa học Y Studio Responsive Web của J. Young, tôi nghĩ mình đã có một hệ thống sẵn sàng. Khi tôi làm theo từng bước đánh dấu, tôi cảm thấy dễ dàng và cảm thấy tự tin hơn. Cảm ơn bạn.
Kate
Cảm ơn bạn đã xem xét của bạn.
Tôi càng biết ơn hơn vì bạn đã có được sự tự tin sau khi nghe bài giảng của tôi.
Chúng tôi sẽ luôn chuẩn bị các bài giảng theo xu hướng mới nhất và có tính ứng dụng thực tế cao.
Chúng tôi mong được gặp bạn trong một khóa học có thể giúp ích rất nhiều cho việc tạo popol.
Cảm ơn
Chúc bạn hôm nay một ngày tốt lành ^^