Web design for visual people, not coders. Using Dreamweaver
Daniel Scott, Adobe Certified Trainer & UI/UX Expert
-
-
01 Intro
1:52 -
02 Exercise Files
5:31 -
03 What is Dreamweaver
3:20 -
04 Responsive
1:12 -
05 What is Bootstrap
1:58 -
06 What are Bootstrap components
9:04 -
07 What is the Bootstrap grid
1:28 -
08 How to install bootstrap using Dreamweaver
4:50 -
09 How to basic page information to a web page (meta tags)
4:04 -
09b Make our own CSS sheet
2:14 -
10 How to customize bootstrap
4:38 -
11 Adding Bootstrap containers & creating our first custom CSS
10:33 -
12 How to insert using Dreamweaver’s Before, After, Wrap, or Nest options
2:59 -
13 Production video Creating our fluid containers using Dreamweaver
5:09 -
14 How to add Bootstrap columns & rows in Dreamweaver
18:54 -
15 Production video Adding more Bootstrap columns & rows
1:47 -
16 Testing
6:16 -
17 Nesting Bootstrap containers inside each other
5:44 -
18 How to center images in Dreamweaver using Bootstrap (
4:30 -
19 Production video Nesting Bootstrap fluid containers and centering images
8:24 -
20 Adding text in Dreamweaver
2:16 -
21 HTML selector types Tags vs Classes
7:21 -
22 How to edit CSS using Dreamweaver 2015
2:21 -
23 Picking fonts in Dreamweaver using Google fonts and Adobe Edge Fonts
13:54 -
24 Production Video Fonts
8:36 -
25 Linking pages in Dreamweaver using hyperlinks
3:52 -
26 How to change html link color in Dreamweaver
4:12 -
27 Creating a Dreamweaver email link
2:04 -
28 Backup your Dreamweaver website as you go
4:44 -
29 How to add a Bootstrap navbar using Dreamweaver
11:46 -
30 How to customize Bootstrap nav bar using Dreamweavers code navigator
8:15 -
31 Answer How to remove the nav bar line from Bootstrap
1:21 -
32 How to make a CSS compound selector in Dreamweaver
3:45 -
33 How to create a CSS background image in Dreamweaver
3:55 -
34 How to absolutely position text in Dreamweaver
7:33 -
35 Production video Creating the portfolio boxes in Bootstrap
4:15 -
36 How to create the responsive mobile view using media queries in Dreamweaver
3:11 -
37 What are bootstrap columns widths xs sm md lg xl in Dreamweaver
8:38 -
38 Understanding how fonts change size in Bootstrap mobile view
6:31 -
39 How to apply bootstrap columns widths xs sm md lg xl in Dreamweaver
6:17 -
40 How to turn images off in bootstrap mobile view using Dreamweaver
3:23 -
41 Making the fonts smaller in Bootstrap mobile view using Dreamweaver
13:38 -
42 How to upload your Dreamweaver website using Godaddy com
10:26 -
43 5 things to try An FTP error occurred cannot make connection to host
6:32 -
44 Production video Tidying up the web page design
14:39 -
45 Creating extra pages
15:31 -
46 Production video contact us page
9:40 -
47 How to add embed code to a Dreamweaver site
3:36 -
48 How to embed Youtube, Addthis, Disqus, Google Maps & Eventbrite on a Dreamweaver page
9:25 -
49 Is it a good idea to use Dreamweavers starter templates
2:07 -
50 How to add a favicon to a website using Dreamweaver
5:48 -
51 How to add Bootstrap components to a web page design using Dreamweaver
11:52 -
52 What next
1:57 -
53 What to charge
2:58 -
54 The website brief
3:17 -
55 How to discount
3:08 -
56 Designer or developer
1:36 -
57 How long should a website take to build
2:32 -
58 What is job creep
3:26 -
59 Getting paid
2:56 -
60 Money Conclusion
0:40
-