![[Web Publishing Practice] Creating a Responsive SiteCourse Thumbnail](https://cdn.inflearn.com/public/courses/328215/cover/336533da-bae5-46bd-888f-0f5f0fea43cd/328215-eng.png?w=420)
[Web Publishing Practice] Creating a Responsive Site
webstoryboy
Free
Basic / Responsive Web
5.0
(31)
Let's create a responsive web that freely changes the screen size according to the mobile, tablet, and web environment.
Basic
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.
1,180 learners
Level Basic
Course period Unlimited

Reviews from Early Learners
5.0
jusaustk
Thank you! Be happy!
5.0
Jang Jaehoon
Thank you for the great lecture!
5.0
똘똘이스머프
Thank you for the lecture. I think I gained a lot of knowledge for front-end development thanks to it. I still have a lot to learn and need to acquire it, but it was very helpful. Always take care of your health.
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,567
Learners
107
Reviews
1
Answers
4.9
Rating
4
Courses
Hello! 🧑🏻💻
I have a great interest in the web, and I am currently teaching
Web Storyboy.
On the YouTube channel Webstoryboy,
I create various lectures.
If you don't give up and follow along with me one by one until the last lecture,
you will be one step closer to becoming a web publisher. You must try it yourself to improve your skills.
If you give up because it's difficult, wrong, or you don't understand, it will be hard when you try to build other sites too, right?
If something goes wrong or doesn't work while following along, compare your code with my lecture source
and try to find where the mistake is yourself. That will also be a great way to learn 🧚🏻♀️
I’m rooting for your hard work again today. Good luck!
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
8 reviews
4.9
8 reviews
Reviews 868
∙
Average Rating 5.0
Reviews 16
∙
Average Rating 5.0
Reviews 917
∙
Average Rating 4.9
Reviews 8
∙
Average Rating 5.0
Reviews 8
∙
Average Rating 5.0
Check out other courses by the instructor!
Explore other courses in the same field!
Free