Table of Contents
Reply to the discussion (solution)
Home Web Front-end HTML Tutorial Newbie asking: What is the process of making a website? _html/css_WEB-ITnose

Newbie asking: What is the process of making a website? _html/css_WEB-ITnose

Jun 24, 2016 pm 12:04 PM
make process website rookie

I have recently been forced to put it on the shelves, and I want to make a relatively complete website (including a database). But for the first time, I was a little confused. I have to publish a low-level post in this place where experts gather... ^_^...

I would like to ask the heroes from the following aspects:
1), making a website, in general How many parts can it be divided into?
What is the process of making a website?
Which part is the most difficult?

2) In terms of web development, what are the more mainstream development tools now? Which language is easier to learn?

3) Based on development experience, heroes, please give me some forward-looking suggestions and opinions. Or some learning materials, I would also be very grateful


Reply to the discussion (solution)

I was recently pushed to the shelves, To make a relatively complete website (including database). But for the first time, I was a little confused. I have to publish a low-level post in this place where experts gather... ^_^...

I would like to ask the heroes from the following aspects:
1), making a website, in general How many parts can it be divided into?
What is the process of making a website?
Which part is the most difficult?

2) In terms of web development, what are the more mainstream development tools now? Which language is easier to learn?

3...



http://danielzzu.blog.163.com/blog/static/1185153042009101781332319/

Thank you MuBeiBei!
Finished reading A lot of gains

1) How many parts can making a website be divided into?
What is the process of making a website?
Which part is the most difficult?
????????????????????????????????????????????? ??
Answer: For the static page part, first design the page rendering (using PS), and then slice and separate the pictures and background (using Fireworks).
Next, design the web page layout according to the renderings, which involves whether to use Table or DIV CSS for layout. If you are not familiar with CSS and have to meet the deadline, you should use Table. Customers will not understand and will not care about what you use. Completing the task on time is the most important thing.

2) In terms of web development, what are the more mainstream development tools now? Which language is easier to learn?
__________________________________________________________________________________
The mainstream development tool is of course Dreamweaver. As for the language, the browser side is mainly Javascript, and the server side is mainly: asp (or ASP.NET), jsp, and PHP. . . , ASP is easier to use, and there are many ready-made source codes on the Internet.

3) Based on development experience, heroes, please give me some forward-looking suggestions and opinions. Or some study materials, I would also be grateful
???????????????????????????????????? ????????????
Making a website involves too many things, especially a dynamic website, which involves both client (front-end) development (ie: static web design part) and server-side Development (ie: dynamic web design part); involves both HTML language and Javascript scripting language, as well as server-side ASP, PHP. . . (Strictly speaking, of course, they are not a language).
Don’t say mastery, if you want to learn all these contents, it will be enough for you to work for several years. When you learn it, you will find that these technologies are already facing obsolescence. . .

Oh, no more, I’m too tired to type.

Ah, after hearing what zhoufs said, I was a little eager to give it a try, but when I saw "Don't say mastery, it will take you a few years to learn all these contents", my heart... ...confused! !

For a newbie like me, from a programmer’s perspective, where should I first start learning in terms of technology?

Please help me fill in the blanks:
for example: You need to learn (PHP or jsp...) in order to (make dynamic web pages). ????May not be accurate

The first stage: need to learn ( ) to be able to ( ).
The second stage: Need to learn ( ) and be able ( ).
The third stage: Need to learn ( ) and be able ( ).

I want to have a clearer learning list!
Thank you...

1) How many parts can making a website be divided into?
What is the process of making a website?
Which part is the most difficult?
????????????????????????????????????????????? ??
Answer: For the static page part, first design the page rendering (using PS), and then slice and separate the pictures and background (using Fireworks).
Next, design the web page layout according to the renderings, which involves whether to use Table or DIV CSS...


Thank you for your hard work. Listening to your words is better than reading a pile of information...
I will have many questions for you in the future, and I hope you will give me some advice! !
I would like to thank you

HTML is a trivial matter

What you are doing must be a dynamic language database

If you don’t know anything, it may be a problem. It will be great

Haha, you feel discouraged when you hear that you have been busy for a few years? This also varies from person to person. For those who are smart and willing to endure hardship, one year is enough.

Nowadays, many software companies do not require developers to be proficient in everything. They only need to be proficient in one. For example: Those who do web front-end development only need to know static web design; those who do page renderings only need to be proficient in PS and have a certain aesthetic ability (there are more MMs in this field); those who do back-end databases need Proficient in ASP, JSP, PHP, etc.

So, in the end, it depends on which line of work you plan to pursue. If you don’t have any foundation, it will be a bit difficult to learn. If you have perseverance, just start with the simplest front-end development. There is a book called "Unique DIV CCS Web Page Layout and Beautification" (available for download as an e-book), which is very suitable for beginners to learn and use. (There are 2 pages missing, I can pass them to you)

As for what to learn first and what to learn next, I don’t think it is necessary to follow the steps. In principle, you can learn whatever you use. You can do some simulation exercises or
actual development. The development process is also a learning process. Learning during development will have the best effect.

HTML is a trivial matter

What you are doing must be a dynamic language database

If you don’t know anything, there may be problems Very big


I know the road ahead will be difficult, but I am willing to endure hardship. Young and energetic...
I hope you will give me some advice! Thank you very much for helping me.
I would like to ask you a question:
Where should I start first when building a dynamic language database? I want to build a clearer process in my mind now.

A website is divided into a front-end and a back-end. The front-end should have a well-designed web page, and then embed relatively simple codes such as asp and php. The back-end functions may be more complicated and involve a lot of things. . However, when developing websites for small and medium-sized enterprises, they generally use CMS development, which means using other people's programs for secondary development. You only need to know some HTML. For example, Kexun’s CMS system, Fengyi’s CMS system, Dongyi and the like are all pretty good. Building a website is fast and easy to maintain.

Haha, you feel discouraged when you hear that you have been busy for several years? This also varies from person to person. For those who are smart and willing to endure hardship, one year is enough.

Nowadays, many software companies do not require developers to be proficient in everything. They only need to be proficient in one. For example: Those who do web front-end development only need to know static web design; those who do page renderings only need to be proficient in PS and have a certain aesthetic ability (there are more MMs in this field); those who do back-end databases need Proficient in ASP, JSP, PHP, etc.

So, in the end, it depends on which industry you plan to pursue. If you don’t have any basics...


Hey, how come you and I are smart and willing to endure hardships? ? You have a keen eye... (Everyone says I'm very thick-skinned, huh)
I don't do art now (I plan to ask a master to help me with that), my role in the team may be as a programmer member. Let me do my work as a programmer down to earth first. That is, my current goal is to build a backend database. (I have come into contact with databases in my last project, a small C/S project developed by Visaual C. I think it might be faster to get started, what do you think?)
I saw it said in many places: apache php mysql is the perfect combination for developing web servers.
I hope you can give me some advice. Regarding my actual situation, what development tools should I use?

A website is divided into a front-end and a back-end. The front-end should have a well-designed web page, and then embed relatively simple codes such as asp and php. The back-end functions may be more complicated and involve a lot of things. . However, when developing websites for small and medium-sized enterprises, they generally use CMS development, which means using other people's programs for secondary development. You only need to know some HTML. For example, Kexun’s CMS system, Fengyi’s CMS system, Dongyi and the like are all pretty good. Building a website is fast and easy to maintain.


Thank you, you have provided me with a brand new idea... I will continue to ask you for advice after I understand the secondary development.

"I hope you can give me some advice. Regarding my actual situation, what development tools should I use?"

Haha, since I have already done it in a software company, then It can only be determined based on the company's situation (the boss has the final say), not based on personal preference or what is currently popular.

apache php mysql is indeed a good choice, but your company may have been using ASP before, so you have to adapt, unless you change jobs, there is no other way.

This is purely for discussion and reference only, haha.

"I hope you can give me some advice, considering my actual situation, what development tools should I use?"

Haha, since I am already working in a software company Yes, it can only be determined based on the company's situation (the boss has the final say), not based on personal preferences or what is currently popular.

apache php mysql is indeed a good choice, but your company may have been using ASP before, so you have to adapt, unless you change jobs, there is no other way.

This is purely for discussion and reference only, haha.


Hehe, I am now a third-year student, and I was asked to make this website by a friend...hehehe

. net~

I’m busy for a moment. I also have this question.

I hope some experts can teach me how to complete a website as quickly as possible. ??Work,

??

Does backend development mean providing a management platform for website managers? Or does it refer to the program support behind the art? (Well, it’s a bit of a silly question)

Does backend development mean providing a management platform for website managers? Or does it refer to the program support behind the art? (Well, it is indeed a bit silly question)



It has nothing to do with art, just to give website administrators a convenient management platform, such as changing news, pictures, publishing articles, etc.

The first stage: you need to learn (ps htnm CSS) to be able to (static drawing and cutting). photoshop dreamweaver
The second stage: you need to learn (C#, ASP.NET using vs2008 or 2010, SQL server) in order to (write background code to implement).
The third stage: You need to learn (js, AJAX, XML) in order to (make the website more vivid).

The process is roughly as follows:

1. Conceive the style, which is the front desk. Color, layout, columns, etc.

2. Draw the idea in PS

3. When confirming that there are no problems. Start slicing (using ps)

4. Use Dreamweaver to splice the sliced ​​things into html pages according to the style you drew

5. Design the database. Required tables, fields, etc.

6. Writing background code. Write the data access layer first. Then the business logic. After that comes the UI (you don’t need to layer it at the beginning. Just write the code directly)

7. Replace the client controls that need to be replaced in the HTML with server controls

8. UI binding

It’s mostly ok.

The process is roughly:

1. Conceiving the style is the front desk. Color, layout, columns, etc.

2. Draw the idea in PS

3. When confirming that there are no problems. Start slicing (using ps)

4. Use Dreamweaver to splice the sliced ​​things into html pages according to the style you drew

5. Design the database. Required tables, fields, etc.

6. Writing background code. Write the data access layer first. Then the business logic. After that comes the UI (you don’t need to layer it at the beginning. Just write the code directly)

7...


Well, it’s very useful! ! Thanks!
But it feels like the road ahead is very long. If I learn and do at the same time, won’t it be very laborious? ?
Based on your experience, which part do you think is the most difficult?

The first stage: you need to learn (ps htnm CSS) to be able to (static drawing and cutting). photoshop dreamweaver
The second stage: you need to learn (C#, ASP.NET using vs2008 or 2010, SQL server) in order to (write background code to implement).
The third stage: You need to learn (js, AJAX, XML) in order to (make the website more vivid).


Thank you, thank you very much! !

Stop by and learn!

Personally, I think the difficulty is about the same. If you want to make a website, you may need to study C# for a little longer

Quoting the reply from liu86815 on the 19th floor:
The process is roughly:

1. Conception The style is from the front desk. Color, layout, columns, etc.

2. Draw the idea in PS

3. When confirming that there are no problems. Start slicing (using ps)

4. Use Dreamweaver to splice the sliced ​​things into html pages according to the style you drew

5. Design the database. Required tables, fields, etc.

6. Writing background code. Write the data access layer first. Then the business logic. After that comes the ui (...

The process is roughly:

1. Conceive the style, which is the front desk. Color, layout, columns, etc.

2. Draw the idea in PS

3. When it is confirmed that there is no problem. Start slicing (using PS)

4. Use Dreamweaver to splice the sliced ​​things according to the style you drew. Into an html page

5. Design the database. Required tables, fields, etc.

6. Write the data access layer first, and then the UI. No need to layer. Just write code directly)

7...



I’m thinking about it, but I don’t know how to use PS yet, so it’s hard to express what I’m thinking in my head... It seems Learning PS also requires a lot of effort. The road is long...

Quote from liu86815 on the 19th floor:
The process is roughly:

1. Conceive the style, which is the front desk. . Color, layout, columns, etc.

2. Draw the idea in PS

3. Start slicing (using PS)

4. , use Dreamweaver to splice the sliced ​​things into html pages according to the style you drew

5. Design the database. Required tables, fields, etc.

6. Write the background code first. Access layer. Then business logic. Then comes UI (...


It’s difficult to master PS, but it’s fast to learn how to draw a website (more ordinary)

Quoting the reply from ouyangzhongwen on the 24th floor:

Quoting the reply from liu86815 on the 19th floor:
The process is roughly:

1. Conceive the style, which is the front desk. Color, layout, columns, etc.

2. Draw the idea in PS

3. When it is confirmed that there is no problem, start slicing (using ps)

4. Use Dreamweaver to cut the sliced ​​things according to the shape. Splice the styles you drew into an html page

5. Design the database. Required tables, fields, etc.

6. ...


Thank you! ...You have to work hard

The first stage: you need to learn (ps htnm CSS) to be able to (static drawing and cutting). photoshop dreamweaver
The second stage: you need to learn (C#, ASP.NET using vs2008 or 2010, SQL server) in order to (write background code to implement).
The third stage: You need to learn (js, AJAX, XML) in order to (make the website more vivid).


The guy upstairs has written down all the knowledge points about getting blood.
First use Photoshop to make the renderings, then use Photoshop to cut the pictures, and use Dreamweaver to start the layout.
There are two ways to layout, the first is to use tables, and the second is to use DIV CSS (now popular).
After the layout, the static page is finished,
Start adding the add-in program.

First: You must know HTML code, this is the foundation
Second: For general PS technology, you must at least be able to cut pictures. If you really can’t, at least you can imitate the pages made by others. stand.
Third: You must have a certain understanding of the backend language. Even if you use CMS, you must at least have a preliminary knowledge of the language

It’s so useful. It’s a great help for a beginner like me! ! ! Thank you very much to the heroes above~~~

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)

Is there any website for learning C language? Is there any website for learning C language? Jan 30, 2024 pm 02:38 PM

Websites for learning C language: 1. C Language Chinese Website; 2. Rookie Tutorial; 3. C Language Forum; 4. C Language Empire; 5. Script House; 6. Tianji.com; 7. Red and Black Alliance; 8, 51 Self-study network; 9. Likou; 10. C Programming. Detailed introduction: 1. C language Chinese website, which is a website dedicated to providing C language learning materials for beginners. It is rich in content, including basic grammar, pointers, arrays, functions, structures and other modules; 2. Rookie tutorials, This is a comprehensive programming learning website and more.

How to open multiple Toutiao accounts? What is the process for applying for a Toutiao account? How to open multiple Toutiao accounts? What is the process for applying for a Toutiao account? Mar 22, 2024 am 11:00 AM

With the popularity of mobile Internet, Toutiao has become one of the most popular news information platforms in my country. Many users hope to have multiple accounts on the Toutiao platform to meet different needs. So, how to open multiple Toutiao accounts? This article will introduce in detail the method and application process of opening multiple Toutiao accounts. 1. How to open multiple Toutiao accounts? The method of opening multiple Toutiao accounts is as follows: On the Toutiao platform, users can register accounts through different mobile phone numbers. Each mobile phone number can only register one Toutiao account, which means that users can use multiple mobile phone numbers to register multiple accounts. 2. Email registration: Use different email addresses to register a Toutiao account. Similar to mobile phone number registration, each email address can also register a Toutiao account. 3. Log in with third-party account

Specific method to create film movement effect in PPT Specific method to create film movement effect in PPT Mar 26, 2024 pm 04:00 PM

1. Start PPT, create a new blank document, select all text boxes and delete them. 2. Execute the Insert-Shape command, drag a rectangle in the document, and fill the shape with black. 3. Drag the rectangle to elongate it, execute the Insert-Shape command, drag out the small square, and set the fill color to white. 4. Copy and paste the small squares one by one so that the top and bottom are evenly distributed on both sides of the film. After selecting them all with ctrl+a, right-click and select Group. 5. Execute the Insert-Picture command, find the picture to be inserted in the pop-up dialog box, click to open, and adjust the size and position of the picture. 6. Repeat step 5 to insert and set the remaining pictures in order to form a film picture. 7. Select the film, execute animation-add animation command

How to make a tomato novel cover How to make a tomato novel cover Feb 23, 2024 pm 01:55 PM

How to make the cover of Tomato novel? You can make exclusive novel cover in Tomato novel, but most friends don’t know how to make the cover of Tomato novel. Next is the picture of how to make the cover of Tomato novel brought by the editor to the players. Tutorial, interested players come and take a look! Tomato Novel usage tutorial How to make a Tomato Novel cover 1. First open the Tomato Novel APP, enter the work management page to create a new book, and select the [Cover Template] as shown by the arrow below; 2. Then enter the cover template page and select your favorite cover Template; 3. After finally selecting the cover, click [Confirm] in the upper right corner.

Operation guide for creating mobile Excel tables Operation guide for creating mobile Excel tables Feb 18, 2024 pm 02:41 PM

Mobile Excel table creation tutorial With the popularity of mobile devices and the continuous advancement of technology, mobile phones have become one of the indispensable tools in our daily life and work. Using Excel spreadsheets on your mobile phone can easily record, calculate and analyze data and improve work efficiency. This article will share with you the basic operations and techniques for creating mobile Excel tables. 1. Choose the right application. There are many mobile Excel applications on the market to choose from, such as GoogleSheets, Micro

Are Douyin sleep anchors profitable? What are the specific procedures for sleep live streaming? Are Douyin sleep anchors profitable? What are the specific procedures for sleep live streaming? Mar 21, 2024 pm 04:41 PM

In today's fast-paced society, sleep quality problems are plaguing more and more people. In order to improve users' sleep quality, a group of special sleep anchors appeared on the Douyin platform. They interact with users through live broadcasts, share sleep tips, and provide relaxing music and sounds to help viewers fall asleep peacefully. So, are these sleep anchors profitable? This article will focus on this issue. 1. Are Douyin sleep anchors profitable? Douyin sleep anchors can indeed earn certain profits. First, they can receive gifts and transfers through the tipping function in the live broadcast room, and these benefits depend on their number of fans and audience satisfaction. Secondly, the Douyin platform will give the anchor a certain share based on the number of views, likes, shares and other data of the live broadcast. Some sleep anchors will also

How to enable delivery notifications as a rookie How to enable delivery notifications as a rookie Feb 29, 2024 pm 07:40 PM

Many friends will check the status of their express delivery in the Cainiao parcel software, and some friends expressed that they want to know how to set up and enable delivery notifications. Let me introduce the operation method for you. Friends who don’t know yet should take a look. 1. After opening the Cainiao Wrap APP on your mobile phone, click "My" in the lower right corner of the page to switch to enter. 2. Click the "Settings" icon in the upper right corner of my page to open it. 3. Next, there is a "Message Notification" in the settings page. After finding it, click on it to enter. 4. Find the "Delivering" item on the package notification settings page, and click the corresponding switch button behind it to set it. When the button is blue, it means that the function is turned on. When the courier status changes to being delivered, we will be notified.

How to use CSS to create a countdown effect How to use CSS to create a countdown effect Oct 26, 2023 am 10:36 AM

How to use CSS to create a countdown effect. The countdown effect is a common function in web development. It can provide users with a dynamic effect of countdown and give people a sense of urgency and expectation. This article will introduce how to use CSS to achieve the countdown effect, and give detailed implementation steps and code examples. The implementation steps are as follows: Step 1: HTML structure construction First, create a div container in HTML to wrap the countdown content. For example: <divclass="countd

See all articles