Advance diploma in web designing
- Description
- Curriculum
- FAQ
- Notice
- Reviews
Welcome to the forefront of digital creativity at IICEA Computer Education Centre! Our Advanced Diploma in Web Designing is a comprehensive program designed to transform your passion for design into a thriving career in the dynamic world of web design. With a blend of hands-on training, industry-relevant curriculum, and personalized mentorship, this diploma equips you with the skills and expertise needed to succeed in the ever-evolving field of web design.
-
Advanced UI/UX Design Principles in Web designing :
- Explore advanced user interface (UI) and user experience (UX) design concepts.
- Dive deep into user research methodologies and persona creation.
- Designing for accessibility and inclusivity in digital interfaces.
- Interactive Prototyping and Motion Design:
- Utilize industry-leading prototyping tools to bring your designs to life.
- Master the principles of motion design and animation for web interfaces.
- Create interactive prototypes that enhance user engagement and usability.
- Responsive Web Design and Cross-platform Compatibility:
- Designing responsive layouts for seamless experiences across devices and screen sizes.
- Implementing best practices for cross-browser and cross-platform compatibility.
- Harnessing the power of CSS frameworks and grid systems for efficient design workflows.
- Advanced Typography and Branding:
- Elevate your designs with sophisticated typography and font pairing techniques.
- Develop a keen understanding of branding principles and visual identity systems.
- Crafting memorable brand experiences through cohesive design language.
- Emerging Technologies in Web Design:
- Explore the integration of augmented reality (AR) and virtual reality (VR) in web design.
- Harness the potential of voice interfaces and AI-driven design tools.
- Experiment with futuristic design concepts and speculative interfaces.
- Advanced Frontend Development Techniques:
- Collaborate with developers to implement complex frontend interactions and animations.
- Dive into frontend frameworks like React.js and Vue.js for dynamic web applications.
- Optimizing frontend performance for speed and accessibility.
- Advanced Graphic Design and Visual Storytelling:
- Push the boundaries of graphic design with advanced photo manipulation and digital illustration techniques.
- Master the art of visual storytelling through compelling narratives and visual metaphors.
- Incorporate multimedia elements seamlessly into your web designs.
- Portfolio Development and Professional Practices:
- Curate a standout portfolio showcasing your best work and unique design style.
- Develop essential soft skills such as client communication, project management, and presentation skills.
- Navigate the job market and prepare for a successful career as a professional web designer.
-
1
Introduction to Computer -
2
Computer Architecture
-
3
what is HTML ? -
4
Structure of HTML
Structure of HTML
-
5
How to start HTML Coding
How to start HTML Coding
-
6
Empty tags of Html
Empty tags that are using in HTML coding
-
7
Heading tags used in HTML
-
8
Html coding on VS code and how to Install VS Code
html coding on VS code and how to Install VS Code
-
9
HTML Formatting Tags
HTML Text Formatting:
HTML contains several tags for Formatting text which display text in special types.
following are the formatting tags:
<b> - Bold text
<strong> - Important text
<i> - Italic text
<em> - Emphasized text
<mark> - Marked text
<small> - Smaller text
<del> - Deleted text
<ins> - Inserted text
<sub> - Subscript text
<sup> - Superscript text
-
10
HTML Link Tags
HTML Links - Hyperlinks
HTML links are hyperlinks.
You can click on a link and jump to another document.
When you move the mouse over a link, the mouse arrow will turn into a little hand.
The HTML <a> tag defines a hyperlink. It has the following syntax:
<a href="url">link text</a>
-
11
Image Tag used in HTML
The HTML
<img>tag is used to embed an image in a web page.Images are not technically inserted into a web page; images are linked to web pages. The
<img>tag creates a holding space for the referenced image.The
<img>tag is empty, it contains attributes only, and does not have a closing tag.The
<img>tag has two required attributes:- src - Specifies the path to the image
- alt - Specifies an alternate text for the image
-
12
Lesson 10 CSS can be added to HTML documents
HTML Styles - CSS
CSS stands for Cascading Style Sheets.
Cascading Style Sheets (CSS) is used to format the layout of a webpage.
CSS can be added to HTML documents in 3 ways:
Inline - by using the style attribute inside HTML elements
Internal - by using a <style> element in the <head> section
External - by using a <link> element to link to an external CSS file
-
13
HTML style attribute CSS Inline style attribute
CSS-Inline (style attribute)
The HTML style attribute is used to add styles to an element, such as color, font, size, and more.
Setting the style of an HTML element, can be done with the style attribute.
The HTML style attribute has the following syntax:
<tagname style="property:value;">
-
14
HTML style Attribute using elements
The HTML style attribute is used to add styles to an element, such as color, font, size, and more.
following are the style attribute for styling HTML elements:
- background-color for background color
- color for text colors
- font-family for text fonts
- font-size for text sizes
- text-align for text alignment
-
15
Internal Css and its attribute Used in HTML
An internal CSS is defined in the <head> section of an HTML page, within a <style> element.
-
16
CSS Extenral Use in HTML
-
17
create a table in HMTL
-
18
List create in HTML
HTML Lists:
HTML lists allow web developers to group a set of related items in lists.
Unordered HTML List
An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
The list items will be marked with bullets (small black circles) by default.
Ordered HTML List
An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.
The list items will be marked with numbers by default.
HTML Description Lists
HTML also supports description lists.
A description list is a list of terms, with a description of each term.
The <dl> tag defines the description list, the <dt> tag defines the term (name), and the <dd> tag describes each term
-
19
List style type in html
The CSS list-style-type property is used to define the style of the list item marker.
-
20
The <title> element in HTML
The <title> element:
defines a title in the browser toolbar
provides a title for the page when it is added to favorites
displays a title for the page in search engine-results
-
21
Form introduction in HTML
An HTML form is used to collect user input. The user input is most often sent to a server for processing.
-
22
Realistic Graphic on UE4
-
23
Volta GPU for optimization.
The Tensor Core GPU Architecture designed to Bring AI to Every Industry. Equipped with 640 Tensor Cores, Volta delivers over 100 teraflops per second (TFLOPS) of deep learning performance, over a 5X increase compared to prior generation NVIDIA Pascal architecture.
-
24
Deep Learning
Productivity Hacks to Get More Done in 2018
— 28 February 2017
- Facebook News Feed Eradicator (free chrome extension) Stay focused by removing your Facebook newsfeed and replacing it with an inspirational quote. Disable the tool anytime you want to see what friends are up to!
- Hide My Inbox (free chrome extension for Gmail) Stay focused by hiding your inbox. Click "show your inbox" at a scheduled time and batch processs everything one go.
- Habitica (free mobile + web app) Gamify your to do list. Treat your life like a game and earn gold goins for getting stuff done!
