![[웹 퍼블리싱 실습] 웹 표준 사이트 만들기강의 썸네일](https://cdn.inflearn.com/public/courses/328172/cover/2c352d60-87dd-4e15-9880-9dccde4539ee/328172-eng.png?f=avif&w=420)
[웹 퍼블리싱 실습] 웹 표준 사이트 만들기
webstoryboy
이왕 만들거면 제대로 만들자! 공식 웹 표준을 지키며 만드는 퍼블리싱 강의입니다🧑🏻💻
입문
HTML/CSS
Creating a Movie Ticket Booking Site: Design
If you have followed the web standards and responsive site creation lectures well, it is now time for practical training! We will learn about creating a movie ticket reservation site divided into design and coding parts.
Reviews from Early Learners
What you will gain after the course
Designing a site using Photoshop
Creating a responsive website
Create image slides using plugins
Get the API and display the video
Implementing functions with JavaScript
Publishing practice through imitation!
Learn site structure through design 🎨
Lectures for aspiring web publishers ✏️
Publishing practice, part 1, following an actual website!
This course is divided into two parts: design and coding. We'll create a movie ticket reservation website based on an older version of Megabox's website. In this part, we'll design the Megabox website using Photoshop , and in the coding part, we'll publish it. Designing it yourself will help you understand the website's structure. If you don't want to take the design course, you can start with the coding part first.
Towards the finish line! I'll be rooting for your hard work.🧚🏻♀️
📢 Reference materials for class registration
- Download source
- PSD Download
- Clicking on each item will take you to that site.
- The program used in this lecture is Adobe Photoshop CC 2018.
Web Publisher Dream Tree Roadmap 🌲
*Click on each image to go to the corresponding lecture page.
1. [Web Publishing Practice] Creating a Web Standard Site
This course will give you a feel for how to create a website.
2. [Web Publishing Practice] Creating a Responsive Site
We create responsive web that freely changes screen size according to the web environment.
3. Creating a Movie Ticket Website: Design ( Current Lecture)
Now it's time for the real thing! Here's the first part of creating a movie ticket reservation website: design.
4. Creating a Movie Ticket Reservation Site: Coding
Now it's time for the real thing! Part 2 of building a movie ticket reservation website: coding.
Expected Questions Q&A 💬
Q. Is this a course that non-majors can also take?
Yes! This course covers the basics, so even beginners can easily follow along. ^^
Q. Is there anything I need to prepare before attending the lecture?
All you need is Photoshop and your passion. ^^
Q. What level of content is covered in the class?
This part is a design class, so you can follow along even if you don't know anything about Photoshop. ^^
Recommended for
these people
Who is this course right for?
Anyone who wants to create a variety of layouts including grids, headers, footers, and banners in a responsive manner
Those who want to get a feel for web UI/UX design by creating a website based on an actual site
Anyone interested in a web publisher position
Anyone who wants to create a website from scratch, step by step
Need to know before starting?
Create a web standards site (optional)
Create a responsive website (optional)
7,422
Learners
101
Reviews
1
Answers
4.9
Rating
4
Courses
안녕하세요! 🧑🏻💻
웹에 관심이 많고, 강의를 하고있는
웹 스토리보이입니다.
유튜브 채널 Webstoryboy에서
여러가지 강의를 제작합니다.
포기하지 않고 마지막 강의 까지 저와 함께 하나 하나씩 잘 따라와주면
웹 퍼블리셔에 한 발짝 더 다가가실 수 있을 거예요. 꼭 직접 해보셔야 실력이 늘 것입니다.
어렵거나 틀려서 잘 안 된다고, 모르겠다고 포기하시면 다른 사이트 만들 때도 힘이 들겠죠?
따라하시다가 틀리거나 안 되는게 있으시면 본인이 코딩한 것과 제 강의 소스를 비교하시면서
스스로 어디가 틀렸는지 찾아보세요. 그것 또한 공부가 될 거랍니다 🧚🏻♀️
오늘도 여러분의 열공을 응원하며, 화이팅입니다!
Curriculum
All
24 lectures ∙ (8hr 13min)
1. Basic tasks
12:54
2. Grid system
21:20
3. 360 grid system
16:10
4. 600 grid system
12:11
6. 960 grid system
06:42
7. Layout
17:51
8. Header
12:46
9. Header responsive
19:25
10. Banner
33:09
12. Content 1
24:38
15. Content 2
11:42
17. Content 3
25:11
19. Content 4
34:41
21. Content 5
26:58
23. Footer
19:15
Published:
Last updated:
Reviews
All
7 reviews
4.9
7 reviews
Jang JaehoonReviews 609
∙
Average Rating 4.9
- Leo
Reviews 24
∙
Average Rating 4.5
- 똘똘이스머프
Reviews 868
∙
Average Rating 5.0
- 미갱이
Reviews 16
∙
Average Rating 5.0
- 코딩하는카피바라
Reviews 8
∙
Average Rating 5.0
Free
webstoryboy's other courses
Check out other courses by the instructor!
![[웹 퍼블리싱 실습] 반응형 사이트 만들기강의 썸네일](https://cdn.inflearn.com/public/courses/328215/cover/336533da-bae5-46bd-888f-0f5f0fea43cd/328215-eng.png?f=avif&w=420)
Similar courses
Explore other courses in the same field!
![부트스트랩을 활용한 반응형 웹제작[기본 개념편] 부트캠프강의 썸네일](https://cdn.inflearn.com/public/courses/333092/cover/5a3043a4-fc2d-4b25-9096-306c8f707b5b/333092.jpg?f=avif&w=420)
![[환상의족발] 디자인부터 코딩까지강의 썸네일](https://cdn.inflearn.com/public/courses/332845/cover/5d0ef569-50e5-4300-96ed-3205d526795b/332845.png?f=avif&w=420)
![부트스트랩을 활용한 반응형 웹제작 [실전편] 부트캠프강의 썸네일](https://cdn.inflearn.com/public/courses/333141/cover/2e0b10d5-7e3c-4dd9-ace8-b3374cb55007/333141.jpg?f=avif&w=420)
![[LottieFiles 공식] LottieFiles for Framer : Framer에서 Lottie 애니메이션 200% 활용하기 (수료증 발급)강의 썸네일](https://cdn.inflearn.com/public/files/courses/338265/cover/01k184tstxzmtmrtym4rzcx4pd?f=avif&w=420)