Time store download Webpage Design

Time store download Webpage Design

Write the development process for the first time = (I don't know how to write it)

Preface

If you want to become a code farmer, you must have good code habits and file Standard Storage for future viewing.

Webpage Design consists of three parts: structure (html), style (css), and behavior (JavaScript)

Create a css folder, js folder, and images folder before development (used to store image resources used for web development)

In the past, when I first came into contact with web design, I didn't have these good habits. js and css of images and things were all thrown together, which was not easy to review.

So here we will give a reminder to cainiao who are similar to me.

The same Code specification is also very important. It is best to comment out the beginning and end of each main div module, which is very convenient for future code checks, especially when you write more code.

The last point is that the names of IDs or classes are preferably meaningful English words. If the English is not good, you can add comments and remember them several times, which is convenient for review.

= Previously, I like to use random names such as W and S. Once the code is too large, I can't think of the Css style of W.

Sorry for writing so much nonsense.

-- Zhigang's partners who are new to Web Development

Time store app

Webpage Design consists of three parts: structure (html), style (css), and behavior (JavaScript)

Day 1 to Day 3: Structure Design

Compared with css and js, the structure of webpages is the foundation and core. It is particularly important to lay a solid foundation.

So it took me a lot of days to go online to find a webpage design template and draw a design sketch. During class, I was thinking about it and drawing drawings. I also asked my friends if they were ugly.

After determining the basic structure of the webpage, you can start building and naming the div.

Home -- service -- feature character -- Introduction layer floor -- download Area -- about our company -- product development and design -- footer foot

Day 4 to day 5: homepage design

Home

The homepage design background image is particularly important, because it can be used to display the app (the background image has not been determined yet. If you have a picture of p, it is ugly, I hope that after someone designs the welcome page of this app during post-production, I can add it to the background image on the homepage)

These two models were designed at that time (what are the best looking models ??) The second step is to refer to the webpage Template

The two home settings are basically similar.

The specific css settings are not described in detail.

The fifth to sixth days: the design of the service module was also designed with two types (the first was because I saw the webpage page of the ticket and was affected, the design is full of big pictures. When the background is actually full of big pictures, when the background is not used in web development, it is easy to turn ugly and ugly, no sense of violation. I have been looking for a background for a while, changing the background, and I have been testing = a little crashed)
Finally, the second type is selected.
The settings of the two structures are almost all in four-cell format. First, a large div Service, css attaches the background to a container div to control the center display of the content (container div is used in the design of each div and can be used to control the content and the position of the entire large background) next there are four sub-div with image logo, title h3, paragraph p, detailed css will not be repeated





Day 6: character features three icons plus concise text to summarize the features of this app. Concise icons plus text generalization are more conducive to visitors to obtain information.
Seventh Day: Introduction layer floor introduction layer floor is used to describe the specific functions of this app. Currently, there are only three layers, in the future in-depth discussion, you can add the required content Introduction layer. The format is left-right --...... Relatively friendly design (this type is often seen in web design, such as the right-click or bottom-Word on the left, which is more convenient with wood. And the code can be used repeatedly .) You only need to design a large div with two left and right sides nested in it. Perform css control.

 Time store App

Campus interaction Service Social Software
Complete time transactions anytime and anywhere
Innovative, healthy, convenient, targeted, and popular
Download
 
 Release requirements
You can release your own time requirement, that is, create a time ticket. Here, you can select the time, location, and user requirement to complete the time ticket.
Positioning
The time store is based on the geographical location service and provides a certain period of time service sales exchange function. The user can search for other user interaction information near the user location, and view the time sheets and comments sold by other users nearby.
Interactive Communication
Provides two-way interaction services. Users can interact with each other on the platform.
Time coin
It can hold "time store" time coins and consume and enjoy services in time store. At the same time, it can earn time coins by accepting orders from other users. Gold Coins can be exchanged into RMB for withdrawal.
 
 
Easy transaction
Personalized design
Technical Support
 
 Product Introduction
Time store is a cutting-edge brand in the big data era, which aims to promote the exchange and sale of idle time, implements the design concept of "time-consuming gold", and strives to build a time-circulating currency model, the aim is to guide college students to find their own values through time interaction, and to create an interactive social service software for the healthy community of college campuses.
 
 Time Transaction
Provides two-way interaction services. That is to say, college students can be used as "time masters" to purchase the time period services provided by other college students, that is, "Time masters" on the Time Machine Platform; college students can also sell their time period services to other college students, that is, "Time Masters". college students can exchange time and time based on their own needs. The service scope is very wide, including skill services, agency services, knowledge services, and other daily needs of college students.
 
 Send and receive orders
With one click, you can publish your own requirements. With one click, you can view the time ticket list and receive the order according to your intention. Easy and simple to operate.




 
 Dating

 
 

  
  
Study together
  
  
Exercise together
  
  
Dinner Together
  
  
Release time ticket
  
  
Make life no longer monotonous
 
 
Sign up life
  
 
 

  
  
No time for express delivery?
  
  
Need a substitute?
  
  
The luggage is too heavy to hold?
  
  
Release time ticket
  
  
Solve all troubles
 
 
Sign up learning
  
 
 

  
  
Next to the exam month?
  
  
Want to learn new knowledge?
  
  
Want to train new skills?
  
  
Release time ticket
  
  
Find a mentor
 
 
SIGN UP
 
 
 
  
Time store APP, essential software for campus
 
 
  
Apple DownloadAndroid Download
 
 
 Company Profile
Earl technology is a high-tech software development and O & M company that provides information services. Adhering to the business philosophy of "all with user value as the basis", we provide users with stable and high-quality information exchange services, and are always in a steady state of development.
More company vision
It is the mission of Count to improve the quality of human life through Internet services. Currently, Earl technology provides users with a way of life without worries as its strategic goal. Provides Internet information services and online advertising services. Through the "time store" time economic transactions, China's leading innovative network platform meets the needs of Internet users in terms of communication and time swaps.
More
 
 Product Design
This product is independently designed and developed by the company. The time store design and development is committed to providing the best quality and convenient service platform for Haida students, and maintaining a certain degree of interaction with users. Based on User Experience Feedback, gradually improve and improve related services to provide satisfactory services to customers.
Product Development
Based on the waterfall stream software development method, the software development platform Eclipse adopts the most popular programming language Java and react native. js for collaborative development. Among them, software products are embedded into the company's custom protocols and data analysis policies, sensitive word filtering policies, database security policies, high concurrency and multi-thread control policies, the technical department of the company is responsible for development and maintenance to ensure the robustness, robustness, scalability, and secondary development and upgrade of the product.
Make it part of college life
Our market positioning is mainly for young consumers, and our initial target is the student market in colleges and universities. We gradually open up the off-campus market by using the dependence of college students on the "time store" software consumption. Moreover, there is currently no similar software platform in the student market in colleges and universities. The release of this software has opened a new opportunity.
 
 Time store App
Time store is an information service exchange and transaction platform application. It provides users with query of nearby user interaction information, requirement information, and friend information. This product is based on the geographical location service and provides a period of time service sales and exchange function. By using the mobile phone time store software, users can search for other user interaction information near users' locations, and view time sheets, comments, and other information sold by other nearby users, it can also hold "time store" time coins to consume and enjoy services in time store. At the same time, it can earn time coins by accepting orders from other users, and the coins can be exchanged into RMB for withdrawal. After a transaction, the user can obtain the appropriate experience value. As the experience value increases, the transaction grade of the user can be improved. This is an innovative and revolutionary business, game, social networking, and transaction model!
 
 
Copyright & copy; count science and technology team of Guangdong Ocean University