Web Design Experience

<br />The author used to be a novice in web design, but through continuous exploration and practice, he can now independently create a complete static site, and make websites for N (N＞5) departments, colleges and external companies in the school. Although not a Web Designer in the full sense, completing some sites that are not very professional and perfect is a piece of cake (hehe, does it sound like bragging?), and he already has a sense of accomplishment in his heart, so he calls himself a quasi-Web Designer!
I think my growth process is quite fast, so I would like to share my experience with you and give some reference opinions to those friends who are interested in this.
Related articles: Web design experience: The self-righteous web designer<br /> Learn knowledge step by step <br />First learn HTML, find a textbook that you can understand, and browse it. You don’t need to remember all the concepts, just remember the principles of use. At this stage, three days is probably enough; then use two days to learn CSS, using the same method as above; and then spend some time understanding JavaScript.
Then you can try to write a few web pages using Notepad. Remember not to use visual tools at this time, such as FrontPage and Dreamweaver (you will learn those later).
There is a shortcut to improve your "web page writing skills", which is to go to major websites, save the web pages (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 write web pages, and then imitate their writing methods and constantly standardize your own code. Hey, this method is not bad. Let’s imitate it carefully 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. Every time you learn an example, you will master several operations and have your own works, which gives you a sense of accomplishment. The long-term accumulation will be very helpful for your improvement. Learning Fireworks is mainly about learning image processing, such as adding some effects, and also very important is cutting images, which is very important for beginners.
At this time, you can also combine it with Dreamweaver for learning, and you can experience the seamless integration of Dreamweaver and Fireworks. Use these tools to create a few more web pages and you will reach a certain level.
If you want to add more dazzling effects to your web pages, I suggest you learn Flash. It is not difficult, and if you have a good foundation in JavaScript, you will have a sense of déjà vu when you learn ActionScript in Flash, because the two syntaxes are almost exactly the same.
At this point, I believe you can truly appreciate the power of the "Three Musketeers of the Web".
Continuously improve through practice <br />If you can spend two hours a day studying, it will probably take only 20 days to complete the above studies. If you have a high talent (like me, haha), it will take even less time. Next it’s time for an internship. Find a place to train yourself, such as working part-time in some companies, or designing a homepage for your own company.
It is best to join a formal development team. You will learn how to develop websites in a team manner, especially how to cooperate with the programming team to coordinate the pages with the back-end program database. You may worry that you are a newbie and people will look down on you. It doesn’t matter. As long as you work hard to find opportunities, there will always be opportunities.
I am especially grateful to our school's student online website for giving me an opportunity. One day, I went for a job interview with two Flash works I had made. Unexpectedly, I passed the interview. Then I had the opportunity to practice in a professional development team. Through my continuous efforts and constant questions to experts, my level improved rapidly. After two or three months, I could complete some sites independently, of course, they were only static. Here, I would like to point out that you should never be embarrassed. If you don’t know the answer, just ask. The experts will be happy to answer you. And the fact that you can ask them for advice is a kind of affirmation to them, and they will be very happy, haha.
At this point, you can basically be called a "quasi-Web Designer", but if you want to improve yourself fundamentally, it is best to learn art, which is the basic skill of being a web designer.
I started making web pages purely for my own entertainment, but in the process, I gradually began to deeply love this job. This learning process is a valuable asset in life, at least I think so.

<<: MySQL database basic syntax and operation

>>: How to create a Pod in Kubernetes

Web Design Experience

Several ways to solve the problem of floating causing the height of the parent element to collapse in CSS

mysql+mybatis implements stored procedure + transaction + multi-concurrent serial number acquisition

How to change the mysql password on the Xampp server (with pictures)

Solution for Docker container not recognizing fonts such as Songti

iframe adaptive size implementation code

vue front-end HbuliderEslint real-time verification automatic repair settings

Summary of MySQL logical backup and recovery testing

JavaScript implements click toggle function

CSS description of the implementation code for displaying text at the end of the horizontal progress bar

Vue+video.js implements video playlist

Recommend

HTML6 implements folding menu and accordion menu example code

Example of creating a virtual host based on Apache port

An Incomplete Guide to JavaScript Toolchain

Table of CSS Bugs Caused by hasLayout

Implementing WeChat tap animation effect based on CSS3 animation attribute

Implementation of Nginx Intranet Standalone Reverse Proxy

Solution to the problem of data loss when using Replace operation in MySQL

Explanation of the basic syntax of Mysql database stored procedures

mysql show simple operation example

Detailed explanation of how to use the mysql backup script mysqldump

js uses cookies to remember user page operations

js realizes the non-select drop-down box version of the three-level linkage of provinces, cities and districts

Solution to the problem that VMware workstation pro cannot be opened due to win10 update

Two ways to use react in React html

MySQL implements an example method of logging in without a password