Practical Web Design & Development: 7 Courses in 1

Focused View

Creative Online School

5:18:24

26 View

1. Practical Web Design using Photoshop

1. Introduction to web design using Photoshop.mp4

02:01

2. Setting up Artboards.mp4

08:04

3. Setting the Stage.mp4

02:44

4. Wireframing.mp4

09:22

5. Wireframing UIUX for Mobile.mp4

08:42

6. Exporting Wireframes.mp4

04:56

7. Designing for Desktops.mp4

08:13

8. Designing for Mobile.mp4

08:03

9. Preparing for Slicing.mp4

01:00

10. Getting started with slicing.mp4

12:05

11. Modifying Slices.mp4

07:58

12. Final words.mp4

01:11

2. Practical HTML5 Basics

1. Introduction to HTML.mp4

03:11

2. HTML4 vs. HTML5.mp4

03:47

3. Making your first HTML page.mp4

04:23

4. Tools to create HTML files.mp4

03:14

5. Base HTML Tags.mp4

05:59

6. Paragraph Tags.mp4

03:06

7. Break Tags.mp4

02:29

8. Header Tags.mp4

05:23

9. Bold and Italic Tags.mp4

04:18

10. Ordered and unordered Lists.mp4

04:07

11. Image Tags.mp4

05:30

3. Practical HTML5 Advanced

1. Difference between Absolute Links and Relative Links.mp4

05:18

2. Hyperlinking to an external page.mp4

04:26

3. Hyperlinking to an email address.mp4

01:22

4. Hyperlinking to a file in your site.mp4

02:00

5. Playing and controlling audio.mp4

04:43

6. Playing and controlling video.mp4

03:57

7. Embedding a video.mp4

03:47

8. What is a Table - Pros and Cons.mp4

01:31

9. Table properties.mp4

05:37

10. Adding an iFrame.mp4

04:00

11. Adding an iFrame Part 2.mp4

02:58

12. What is possible with a form using HTML knowledge.mp4

01:41

13. Defining the form.mp4

01:34

14. Text fields and text areas.mp4

02:09

15. Radio buttons and check buttons.mp4

06:03

16. Data input and buttons.mp4

03:24

17. Proper file structure.mp4

04:23

18. Code commenting.mp4

04:20

19. Meta Tags.mp4

04:01

4. Practical CSS3 Basics

1. About the class - what you will need.mp4

01:09

2. What is CSS Why we need it.mp4

02:22

3. Whats new in CSS3.mp4

04:15

4. CSS Selectors, properties and attributes.mp4

01:19

5. ID Selectors.mp4

01:21

6. Class Selectors.mp4

01:41

7. Element Selectors.mp4

01:25

8. All Selectors.mp4

01:26

9. Inline style sheets.mp4

06:38

10. External style sheets.mp4

03:26

11. Inline styles.mp4

03:36

5. Practical CSS3 Advanced

1. The Box Model.mp4

04:48

2. Adding Color.mp4

05:11

3. Working with fonts.mp4

04:42

4. Background images.mp4

03:02

5. Background Images Part 2.mp4

04:26

6. Styling links.mp4

04:55

7. Styling ID Tags.mp4

02:38

8. Float and clear.mp4

07:26

9. Block and inline elements.mp4

03:04

10. Positioning.mp4

07:47

6. Web Design Basics

1. 9 Rules of better web design.html

2. Color Theory for Web Designers.html

7. Practical Bootstrap

1. Why Bootstrap.mp4

02:37

2. Download Bootstrap.mp4

03:10

3. Adding Bootstrap in your site.mp4

03:52

4. Creating the navigation.mp4

05:09

5. Creating the navigation Part 2.mp4

05:24

6. Creating the navigation Part 3.mp4

06:57

7. Creating containers.mp4

10:00

8. Styling images.mp4

02:01

9. Creating the footer.mp4

03:55

10. Adding styled buttons.mp4

03:40

8. Practical Bootstrap Advanced

1. Adding Google Maps.mp4

08:02

Description

Master in Practical Web design and development using Photoshop, HTML5, CSS3, Bootstrap and more.

What You'll Learn?

Will be able to design web page using Photoshop
Will be able to design & dev web page using HTML5
Will be able to design web page using CSS3
Will be able to create responsive web design
Will be able to create Mobile Friendly Web Design
Will be able to create stunning pages using Bootstrap

Who is this for?

Who wanna learn web design

Who wanna learn HTML5 and CSS3

Who wanna learn Adobe Photoshop

Who wanna learn practical UI/UX Design

Who wanna learn Mobile UI/UX Design

We wanna learn practical UI/UX Design using Photoshop

What You Need to Know?

No prior knowledge required

More details

Description
Our students say about this course ...
"... I must say that until now, this is the only course that speaks and aboutÂ Photoshop. Other courses are speakingÂ (except HTML, CSS) aboutÂ Bootstrap or about Javascript. I think it worth to see this course." -- Elias Katsan
"The instructor is very informative and shows obstacles students may run into while designing a website." -- Emeka Nwadiogbu
*"Great course! I learnt a little but more of programming. Thanks!" -**- David Laso MartÃn*
"It was a great course for me. I learn many thing from this course. Thanks" -- JR Jul-Haque Rahman
"This course is cover all the things to create a website using photoshop." -- Viraj Shah
By completing this course, you will become a master inÂ Web Design Technologies like Practical web design using Photoshop, HTML5, CSS3, Adobe Photoshop, and more. This course gives you hands-on and practical experience on detailed HTML5,Â CSS3, Adobe Photoshop, and more.
Contents of this tutorialÂ #Â
Practical web design using Photoshop
Introduction to web design using Photoshop
Setting Artboards
Setting the stage
Wireframing
Wireframing UI/UX for Mobile
Exporting Wireframes
Designing for Desktops
Preparing for Slicing
Final words
Interactive HTML5:Â Basics
Introduction to HTML
HTML4 vs. HTML5
Making your first HTML page
Tools to create HTML files
Base HTML Tags
Paragraph Tags
Break Tags
Header Tags
Bold and Italic Tags
Ordered and unordered Lists
Interactive HTML5: Advanced
Difference between Absolute Links and Relative Links
Hyperlinking to an external page
Hyperlinking to an email address
Hyperlinking to a file in your site
Playing and controlling audio
Playing and controlling video
Embedding a video
Whats is a Table - Pros and Cons
Table properties
Adding an iFrame
Adding an iFrame: Part 2
What is possible with a form using on HTML knowledge
Defining the formÂ
Text fields and text areas
Radio buttons and check buttons
Data input and buttons
Proper file structureÂ
Code commentingÂ
Meta tags

Interactive CSS3:Â Basics
What is CSS? Why we need it?
What's new in CSS3
CSS Selectors, properties and attributes
ID Selectors
Class Selectors
Element Selectors
All Selectors
Inline style sheets
External Style sheets
Interactive CSS3: Advanced
The Box model
Adding Color
Working with fonts
Background images
Styling ID tags
Float and Clear
Block and inline elements
Positioning
Adding the elements
Interactive Bootstrap: Basic
Why Bootstrap?Â
Downloading Bootstrap
Adding Bootstrap in your site
Creating navigation: Part 1
Creating navigation: Part 2
Creating navigation: Part 3
Styling imagesÂ
Creating the footerÂ
Adding styled buttons
Adding Google Maps

Learning HTML5, CSS3, and Adobe Photoshop is one of the fastest ways to improve your career, especially on web design and development.Â
We hope this course will be used as a helping hand for your prospective career. Please dig on free preview videos for more information.
Who this course is for:
Who wanna learn web design
Who wanna learn HTML5 and CSS3
Who wanna learn Adobe Photoshop
Who wanna learn practical UI/UX Design
Who wanna learn Mobile UI/UX Design
We wanna learn practical UI/UX Design using Photoshop

User Reviews

Rating

average 0

Total votes0

Focused display

Creative online school offers a huge and ever growing range of high creative, quality and engaging learning solutions that teach using studio quality narrated videos backed-up with practical hands-on examples and comprehensive working files. All courses are created by trained educators and experts in video based education.The emphasis is on teaching real life skills that are essential for progressing in today's commercial environment.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.