Практика Shadowing: Wonderful website design - Изучайте разговорный английский с YouTube

C1
From portfolios to event pages,
⏸ Пауза
162 предложений
Если предложения слишком короткие или длинные, нажмите Edit, чтобы их изменить.
1
From portfolios to event pages,
2
a website turns your work into something people can connect with.
3
Something that represents who you are and what you stand for.
4
But launching a site can be slow and complex.
5
In this lesson, I'll introduce you to everything Canva Websites has to offer so you can make a beautiful,
6
interactive, mobile-ready website in minutes.
7
even if you've never touched a line of code.
8
And with the Visual Suite,
9
you can design and launch your website without ever leaving Canva.
10
Let's get started.
11
First, let's find a starting point.
12
Canva has a wide range of website templates ready to go,
13
so you don't have to start from scratch.
14
You can search more specifically, too.
15
Let's check out multi-page designs,
16
which are great for more complex websites.
17
I'll search multi-page and scroll through the results to find one that fits.
18
Here's the one I want.
19
I'll open it to preview.
20
You can see each page laid out clearly
21
and can explore the layouts to get a feel for the flow and visual consistency.
22
Once I'm done previewing, I'll head back to find the template we'll work on today.
23
I'm looking for something more simple.
24
I'll type event into the search bar and explore from there.
25
There are so many to choose from,
26
but this one looks like a good starting point.
27
I can preview it to see more.
28
Perfect.
29
Let's start customizing.
30
At the bottom here, you can select Add Section.
31
You can also add any page type,
32
perfect for complex websites that need multiple pages.
33
For now, I'm going to add a new section.
34
Now I want to add in a really impactful image.
35
So let's select brand, then photography to choose from some approved shots.
36
This one is really eye-catching for a beauty business, right?
37
And I already know it's brand approved.
38
I'll drag it in, just like that.
39
Now let's resize it to fit this section and center it.
40
These icons over here will help you easily change the layout,
41
adding, deleting, or duplicating sections.
42
And we can use these arrows here,
43
moving this section so it's the first thing people see when they open the website.
44
You can also adjust how much space a section takes up by grabbing this handle icon and dragging it like this.
45
Okay, that's looking good.
46
Once your structure is in place and your content feels right,
47
it's time to make it yours.
48
From here, you can bring in your brand identity,
49
tap into Canva's smart design tools,
50
and turn your site into something truly memorable.
51
I've already used our Brand Kit to keep the look and feel consistent,
52
but now I've added one final section so it needs some attention to match the rest of the website.
53
In the Brand Kit panel,
54
you'll find your brand's logos,
55
colors, and fonts, making it super easy to style your site.
56
There's also brand approved imagery.
57
Here's a set of images I'd love for this section.
58
They've been set up in the brand kit,
59
so I can just drag it in as one element.
60
Now let's adjust the colors so that they work with the rest of the website.
61
Just hit shuffle until you get a combination that's on brand and designed to look good.
62
We have some generic placeholder copy,
63
but let's use MagicWrite to get into our brand's tone of voice.
64
Select the paragraph, then change voice,
65
apply brand voice, and replace.
66
If you need more help,
67
our Branding Your Business course has a whole lesson on setting up a brand kit.
68
That's way better.
69
Finally, let's add a little finishing touch.
70
Under brand, there are some fun graphics to choose from.
71
Let's add this one, then resize it slightly, and place it here.
72
Perfect.
73
This is starting to come together,
74
but a good website is interactive.
75
A CTA, or a call to action,
76
helps visitors do things like make a booking,
77
complete a purchase, or contact you directly.
78
Let's make this button a CTA,
79
prompting people to reserve a spot for this event.
80
Now let's add a link.
81
You can link to external sites if you need to,
82
but in this case we want to link users to our sign up below.
83
select the button then right-click link hover over enter link
84
and select section six it'll take us further down the website you can also link to external sites if you need to.
85
The button's look can be customized too,
86
so we'll remove the underline,
87
change the fill color, and change the outline color.
88
Now let's test it.
89
Select the button and click the link.
90
Perfect.
91
This section could use a map.
92
Let's go to Apps, then search for Google Maps.
93
I'll search for our event location,
94
new house, and add it.
95
Let's resize this to suit the section,
96
then right-click, hit Layer, and send to back so it sits under this little floral element.
97
In the Elements tab, you can also add a form for collecting feedback,
98
sign-ups, or contact details.
99
Let's add in one to collect RSVPs.
100
We'll just drag it in, then resize it.
101
Looking good!
102
Your site's now uniquely yours.
103
Branded, interactive, and built to connect.
104
So let's bring it to life.
105
With just a few clicks,
106
you'll be able to test your website,
107
set up SEO and privacy,
108
and share it with the world.
109
Here's how to do it.
110
Time to test everything out.
111
Click the preview button, then full screen,
112
and scroll through the site like a real visitor.
113
Toggle between desktop and mobile views to check responsiveness.
114
Canva adjusts your design automatically for each device,
115
but it's worth double checking that everything looks as it should.
116
Let's try out our button on mobile.
117
Perfect.
118
Let's get ready to publish.
119
First, let's check the settings.
120
Here, we can add in a favicon.
121
Favicons are a nice visual touch for your site,
122
and they show up in search engines and browser tabs.
123
Let's also change the title and add a meta description,
124
a short summary of a website's content,
125
which It appears in search engine results.
126
It's worth including a target keyword for SEO purposes.
127
I'll copy and paste in one I've prepared.
128
These elements help search engines to understand your content.
129
But, if your site is just for a specific audience,
130
say employees only, you can uncheck this box to hide your website from search engines.
131
You can also add a password protection to restrict access.
132
Keep Mobile Resize on to optimize your site for phones.
133
Let's turn on Social Link too.
134
That'll help make links to your site look good when shared on social media.
135
This is looking clean, functional, and professional.
136
Something you'd be excited to share.
137
Speaking of sharing...
138
Once you're happy with your design,
139
interactivity, and previews, it's time to get this site published.
140
You can edit the site address here.
141
Let's just add launch here.
142
This will become part of your site's web address.
143
Want your own domain name?
144
Canva's domain routing for websites lets you publish your site to a range of domain types,
145
like a free Canva domain,
146
a domain purchased through Canva,
147
or your own custom domain from another provider.
148
Once you're happy with the setup, hit Publish.
149
Give it a moment to load.
150
Once it's ready, here's where you can copy the URL to share with everyone.
151
Now is the moment we've been waiting for.
152
Let's hit View Website.
153
And there it is.
154
polished, professional, and is completely aligned with the brand's look and feel.
155
Want to see how your content is performing?
156
Insights lets you track engagement and with multi-page designs you can even view insights for each page individually.
157
It's a powerful way to see what's landing and where you might want to improve.
158
So you've learned how to design,
159
brand, customize, publish, and track a website that's not only beautiful but built to perform.
160
With Canva's Visual Suite, every step from layout to links,
161
brand assets to SEO happen in one powerful intuitive flow.
162
Thank you.

Скачать приложение

ИИ-оценка каждого произнесённого вами предложения

Сканировать для скачивания
Сканировать для скачивания
Download on theApp Store
Get it onGoogle Play
TRENDING

Популярные

Об этом уроке

В этом уроке мы сосредоточимся на создании красивого и интерактивного веб-сайта с использованием простых и доступных инструментов. Вы научитесь работать с шаблонами, добавлять секции и обрабатывать визуальные элементы, что поможет вам создать сайт, который будет представлять вас и ваш бизнес. Эта практика не только углубит ваше понимание английского языка, но и даст возможность использовать специализированную лексику, связанную с веб-дизайном. Вы сможете улучшить произношение английского, исследуя фразы и слова, используемые в контексте разработки веб-сайтов.

Ключевая лексика и фразы

  • Шаблон (template) - стандартный дизайн, использующийся для быстрого создания страниц.
  • Секция (section) - часть веб-сайта, которая может содержать текст, изображения и другие элементы.
  • Интерактивный (interactive) - элемент, который позволяет пользователям активное взаимодействие с сайтом.
  • Лояльный к бренду (brand approved) - элементы дизайна, соответствующие стандарта вашего бренда.
  • Макет (layout) - способ размещения элементов на странице.
  • Изображение (image) - визуальный элемент, добавляемый на веб-сайт для улучшения его восприятия.
  • Многопраничный (multi-page) - относится к веб-сайту, состоящему из нескольких страниц.

Советы по практике

Для эффективной практики разговорного английского используйте метод shadowspeak. Это поможет вам не только слышать, как правильно произносить слова, но и повторять их в своем ритме. Старайтесь синхронизировать свои фразы с темпом спикера в видео, чтобы лучше уловить интонацию и акцент. Начинайте с более медленных частей, затем постепенно переходите к громкому и более быстрому произношению. Это позволит вам улучшить произношение английского и освоить язык на более глубоком уровне, а также подготовиться к реальным разговорам. Не бойтесь дублировать за диктором, выделяя ключевые слова и фразы. Это усилит вашу уверенность и плавность речи во время практики.

Что такое техника Shadowing?

Shadowing — это научно обоснованная техника изучения языка, изначально разработанная для подготовки профессиональных переводчиков и популяризированная полиглотом доктором Александром Аргуэльесом. Метод прост, но эффективен: вы слушаете аудио на английском от носителей языка и немедленно повторяете вслух — как тень, следующая за говорящим с задержкой в 1–2 секунды. В отличие от пассивного прослушивания или грамматических упражнений, Shadowing заставляет мозг и мышцы рта одновременно обрабатывать и воспроизводить реальные речевые паттерны. Исследования показывают, что это значительно улучшает точность произношения, интонацию, ритм, связную речь, понимание на слух и беглость речи — что делает его одним из самых эффективных методов для подготовки к IELTS Speaking и реального общения на английском.

☕ Угостите нас кофе