
映画前売りサイトの作成:コーディング編
webstoryboy
ウェブ標準とレスポンシブサイト作り講義によく従ってきたら今は実戦練習番!映画前売サイト制作をデザイン編とコーディング編に分けて学習します。
초급
Responsive Web
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.

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 🎨

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
*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.
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. ^^
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,364
Learners
97
Reviews
1
Answers
4.9
Rating
4
Courses
안녕하세요! 🧑🏻💻
웹에 관심이 많고, 강의를 하고있는
웹 스토리보이입니다.
유튜브 채널 Webstoryboy에서
여러가지 강의를 제작합니다.
포기하지 않고 마지막 강의 까지 저와 함께 하나 하나씩 잘 따라와주면
웹 퍼블리셔에 한 발짝 더 다가가실 수 있을 거예요. 꼭 직접 해보셔야 실력이 늘 것입니다.
어렵거나 틀려서 잘 안 된다고, 모르겠다고 포기하시면 다른 사이트 만들 때도 힘이 들겠죠?
따라하시다가 틀리거나 안 되는게 있으시면 본인이 코딩한 것과 제 강의 소스를 비교하시면서
스스로 어디가 틀렸는지 찾아보세요. 그것 또한 공부가 될 거랍니다 🧚🏻♀️
오늘도 여러분의 열공을 응원하며, 화이팅입니다!
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
All
7 reviews
4.9
7 reviews
Reviews 606
∙
Average Rating 4.9
Reviews 24
∙
Average Rating 4.5
Reviews 868
∙
Average Rating 5.0
Reviews 13
∙
Average Rating 5.0
Reviews 8
∙
Average Rating 5.0
Free
Check out other courses by the instructor!
Explore other courses in the same field!