영화 예매 사이트 만들기: 코딩편
webstoryboy
웹 표준과 반응형 사이트 만들기 강의를 잘 따라왔다면 이제는 실전 연습 차례! 영화 예매 사이트 제작을 디자인편과 코딩편으로 나누어 학습합니다.
Basic
반응형 웹
[Web Publishing Practice] Creating a Web Standard Site
If you're going to do it, do it right! This is a publishing course that follows official web standards🧑🏻💻
Reviews from Early Learners
What you will learn!
Building the Basics of HTML & CSS
Building a site that complies with web standards
Are you ready to try web publishing today?
✨ Here's a lecture for absolute beginners ✨
A lecture for aspiring web publishers ✏️
In the 'Layer Pop-up'
You can create a website like this too!
This is the most basic web course, and I recommend it for those new to website creation. This tutorial uses source code and videos to guide you through the process. By following the step-by-step examples , you'll gain a feel for how to build a website.
Building a strong foundation! I'll support your hard work.🧚🏻♀️
Learn this 📖
Layout Structure Practice
Page structure practice
Event and Additional Features Practice
Final practice
📢 Information to note when taking the course
- Source reference site
- HTML Reference
- CSS Reference
- Completion screen
- Download source
- Clicking on each item will take you to that site.
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 Current Lecture
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 Reservation Site: Design
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! Here's part 2 of building a movie ticket reservation website, coding-wise.
I recommend this to these people 🤗
New to coding and web publishing
People who have never created a site before
People who want to prepare for publishing
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 to do is prepare your passion.^^
Q. What level of content is covered in the class?
It is at a level where you can learn together even if you know nothing about HTML and CSS.
Recommended for
these people
Who is this course right for?
If you want to create a website that adheres to web standards but don't know where to start
Anyone who wants to create a website from scratch, step by step
Those who wish to work as a web publisher
7,321
Learners
96
Reviews
1
Answers
4.9
Rating
4
Courses
안녕하세요! 🧑🏻💻
웹에 관심이 많고, 강의를 하고있는
웹 스토리보이입니다.
유튜브 채널 Webstoryboy에서
여러가지 강의를 제작합니다.
포기하지 않고 마지막 강의 까지 저와 함께 하나 하나씩 잘 따라와주면
웹 퍼블리셔에 한 발짝 더 다가가실 수 있을 거예요. 꼭 직접 해보셔야 실력이 늘 것입니다.
어렵거나 틀려서 잘 안 된다고, 모르겠다고 포기하시면 다른 사이트 만들 때도 힘이 들겠죠?
따라하시다가 틀리거나 안 되는게 있으시면 본인이 코딩한 것과 제 강의 소스를 비교하시면서
스스로 어디가 틀렸는지 찾아보세요. 그것 또한 공부가 될 거랍니다 🧚🏻♀️
오늘도 여러분의 열공을 응원하며, 화이팅입니다!
Curriculum
All
36 lectures ∙ (9hr 6min)
1. layout 1
24:26
2. layout 2
10:32
3. layout 3
07:11
4. layout 4
07:17
5. layout 5
15:38
6. layout 6
16:24
7. layout 7
16:51
8. layout 8
22:00
9. layout 9
08:54
10. Skip Menu
17:35
13. Header icon
29:13
14. Full menu
16:36
15. Full Title
13:12
16. All Banners
23:02
17. Content Layout
17:11
18. Bulletin Board 1
14:23
19. Bulletin Board 2
06:24
20. Bulletin Board 3
10:46
23. Tab Menu
21:53
24. Bulletin Board 4
11:11
25. Gallery
12:50
26. Login
22:29
27. Popup
07:18
28. Footer & W3C Fix
13:25
Published:
Last updated:
Reviews
All
51 reviews
4.9
51 reviews
최민수Reviews 1
∙
Average Rating 5.0
- youngyun1181
Reviews 3
∙
Average Rating 5.0
- 박충환
Reviews 2
∙
Average Rating 5.0
- 만지
Reviews 6
∙
Average Rating 5.0
- 이승환
Reviews 18
∙
Average Rating 5.0
Free
webstoryboy's other courses
Check out other courses by the instructor!
![[웹 퍼블리싱 실습] 반응형 사이트 만들기Course Thumbnail](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!
![[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드Course Thumbnail](https://cdn.inflearn.com/public/courses/324878/course_cover/12211037-e74b-46b3-8942-46d465b81bba/webdesign-cover-02.png?f=avif&w=420)
![[2024]리베하얀의 HTML 기초 실무Course Thumbnail](https://cdn.inflearn.com/public/courses/334082/cover/faaaa70e-cae8-4488-afb0-5a2d4e7c0905/334082.png?f=avif&w=420)
![웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)Course Thumbnail](https://cdn.inflearn.com/public/courses/332868/cover/3a2245ca-bb9f-414a-ba67-403cfcb2b7c9/332868.jpg?f=avif&w=420)
![1. 웹개발 기초 [HTML, CSS]Course Thumbnail](https://cdn.inflearn.com/public/courses/324886/course_cover/998919c5-399f-416c-9f57-c611ae178c51/html-css-basic-eng.png?f=avif&w=420)
![[환상의족발] 디자인부터 코딩까지Course Thumbnail](https://cdn.inflearn.com/public/courses/332845/cover/5d0ef569-50e5-4300-96ed-3205d526795b/332845.png?f=avif&w=420)