search
HomeWeb Front-endHTML TutorialA must-read for website beginners_html/css_WEB-ITnose

First of all, let me introduce myself. I am not an IT expert, nor am I a network expert. This is my first time blogging. It is not a hobby, just for the convenience of taking notes.

I am a post-90s generation and a novice in the workplace, let alone rich work experience, but I feel it is necessary for me to leave some of the problems and solutions I encountered on my IT journey to those who come after me. They take fewer detours.

Learning anything is the same process. When you encounter a problem?? Seek answers?? Practice repeatedly?? Solve problems. The same goes for making a website. Due to the rapid development of the Internet, more information can be obtained without going to the library to read thick books, which makes it easier for us to learn anything.

There are a lot of video materials on the Internet, and for a beginner, the large amount of information has become a confusion, which ones should be watched and which ones should be ignored. A video can be as short as dozens of minutes, and as many as several dozen minutes. hours. How can we quickly absorb these things?

I think that before learning to make a website, you must first clarify a few questions:

1. Why should I learn to make a website?

2. Can I persist?

3. Do I dare to practice more?

If a person is not interested in what he is learning, or studies purely for fun, then such learning is a waste of time.

If a person cannot persist in what he has learned, then such learning is still a waste of time.

If a person cannot practice more what he is learning, then such learning will ultimately be a waste of time.

What tools are needed to learn how to make a website?

For beginners, to make a website, you must first learn to make web pages. Only when the pages are perfectly combined can a website be made.

To create a web page, the tools required are Dreamweaver, Photoshop, Flash, and Fireworks.

PS is used to design web pages, FW is used to cut images, DW is used to turn design images into web pages, and FL is used to create animations required in web pages.

Many video tutorials use Notepad to create web pages, which is unscientific for beginners and will only mislead beginners. If you don’t even know the composition of web page code, how can you write it? Woolen cloth?


When learning to make web pages, it is very important to have some coaching materials:

1. W3School 2. I want to self-study network 3. A web communication group 4. Baidu

W3School is a very comprehensive web development learning manual. Even some colleagues in our unit who have worked for 7 or 8 years often go there to check how to use some codes.

I want to self-study website is a free video learning website. You can watch many production tutorials and the learning process is relatively regular.

The advantage of the web communication group is that you can exchange some web knowledge with each other, such as compatibility issues. In the communication group, you will learn a lot of things that are not in the tutorials.

I won’t say much more about Baidu. If you have a problem, it’s not for nothing to search for Baidu. You can search for almost any problem you encounter.

Now that we have the information, how should we study?

I recommend that beginners first read the knowledge in W3School to digest and understand.

Then watch the corresponding videos (you can also use Baidu’s corresponding graphic tutorials) to have a more intuitive understanding of the knowledge you have learned.

Next, take the video (picture and text) as an example, conduct a lot of imitation exercises, and understand the key points and principles.

If you encounter problems during practice, consult the group members or search on Baidu.

Finally, summarize and take notes on the knowledge learned.

The most important point is to review diligently, that is, after learning the following knowledge, apply the knowledge you have learned before to the web page.

This is all I can think of for now, and I will add more when I think of it later. I hope all beginners can succeed!

In the future, I will write some blog posts similar to tutorials and post them on this blog. Beginners are welcome to watch, and experts are also welcome to give guidance. Thank you!

by??Midnight Cat

Statement
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
What is the purpose of the <datalist> element?What is the purpose of the <datalist> element?Mar 21, 2025 pm 12:33 PM

The article discusses the HTML <datalist> element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

What is the purpose of the <progress> element?What is the purpose of the <progress> element?Mar 21, 2025 pm 12:34 PM

The article discusses the HTML <progress> element, its purpose, styling, and differences from the <meter> element. The main focus is on using <progress> for task completion and <meter> for stati

What is the purpose of the <meter> element?What is the purpose of the <meter> element?Mar 21, 2025 pm 12:35 PM

The article discusses the HTML <meter> element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates <meter> from <progress> and ex

How do I use HTML5 form validation attributes to validate user input?How do I use HTML5 form validation attributes to validate user input?Mar 17, 2025 pm 12:27 PM

The article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.

What is the viewport meta tag? Why is it important for responsive design?What is the viewport meta tag? Why is it important for responsive design?Mar 20, 2025 pm 05:56 PM

The article discusses the viewport meta tag, essential for responsive web design on mobile devices. It explains how proper use ensures optimal content scaling and user interaction, while misuse can lead to design and accessibility issues.

What is the purpose of the <iframe> tag? What are the security considerations when using it?What is the purpose of the <iframe> tag? What are the security considerations when using it?Mar 20, 2025 pm 06:05 PM

The article discusses the <iframe> tag's purpose in embedding external content into webpages, its common uses, security risks, and alternatives like object tags and APIs.

What are the best practices for cross-browser compatibility in HTML5?What are the best practices for cross-browser compatibility in HTML5?Mar 17, 2025 pm 12:20 PM

Article discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.

How do I use the HTML5 <time> element to represent dates and times semantically?How do I use the HTML5 <time> element to represent dates and times semantically?Mar 12, 2025 pm 04:05 PM

This article explains the HTML5 <time> element for semantic date/time representation. It emphasizes the importance of the datetime attribute for machine readability (ISO 8601 format) alongside human-readable text, boosting accessibilit

See all articles

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

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Tools

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

VSCode Windows 64-bit Download

VSCode Windows 64-bit Download

A free and powerful IDE editor launched by Microsoft

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools