Home Web Front-end HTML Tutorial How to teach yourself web design

How to teach yourself web design

Aug 03, 2019 pm 01:33 PM
Web Design

Learn HTML first, find a textbook that you can understand, and focus on browsing. You don’t need to remember all the concepts, just remember the principles of use. At this stage, it is estimated that three days will be enough. ; Then spend two days learning CSS, using the same method as above; and then spend some time learning about JavaScript.

How to teach yourself web design

Then you can use Notepad to try to write a few web pages, Remember not to use those visual tools at this time, such as FrontPage , Dreamweaver (you’ll learn those later). (Recommended learning: web front-end video tutorial)

There is a shortcut to improve your "webpage writing", which is to go to major websites and save the webpages (What? You said You don't know how to save web pages? Just "File → Save As"), then open the saved web page, right-click → View source file, see how other people's web pages are written, then imitate their writing methods, and constantly standardize your own code . Hehe, this method is not bad. Let’s imitate it first.

Next it’s time to learn Fireworks. It is recommended to find some example tutorials on the Internet at the beginning. These example tutorials are generally introduced in great detail. Follow them step by step. Each time you learn an example, you will master several operations, and you will also have your own works. It is very There is a sense of accomplishment, and long-term accumulation will be very helpful for one's own improvement. Learning Fireworks mainly involves learning image processing, such as adding some effects, and most importantly, cutting images, which is very important for beginners.

You can also combine it with Dreamweaver to learn , and you can experience the seamless integration of Dreamweaver and Fireworks. Use these tools to create a few more web pages, and you can reach a certain level.

If you want to make your webpage more dazzling, I suggest you learn Flash. It is not difficult, and if you have a good foundation in JavaScript, you can learn Flash
. When you come to ActionScript in Flash, you will have a sense of deja vu, because the two syntaxes are almost identical.

At this point, I believe you can truly appreciate the power of the "Three Musketeers of the Web".

Continuous improvement in practice

If you can devote two hours to studying every day, it will probably take only 20 days to complete the above studies. If you are highly talented (for example, like me, haha), it will take even less time. Next, it’s time for an internship. Find a place to train yourself. For example, you can work part-time in some companies, or design a homepage for your own unit.


It is best to join a formal development team, and you will learn how to develop a website as a team, especially how to cooperate with the program team to match the page with the background program database. You may be worried that you are a novice and others will dislike you. It doesn’t matter. As long as you work hard, there will always be opportunities.

At this point, you can basically be called a "quasi-Web Designer", but to fundamentally improve yourself, it is best to study art. This is the key to becoming a web designer. Basic skills. ###

The above is the detailed content of How to teach yourself web design. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

CSS3 animation brings creative inspiration and unlimited possibilities to web designers CSS3 animation brings creative inspiration and unlimited possibilities to web designers Sep 09, 2023 pm 08:45 PM

Overview of the creative inspiration and unlimited possibilities that CSS3 animation brings to web designers: In modern web design, animation effects have become an important factor in improving user experience and increasing website attractiveness. The emergence of CSS3 animation technology has brought more flexible, rich and creative design options to web designers. This article will explore the creative inspiration and unlimited possibilities that CSS3 animation brings to web designers, and provide some code examples. 1. Basic concepts and syntax of CSS3 animation. Before introducing CSS3 animation, we first need to

Revealing the unique advantages of absolute positioning in web design Revealing the unique advantages of absolute positioning in web design Jan 23, 2024 am 08:16 AM

Explore the unique advantages of absolute positioning in web design. In web design, absolute positioning is a commonly used layout method. By using absolute positioning, elements can be placed precisely at specified locations on the web page, and some special layout effects can be easily achieved. This article explores these advantages and illustrates them with specific code examples. Precise positioning of elements Absolute positioning allows precise control of the position of elements on a web page. By specifying the top, right, bottom, and left attributes of the element, the element can be

Web design skills and practical experience sharing based on CSS3 Web design skills and practical experience sharing based on CSS3 Sep 08, 2023 pm 07:07 PM

Sharing of web design skills and practical experience based on CSS3 In today's Internet era, web design is becoming more and more important. With the advent of CSS3, designers can now use a variety of stunning effects to engage users. This article will share some web design skills and practical experience based on CSS3, aiming to help readers improve their web design level. 1. Use transition effects. Transition effects can produce smooth animation effects for elements from one state to another. By using the CSS3 transition property, we can

Study the impact of introducing CSS third-party frameworks on web design Study the impact of introducing CSS third-party frameworks on web design Jan 16, 2024 am 10:32 AM

Exploring the impact of the introduction of third-party frameworks into CSS on web design Introduction: With the rapid development of the Internet, web design has become increasingly important. In order to improve user experience and provide richer functions, developers often need to use third-party frameworks to assist design and development. This article will explore the impact of introducing CSS third-party frameworks on web design and give specific code examples. 1. What is CSS third-party framework? CSS third-party framework is a set of predefined CSS styles and components that can be called directly when building a web page. These frameworks are rich in content,

Application fields of element selectors in web design Application fields of element selectors in web design Jan 13, 2024 am 10:35 AM

The application of element selectors in web design requires specific code examples. In web design, element selectors are a very important CSS selector, which can help us control and adjust the styles of elements in web pages. By flexibly using element selectors, various exquisite web design effects can be achieved. 1. Basic syntax and usage of element selectors The element selector is the simplest type of CSS selector. It selects the corresponding element by specifying the tag name of the HTML element. The basic syntax of the element selector is: tag name {

How to use CSS Positions layout to design card layout for web pages How to use CSS Positions layout to design card layout for web pages Sep 28, 2023 am 08:17 AM

How to use CSSPositions layout to design card layout for web pages. In web design, card layout is a common and popular design method. It divides the content into independent cards, each card contains certain information, and can easily create a neat and layered page effect. In this article, we will introduce how to use CSSPositions layout to design the card layout of a web page, and attach specific code examples. Create the HTML structure First, we need to create the HTML structure to represent the card layout.

What does h5 look like? What does h5 look like? Apr 01, 2025 pm 05:29 PM

HTML5 (h5) is the fifth version of HTML, designed to enhance the flexibility and functionality of web development. The main features of h5 include: 1) new semantic tags, such as, et al.; 2) embedded audio and video support, such as, et al.; 3) Canvas drawing API; 4) Geolocation API. These features are implemented through the browser's JavaScript engine, making web pages more dynamic and interactive.

A simple guide: Create a great CSS framework to enhance the professionalism and beauty of your web design A simple guide: Create a great CSS framework to enhance the professionalism and beauty of your web design Jan 16, 2024 am 09:02 AM

Five steps to teach you how to create the perfect CSS framework: Make your web design more professional and beautiful Maintaining a professional and beautiful web design is every web designer's dream. And establishing a perfect CSS framework is the key to achieving this goal. The CSS framework is a set of predetermined style sheets and rules that help designers quickly build web page layouts and styles. Today, I will introduce you to a five-step method to help you create a perfect CSS framework. The following are the specific steps: Step 1: Analyze requirements and determine the framework structure at the beginning

See all articles