search
HomeWeb Front-endHTML TutorialI have a question: Should the homepage of the website be simple and elegant or should it be rich in content_html/css_WEB-ITnose

I am preparing to develop a website for a software testing center. I have completed a demand analysis and want to design the homepage of the website. I looked at the homepages of other software testing centers and found that they can be roughly divided into two types. One is rich in content. type, and the other is the simple and atmospheric type. The content-rich homepage is divided into several sections, each section displays its own abbreviated information, and you can click on it to view detailed information; the simple and elegant homepage only provides tabs, which looks more fashionable.
Here comes the question. I would like to ask some experienced experts. Should the homepage of the website be simple and elegant, or should it be rich in content?

Rich in content (Guangdong Software Evaluation Center http://www.gdstl.org.cn/)

Simple and atmospheric (China Software Evaluation Center http://www. cstc.org.cn/)


Reply to the discussion (solution)

Please give me some advice and reason!

Everyone’s aesthetics are different, promotion is the key

Rich content does not mean stingy

Choosing a style depends on you Audience and purpose of the website

General: the more professional, the more concise, the smaller the natural audience

Rich content does not mean stingy

Choosing a style depends on Your audience and the purpose of the website

Generally: the more professional the more concise, the smaller the natural audience


I always feel that simplicity is a trend in websites now, and the homepages of many large websites are It’s a simple big picture with a small amount of text

Everyone’s aesthetics are different, promotion is the key


Most people will prefer a simple one

Foreign websites have always followed a concise route, but it is hard to say in China. Different types of website styles still have different styles. What do you want to highlight?

It is related to the purpose of the website and the needs of the website. . . There is no absolute answer. . For example, most of the shopping malls have various pictures and texts, while some corporate websites are relatively simple. Some even do not use traditional HTML css but use flash as the main content of the web page. For example, Pufang

Agree with 3rd floor and 7 Lou’s point of view, the design of the website homepage has a lot to do with needs, audience, corporate culture and the purpose of the website.

It is related to the purpose of the website and the needs of the website. . . There is no absolute answer. . For example, most of the shopping malls have various pictures and texts, while some corporate websites are relatively simple. Some even do not use traditional HTML css but use flash as the main content of the web page. For example, Pufang


I have gained experience, and also Use Flash to make web pages

I personally prefer a simple web page style...

Simple is good, but don’t have too little content.

I personally prefer a simple web page style...


Me too, fashionable and elegant

Simplicity is good, but don’t There is too little content.


Personally, I think the homepage only needs to give an outline, just like a page navigation. After clicking in, the detailed content will be displayed

It’s concise and good. Many domestic websites can’t put everything on their homepage. Look. Ha Apple’s official website is simple and elegant

An article I have seen before
http://www.5icool.org/a/201210/a1652.html
I think it’s pretty good and I’d like to share it with you

A coder who only knows how to write code passes by and has never considered this problem at all. He only knows how to develop according to the needs of users

An article I have seen before
http: //www.5icool.org/a/201210/a1652.html
I think it’s pretty good. I’d like to share it with you


Thank you for sharing. My impression after reading it: the website pages are very simple and beautiful, and some are straightforward. Use large pictures to express the theme, with less text or small fonts

Coders who only know how to write code pass by and have never considered this problem at all. They only know how to develop according to the needs of users


Sometimes users also need developers to give opinions

Regardless of whether it is concise and elegant or rich in content, there are two most important points:
1. Reflect the theme of your website;
2. It’s best to have text and pictures together

Simple and elegant, such as Baidu and Google homepage, suitable for pages with clear user needs, because it is search and will not be interfered by other elements.
Content-rich ones such as 17173.com. To put it bluntly, the basic homepage of many content management systems CMS is very rich.
You can also choose between the two, or combine them. For example, the first screen displays the main things, while the 2 and 3 screens below display diverse things. A typical example is the homepage of android bus: www.apkbus.com

There are no absolute rules, it still depends on personal preferences.

Whether it is concise and elegant or rich in content, there are two most important points:
1. Reflect the theme of your website;
2. It is best to use text and pictures together


Remember.

Simple and elegant, such as Baidu and Google homepage, suitable for pages with clear user needs, because it is search and will not be interfered by other elements.
Content-rich ones such as 17173.com. To put it bluntly, the basic homepage of many content management systems CMS is very rich.
You can also choose between the two, or combine them. For example, the first screen displays the main things, while the 2 and 3 screens below display diverse things. A typical example is the homepage of android bus: www.apkbus.com

There are no absolute rules, it still depends on personal preferences.


Thank you.
Personally, I feel that the homepage of 17173.com has too much content and it takes a long time to open it. It would be better to make a large graphic button for one game type, with links to several popular games below the button
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

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 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 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

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.

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.

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 Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
2 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
2 weeks agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Integrate Eclipse with SAP NetWeaver application server.

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

VSCode Windows 64-bit Download

VSCode Windows 64-bit Download

A free and powerful IDE editor launched by Microsoft