


I have a question: Should the homepage of the website be simple and elegant or should it be rich in content_html/css_WEB-ITnose
Jun 24, 2016 am 11:47 AM 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

Hot AI Tools

Undress AI Tool
Undress images for free

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Clothoff.io
AI clothes remover

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

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

ARIA's role attribute is used to define the role of web elements and improve accessibility. 1. Role attribute helps assistive technology to understand the functions of elements, such as buttons, navigation, etc. 2. Use role attributes to assign specific roles to non-semantic HTML elements. 3. The role attribute should be consistent with the element behavior and be verified by the accessibility tool test.

How to create a website layout? 1. Use HTML tags to define the content structure, such as, ,. 2. Control styles and positions through CSS, using box model, float or Flexbox layout. 3. Optimize performance, reduce HTTP requests, use cache and optimize images, and ensure responsive design.

Improve the readability and maintainability of HTML code can be achieved through the following steps: 1. Use semantic tags, such as, etc. to make the code structure clear and improve SEO effect; 2. Keep the code formatted and use consistent indentation and spaces; 3. Add appropriate comments to explain the code intention; 4. Avoid excessive nesting and simplify the structure; 5. Use external style sheets and scripts to keep the HTML concise.

The key to keep up with HTML standards and best practices is to do it intentionally rather than follow it blindly. First, follow the summary or update logs of official sources such as WHATWG and W3C, understand new tags (such as) and attributes, and use them as references to solve difficult problems; second, subscribe to trusted web development newsletters and blogs, spend 10-15 minutes a week to browse updates, focus on actual use cases rather than just collecting articles; second, use developer tools and linters such as HTMLHint to optimize the code structure through instant feedback; finally, interact with the developer community, share experiences and learn other people's practical skills, so as to continuously improve HTML skills.

The reason for using tags is to improve the semantic structure and accessibility of web pages, make it easier for screen readers and search engines to understand page content, and allow users to quickly jump to core content. Here are the key points: 1. Each page should contain only one element; 2. It should not include content that is repeated across pages (such as sidebars or footers); 3. It can be used in conjunction with ARIA properties to enhance accessibility. Usually located after and before, it is used to wrap unique page content, such as articles, forms or product details, and should be avoided in, or in; to improve accessibility, aria-labeledby or aria-label can be used to clearly identify parts.

To create a basic HTML document, you first need to understand its basic structure and write code in a standard format. 1. Use the declaration document type at the beginning; 2. Use the tag to wrap the entire content; 3. Include and two main parts in it, which are used to store metadata such as titles, style sheet links, etc., and include user-visible content such as titles, paragraphs, pictures and links; 4. Save the file in .html format and open the viewing effect in the browser; 5. Then you can gradually add more elements to enrich the page content. Follow these steps to quickly build a basic web page.

HTMLtagsareessentialforstructuringwebpages.Theydefinecontentandlayoutusinganglebrackets,ofteninpairslikeand,withsomebeingself-closinglike.HTMLtagsarecrucialforcreatingstructured,accessible,andSEO-friendlywebpages.

To create an HTML checkbox, use the type attribute to set the element of the checkbox. 1. The basic structure includes id, name and label tags to ensure that clicking text can switch options; 2. Multiple related check boxes should use the same name but different values, and wrap them with fieldset to improve accessibility; 3. Hide native controls when customizing styles and use CSS to design alternative elements while maintaining the complete functions; 4. Ensure availability, pair labels, support keyboard navigation, and avoid relying on only visual prompts. The above steps can help developers correctly implement checkbox components that have both functional and aesthetics.
