Mastering XHTML and Web Development

Focused View

EDUCBA Bridging the Gap

35:55:14

0 View

1. XHTML - Beginners

1. Introduction to HTML.mp4

08:09

2. Creating First HTML Page.mp4

08:24

3. More Examples of HTML and Modifying Settings.mp4

11:30

4. XHTML Basics.mp4

07:58

5. Creating Simple Document.mp4

06:34

6. Validating XHTML.mp4

06:45

7. Understanding the Output.mp4

07:47

8. Different Types of Editors.mp4

07:36

9. Using Notepad Plus Plus.mp4

08:16

10. Different Types of Browser.mp4

07:21

11. Using Firefox.mp4

07:15

2. XHTML - Tables and Forms

1. Ordered List.mp4

07:43

2. Unordered List.mp4

07:42

3. Nested Lists.mp4

05:27

4. Definition Lists.mp4

09:45

5. Tables.mp4

07:10

6. Examples.mp4

07:32

7. Spanning Rows.mp4

07:29

8. Cols and Examples.mp4

10:54

9. Example Of the Ordered List and Unordered List.mp4

06:54

10. A Example of the Ordered List and Unordered List Continues.mp4

07:45

11. XHTML Tables.mp4

06:53

12. XHTML Tables Column Span.mp4

07:39

13. Connection With Links.mp4

10:21

14. Comparing Blog Level and Inline Element.mp4

05:29

15. Basic Links.mp4

11:50

16. Pigs in HTML.mp4

02:46

17. Hyperlinks Examples.mp4

09:41

18. Email Hyperlinks Example.mp4

06:12

19. Adding Image Using XHTML.mp4

08:23

20. Inline Images.mp4

06:24

21. Different Types of Images.mp4

07:28

22. Modifying Images Using Irfan View.mp4

09:27

23. Changing Images.mp4

05:45

24. Batch Processing.mp4

05:36

25. Using Images as Links.mp4

07:53

26. Different Elements of Forms.mp4

05:58

27. Creating Basic Form.mp4

06:49

28. Building Textstyle Input.mp4

06:43

29. Building Textstyle Inputs and Examples.mp4

05:50

30. What are Checkboxes.mp4

11:54

31. Creating Checkboxes.mp4

07:43

32. Understanding Radio Buttons.mp4

06:37

3. XHTML - Styling with CSS

1. Understanding Cascading Style Sheet.mp4

09:10

2. Example of Cascading Style Sheet.mp4

05:28

3. Hex Colors and Example.mp4

12:06

4. Setting Font Family.mp4

06:16

5. Using Generic Fonts.mp4

08:15

6. Curse of Web Based Fonts.mp4

09:13

7. Using Images for Headings.mp4

05:58

8. Font Size.mp4

06:20

9. Measuring Units for Fonts.mp4

08:35

10. Text Align.mp4

08:11

11. Text Decoration.mp4

07:05

12. Other Text Attributes.mp4

06:42

13. Extra Examples for Font.mp4

08:22

14. Examples on CSS.mp4

06:36

15. More on Examples on CSS.mp4

08:13

4. XHTML - Advanced Styling with CSS

1. Selector Class and Style.mp4

06:48

2. Creating Style with ID.mp4

08:16

3. Modifying EM and Strong Tag.mp4

07:36

4. Defining Classes.mp4

06:29

5. Div Tag.mp4

08:29

6. Span Tag.mp4

09:36

7. Styling the Links.mp4

07:19

8. Selecting by Context.mp4

08:03

9. Extra Examples.mp4

10:14

10. Extra Examples Continues.mp4

08:51

11. Creating Borders.mp4

07:59

12. Border Shortcut.mp4

06:49

13. Margin and Padding.mp4

08:44

14. Positioning Elements.mp4

07:08

15. Background Images.mp4

07:05

16. Working with Examples.mp4

06:34

17. Manupulating Background Images.mp4

07:08

18. Manupulating Background Images Continues.mp4

07:31

19. Local Styles Sheet.mp4

06:50

20. External Style Sheet.mp4

10:23

21. Applying External Style To Multiple Files.mp4

07:20

22. Inheriting Styles Sheet.mp4

07:40

23. Overriding Styles.mp4

09:59

24. Conditional Comments.mp4

07:23

25. Extra Examples of CSS.mp4

06:36

26. Extra Examples of CSS Continues.mp4

07:36

5. XHTML - Positional CSS for Layout

1. Drawbacks Of Traditional Layout.mp4

07:02

2. Binary Encoding And Flash Web Pages.mp4

07:35

3. Float With The Block Level Element.mp4

07:37

4. Float Attribute With Image.mp4

08:58

5. Float With Paragraph.mp4

06:48

6. Float With Paragraph Continues.mp4

05:59

7. Float With Forms.mp4

11:01

8. Creating A 2 Column Design.mp4

07:57

9. Tuning Up The Borders.mp4

07:24

10. Creating A 3 Column Design.mp4

06:05

11. Using Min-Height Attribute.mp4

06:31

12. Jello Layout.mp4

07:38

13. Examples Jello Layout.mp4

09:04

14. Extra Examples.mp4

11:22

15. Vertical List.mp4

07:57

16. Horizontal Lists.mp4

07:23

17. Nested Lists.mp4

06:01

18. Hover Effect.mp4

08:35

19. Creating Menus with CSS.mp4

09:08

20. Examples of Creating Menus with CSS.mp4

08:34

21. Absolute Positioning.mp4

08:50

22. Working and Managing with Z-index.mp4

06:00

23. Page Layout with Absolute Positioning.mp4

07:52

24. Examples Page Layout with Absolute Positioning.mp4

08:40

25. Fixed Position.mp4

05:50

26. Relative Position.mp4

08:44

27. Extra Examples for Using Alternative Positioning.mp4

10:03

28. Extra Examples for Using Alternative Positioning Continue.mp4

07:19

6. XHTML - Server Side Programming with PHP

1. Setting up Server.mp4

08:09

2. Creating a Simple file in PHP.mp4

09:48

3. Creating Sample PHP Program.mp4

06:43

4. Using Variables in PHP.mp4

07:35

5. Building XHTML Output.mp4

06:29

6. Using HEREDOC.mp4

07:00

7. Generating HTML with PHP Extra Examples.mp4

06:14

8. Generating HTML with PHP Extra Examples Continues.mp4

07:50

9. PHP and Forms.mp4

08:31

10. Example PHP and Forms.mp4

05:58

11. Form Get Method.mp4

06:57

12. Form Post Method.mp4

07:52

13. Multiple Input Type.mp4

09:02

14. Example Multiple Input Type.mp4

06:07

15. PHP and XHTML Forms Extra Examples.mp4

11:25

16. PHP and XHTML Forms Extra Examples Continues.mp4

09:19

17. If Conditions.mp4

08:31

18. If Else Conditions.mp4

05:50

19. Multiple If Else.mp4

07:23

20. Comparison Operators.mp4

08:43

21. Conparison Operators.mp4

12:08

22. Logical Operators.mp4

02:22

23. Switch Case Condition.mp4

08:56

24. Loops Condition.mp4

07:51

7. XHTML - Advanced Server Side Programming with PHP

1. One Dimensional Array.mp4

10:31

2. Print R Function.mp4

04:15

3. Associative Array.mp4

07:59

4. Multidimensional Array.mp4

07:49

5. For Each Loop with Array.mp4

06:45

6. Working with Examples.mp4

09:55

7. For Each Loop for Associative Array.mp4

09:51

8. Creating Functions.mp4

09:40

9. Variables in Functions.mp4

05:54

10. Returning Data Variable from Function.mp4

06:31

11. Returning Data Variable from Function Continues.mp4

05:04

12. File Functions.mp4

09:46

13. Writing into CSV File.mp4

05:01

14. Reading From CSV File.mp4

06:50

15. Directory Functions.mp4

08:42

16. Retrieving Data from My SQL.mp4

06:46

17. Displaying Result from Database.mp4

07:11

18. Displaying in XHTML Table.mp4

07:58

8. XHTML Practical - Styling with XHTML and CSS

1. Introduction to XHTML Project.mp4

02:31

2. Project XHTML Part 1.mp4

30:10

3. Project XHTML Part 2.mp4

25:30

4. Project XHTML Part 3.mp4

34:40

5. Project XHTML Part 4.mp4

36:18

6. Project XHTML Part 5.mp4

20:18

9. XHTML Practical - Creating Website for an Engineering College

1. Introduction to Project XHTML.mp4

02:17

2. Creating College Website Part 1.mp4

29:05

3. Creating College Website Part 2.mp4

29:14

4. Creating College Website Part 3.mp4

30:25

5. Creating College Website Part 4.mp4

35:20

10. XHTML Practical - Case Study on XYZ Bank

1. Introduction to XHTML Advance.mp4

11:00

2. Case Study XYZ Bank Part 1.mp4

11:39

3. Case Study XYZ Bank Part 2.mp4

10:29

4. Case Study XYZ Bank Part 3.mp4

10:26

5. Case Study XYZ Bank Part 4.mp4

08:36

6. Case Study XYZ Bank Part 5.mp4

09:53

11. Project on BootStrap - Creating an e-Commerce Website

1. Introduction to the Project.mp4

10:24

2. Header.mp4

12:06

3. Menu.mp4

09:28

4. Section.mp4

07:15

5. Grids.mp4

07:19

6. Grids Continue.mp4

10:31

7. Products.mp4

10:39

8. Conclusion.mp4

10:59

9. Conclusion Continue.mp4

10:04

12. Project on CSS and HTML - Designing a Company Website

1. Intro to CSS-HTML Project.mp4

03:00

2. Heme Header.mp4

08:53

3. Navigation Bar.mp4

05:41

4. Creating Navigation Bar in CSS.mp4

07:05

5. Add Services and its Drop Down Links.mp4

10:18

6. NB About Us.mp4

09:20

7. NB Contact Us.mp4

05:56

8. NB Career.mp4

05:59

9. Header Image.mp4

04:51

10. Welcome Text.mp4

05:10

11. Link and Image.mp4

08:30

12. Links with Images with CSS.mp4

03:55

13. Project on HTML CSS - Landing Page Design

1. Introduction to Project.mp4

12:11

2. Adding HTML Elements.mp4

10:11

3. Adding HTML Elements Continue.mp4

08:18

4. Styling Using CSS.mp4

14:22

5. Styling Using CSS Continues.mp4

05:17

6. Creating Landing Page.mp4

13:05

7. Creating Landing Page Continue.mp4

07:10

8. Adding Style to Landing Page.mp4

10:10

9. Adding Style to Landing Page Continues.mp4

12:46

10. Output of the Project.mp4

02:20

14. Project on VBScript and HTML - Online Convertor and Calculator

1. Visual Studio 2022 Overview.mp4

07:51

2. Introduction to Project.mp4

14:39

3. Creating Webpages.mp4

07:20

4. Styling Them.mp4

05:51

5. Create Convert Page.mp4

08:17

6. Styling Convert Page.mp4

12:18

7. Creating and Styling Calculator.mp4

11:02

8. Adding Script to Calculator.mp4

10:55

9. Run VBScript in Browser.mp4

06:01

10. Adding Script to Convert Page.mp4

02:33

11. Output of the Project.mp4

03:42

15. Project On HTML CSS - Online Resume Builder

1. Introduction to the Project.mp4

12:04

2. Creating HTML Elements.mp4

11:26

3. Creating HTML Elements Continue.mp4

06:17

4. Creating Templates in HTML.mp4

13:54

5. Creating Forms in HTML.mp4

13:14

6. Creating Forms in HTML Continue.mp4

08:24

7. Creating Modals for Additional Information.mp4

11:36

8. Adding Results and Scripts.mp4

04:58

9. Adding CSS to HTML Elements.mp4

13:38

10. Adding CSS to HTML Elements Continue.mp4

04:15

11. Adding jQuery File to webpage.mp4

11:43

12. Adding jQuery File to webpage Continue.mp4

06:17

16. Project - Construction and Design Website using CSS

1. Intro to Project.mp4

11:57

2. Boxmodel.mp4

11:03

3. Boostrap.mp4

05:57

4. Borders.mp4

04:29

5. Colors.mp4

06:09

6. Grid.mp4

09:11

7. Padding.mp4

04:41

8. Animation.mp4

05:48

9. Fonts.mp4

10:26

10. Fonts Continue.mp4

04:27

11. Pagination.mp4

10:54

12. Tables.mp4

06:47

13. Transaction.mp4

04:49

14. Header.mp4

09:16

15. Header Continue.mp4

10:30

16. Service.mp4

12:28

17. Project Coading.mp4

07:10

18. Project Coading Continue.mp4

07:46

19. Footer.mp4

06:46

Description

Unlock your web development potential and master XHTML, CSS, and PHP with hands-on projects and real-world applications

What You'll Learn?

XHTML Fundamentals: Students will learn the basics of XHTML, including creating and validating XHTML documents, using different types of editors.
Tables and Forms: The course covers how to create and style tables and forms in XHTML, including working with different types of lists, hyperlinks, images
Styling with CSS: Students will master the fundamentals of CSS, including how to set font families, colors, and sizes, align text, and apply various styles.
They will also learn advanced CSS techniques such as creating borders, managing margins and padding, and using background images.
Advanced CSS Techniques: The course delves into advanced CSS styling, including selector classes, ID styling, and the use of local and external style sheets.
Students will also explore positioning elements with absolute, relative, and fixed positioning techniques.
Server-Side Programming with PHP: Students will be introduced to PHP for server-side programming, learning how to create and manage PHP files, handle forms
Advanced PHP Programming: Building on the basics, students will explore advanced PHP topics such as working with arrays, functions, file operations.
Practical Projects: Students will apply their knowledge through practical projects, including styling with XHTML and CSS, creating websites
Landing Page and Resume Builder Projects: The course includes projects focused on designing a landing page and an online resume builder.
VBScript Integration: Students will also gain experience in integrating VBScript with HTML to create online tools like converters and calculators.
Construction and Design Website: The final project involves creating a construction and design website using CSS, incorporating various styling techniques.
Overall, students will finish the course with a robust understanding of web development, capable of designing and building professional-quality websites.

Who is this for?

Aspiring Web Developers: Individuals looking to start a career in web development will benefit from a comprehensive introduction to XHTML, CSS, and PHP. This course provides foundational skills necessary for creating and styling web pages.

Beginners with No Prior Experience: Those with little or no prior knowledge of web development technologies will find this course accessible and informative, as it covers everything from the basics to more advanced concepts.

Current Web Designers: Web designers who want to expand their skill set to include server-side programming with PHP, as well as gain a deeper understanding of XHTML and advanced CSS techniques, will find this course valuable.

Students in Computer Science or IT: Students pursuing degrees in computer science or IT who need practical experience in web development will gain hands-on experience through this course's projects and exercises.

Freelancers and Hobbyists: Freelancers and hobbyists interested in building their own websites or those of clients will find this course useful for learning how to create, style, and enhance websites effectively.

Small Business Owners: Small business owners who want to develop or manage their own websites will benefit from learning how to use XHTML, CSS, and PHP to create a professional online presence.

Overall, this course is designed for anyone eager to learn web development from the ground up, providing a thorough understanding of both the theoretical and practical aspects of creating and managing websites.

What You Need to Know?

Basic Computer Skills: Familiarity with operating a computer and navigating the internet is essential. Students should be comfortable using web browsers and file management tools.

No Prior Programming Experience Required: The course is designed for beginners, so no previous knowledge of XHTML, CSS, or PHP is necessary.

Basic Understanding of HTML: While not mandatory, having a basic understanding of HTML will be beneficial. Students will start from the fundamentals, but prior exposure can help ease the learning process.

Text Editor: Students should have access to a text editor like Notepad++ or a similar program for writing and editing code. Instructions for installation and usage will be provided.

Web Browser: A modern web browser (such as Firefox, Chrome, or Edge) is required for testing and viewing web pages.

Optional: Visual Studio Code or IDE: For advanced students or those interested in a more robust development environment, installing an integrated development environment (IDE) like Visual Studio Code is optional but recommended.

Basic Understanding of Design Concepts: While not essential, a basic understanding of web design principles and layout concepts can be helpful.

Overall, the course is structured to accommodate beginners and will guide students through all necessary steps to ensure they build a solid foundation in XHTML, CSS, and PHP.

More details

Description
Introduction
Embark on a comprehensive journey through the essentials of XHTML and web development in our "Mastering XHTML and Web Development" course. This course is designed to take you from foundational knowledge to advanced techniques, providing you with the skills necessary to build dynamic, visually appealing, and functional websites. You will learn the intricacies of XHTML, CSS styling, server-side programming with PHP, and hands-on projects that simulate real-world scenarios.
Course Content Overview
Section 1: XHTML Basics
Dive into the fundamentals of XHTML with an introduction to HTML and the creation of your first web page. This section will cover the basics of XHTML, including document creation, validation, and understanding different types of editors like Notepad++ and browsers such as Firefox. You'll learn how to structure and style simple documents while ensuring they meet XHTML standards.
Section 2: XHTML - Tables and Forms
Expand your knowledge by mastering tables and forms in XHTML. You'll explore creating ordered and unordered lists, defining tables, and spanning rows and columns. This section also includes practical exercises with hyperlinks, adding and modifying images, and building forms with various input types like text fields, checkboxes, and radio buttons.
Section 3: XHTML - Styling with CSS
Learn to enhance your XHTML documents with Cascading Style Sheets (CSS). This section introduces CSS fundamentals, including setting font families, colors, and sizes, as well as text alignment and decoration. You'll explore CSS examples and styling techniques to create visually engaging web pages.
Section 4: XHTML - Advanced Styling with CSS
Delve deeper into advanced CSS styling techniques. This section covers selector classes, ID styling, and modifications to HTML tags. You'll learn about styling links, creating borders, managing margins and padding, and working with background images. You'll also gain skills in using local and external style sheets, and overriding styles.
Section 5: XHTML - Positional CSS for Layout
Master the art of layout design with positional CSS. This section addresses the drawbacks of traditional layouts, and explores float attributes with block elements, images, and paragraphs. You'll learn to create multi-column designs, manage positioning, and work with various positioning techniques like absolute, relative, and fixed positioning.
Section 6: XHTML - Server-Side Programming with PHP
Get introduced to server-side programming using PHP. Learn to set up a server, create and manage PHP files, and use variables. This section includes generating XHTML output with PHP, working with forms, and handling various input methods. You will also dive into conditional statements, loops, and comparison operators.
Section 7: XHTML - Advanced Server-Side Programming with PHP
Advance your PHP skills with arrays, functions, and file handling. This section covers one-dimensional, associative, and multidimensional arrays, and demonstrates how to create and use functions in PHP. Learn to read from and write to CSV files, and interact with MySQL databases to display results in XHTML tables.
Section 8: XHTML Practical - Styling with XHTML and CSS
Apply your knowledge in practical projects that focus on styling with XHTML and CSS. This section involves a series of hands-on projects to reinforce your skills and help you develop a solid understanding of XHTML and CSS styling techniques.
Section 9: XHTML Practical - Creating Website for an Engineering College
Create a fully functional website for an engineering college as a comprehensive project. This section will guide you through each step of building and styling the website, from layout design to content organization.
Section 10: XHTML Practical - Case Study on XYZ Bank
Work on a case study project for XYZ Bank to apply advanced XHTML and CSS techniques. This section will provide detailed instructions on creating a professional website for a financial institution, covering various aspects of design and functionality.
Section 11: Project on Bootstrap - Creating an e-Commerce Website
Learn to build an e-commerce website using Bootstrap. This section covers the creation of headers, menus, product sections, and grid layouts, providing a practical approach to modern web design with Bootstrap.
Section 12: Project on CSS and HTML - Designing a Company Website
Design a company website using CSS and HTML. This section includes creating navigation bars, adding services, and styling various elements to develop a polished, professional-looking company site.
Section 13: Project on HTML CSS - Landing Page Design
Develop a landing page using HTML and CSS. This section focuses on adding HTML elements, styling them with CSS, and creating an attractive and functional landing page.
Section 14: Project on VBScript and HTML - Online Converter and Calculator
Explore VBScript and HTML by creating an online converter and calculator. This section will guide you through setting up Visual Studio, designing web pages, and adding functionality with VBScript.
Section 15: Project on HTML CSS - Online Resume Builder
Build an online resume builder using HTML and CSS. This project will involve creating HTML templates, forms, and modals, and integrating jQuery for enhanced functionality.
Section 16: Project - Construction and Design Website using CSS
Undertake a comprehensive project to construct and design a website using CSS. This section includes working with box models, grids, animations, and various CSS properties to create a fully functional and visually appealing construction website.
Conclusion
By the end of this course, you will have a robust understanding of XHTML, CSS, and PHP, and will be capable of designing, developing, and styling complex web pages and applications. The practical projects will provide you with real-world experience and a portfolio of work to showcase your new skills.
Who this course is for:
Aspiring Web Developers: Individuals looking to start a career in web development will benefit from a comprehensive introduction to XHTML, CSS, and PHP. This course provides foundational skills necessary for creating and styling web pages.
Beginners with No Prior Experience: Those with little or no prior knowledge of web development technologies will find this course accessible and informative, as it covers everything from the basics to more advanced concepts.
Current Web Designers: Web designers who want to expand their skill set to include server-side programming with PHP, as well as gain a deeper understanding of XHTML and advanced CSS techniques, will find this course valuable.
Students in Computer Science or IT: Students pursuing degrees in computer science or IT who need practical experience in web development will gain hands-on experience through this course's projects and exercises.
Freelancers and Hobbyists: Freelancers and hobbyists interested in building their own websites or those of clients will find this course useful for learning how to create, style, and enhance websites effectively.
Small Business Owners: Small business owners who want to develop or manage their own websites will benefit from learning how to use XHTML, CSS, and PHP to create a professional online presence.
Overall, this course is designed for anyone eager to learn web development from the ground up, providing a thorough understanding of both the theoretical and practical aspects of creating and managing websites.

User Reviews

Rating

average 0

Total votes0

Focused display

HTML

EDUCBA Bridging the Gap

Instructor's Courses

EDUCBA is a leading global provider of skill based education addressing the needs of 1,000,000+ members across 70+ Countries. Our unique step-by-step, online learning model along with amazing 5000+ courses and 500+ Learning Paths prepared by top-notch professionals from the Industry help participants achieve their goals successfully. All our training programs are Job oriented skill based programs demanded by the Industry. At EDUCBA, it is a matter of pride for us to make job oriented hands-on courses available to anyone, any time and anywhere. Therefore we ensure that you can enroll 24 hours a day, seven days a week, 365 days a year. Learn at a time and place, and pace that is of your choice. Plan your study to suit your convenience and schedule.

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.