Some conclusions on the design of portal website focus pictures
|
Focus images are a way of presenting content that integrates pictures, text, and dynamic interactive effects. They play a very important role in attracting attention (the so-called focus), optimizing page layout, and many other aspects. This is especially important in portal websites where content is paramount. I have accumulated some experience in this process and would like to share it with you. The template is more suitable for large portals like Sohu and Sina. It may not be right for personal websites and business websites. That is another matter. 1. The more stupid the better (combined with point 3) Editors hate HTML. In particular, for pages that are highly time-sensitive and frequently updated, it is most fatal to let editors directly copy content onto the HTML of the focus image. 2. Plug and play to prevent conflicts Don’t be afraid of making the class name (css class) too long. You can add prefixes and suffixes if you like. It’s better to make it more unique. The focus image function is relatively independent. Often, a page has been published for N days, and then you suddenly want to change the focus image. If the class name of the focus image is too common (such as title, head, main, etc.), it will be a tragedy if an inexplicable style conflict occurs when it is applied to the page. 3. Visual Designer Design a focus image designer, editors can use the designer to fill in data and quickly generate focus image code with one click. 4. Style must be separated from structure and behavior Editors can easily change font color, background color, etc. 5. Try to use HTML template technology Separate the structure (html) and behavior (js logic). You can consider the official jQuery template plugin 6. For super large portal websites (such as Sohu and Sina), SEO is often given lower priority than content. Why? Because this type of website is already known to everyone and there is no need to search for it. This determines the fact that JS can be used to dynamically generate the focus image Html code. Although this type of HTML code is SEO unfriendly! The last sentence: For the focus pictures of large portal websites, use json data combined with html template technology to dynamically generate the focus pictures with js, and put a lot of HTML codes related to the focus pictures into the page. Editors will hate it, which will affect the updating efficiency of the website content! |
<<: Detailed explanation of Vue plugin
>>: A comparison between the href attribute and onclick event of the a tag
Recommend
Small program to implement a simple calculator
This article example shares the specific code of ...
CSS3 uses transform to create a moving 2D clock
Now that we have finished the transform course, l...
How to install JDK8 on Windows
1. Download: http://www.oracle.com/technetwork/ja...
A simple method to implement Linux timed log deletion
Introduction Linux is a system that can automatic...
Detailed explanation of the significance of standard commit msg in JavaScript development
Table of contents The significance of standard co...
Javascript combined with Vue to achieve automatic path finding for any maze image
Table of contents Preface Two-dimensional array, ...
How MySQL supports billions of traffic
Table of contents 1 Master-slave read-write separ...
WeChat applet custom scroll-view example code
Mini Program Custom Scroll-View Scroll Bar Withou...
Some tips on deep optimization to improve website access speed
Some tips for deep optimization to improve websit...
mysql data insert, update and delete details
Table of contents 1. Insert 2. Update 3. Delete 1...
Complete steps to install FFmpeg in CentOS server
Preface The server system environment is: CentOS ...
Solution to forgetting the administrator password of mysql database
1. Enter the command mysqld --skip-grant-tables (...
MySQL UNION operator basic knowledge points
MySQL UNION Operator This tutorial introduces the...
MySQL 8.0.12 Installation and Usage Tutorial
Recorded the installation and use tutorial of MyS...
Detailed explanation of referential integrity in SQL (one-to-one, one-to-many, many-to-many)
1. Referential Integrity Referential integrity re...