Skip to content

zengqz98/carpool-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 

Repository files navigation

前言

在这次实习中,我的工作任务是负责做网站的前端开发。我对网站开发几乎是从零开始,一开始学习的时候很吃力,但随着工作的深入,工作也越来越得心应手。效率也得到大大的提高。在做完网站之余,我还了解了前端脚本库jquery,后端开发node.js等。通过这次实习机会,我的收获很大,学到了很多有用的知识。

浏览器要求

为了网站能在最新的桌面和移动浏览器上有最佳的表现,网页在较老旧的浏览器上可能会导致某些组件表现出的样式有些不同,但是功能是完整的。 支持的浏览器: Chrome (Mac、Windows、iOS和Android) Safari (Mac和iOS版,) Firefox (Mac、Windows) Internet Explorer Opera (Mac、Windows)

简介

目录文件夹中包括两个文件,一个是carpool的网站设计(home.zip),另一个是carpool的app网页端设计(pingche.zip) Carpool网站设计目的是更好的宣传carpool,使更多人能够了解carpool。页面加入大量的动画效果,富有科技感。 carpool的app网页端设计是我在工作之余发现了微信开发的一个很好的UI模板。模板功能较全,设计轻量化,适合人们在手机端使用。由此搭建的一个carpool的app页面端,在手机端运行流畅。

Carpool网站设计

Carpool网站设计运用了HTML5,CSS3,javascript三门语言,包含jquery库,bootstrap框架。解压文件有六个文件夹和五个网页文件。网站在电脑端的显示效果较好,在手机端上排版样式有些不同,但功能是相对完整的。 CSS文件夹中保存了网站的大部分CSS文件;Fonts文件夹中保存了网站的图标文件;images文件夹中保存了网站的一些图片;jquery文件夹中保存了jquery库;js文件夹中保存了网页的一些脚本js文件;tech文件夹中保存了网站的TECHNOLOGIES链接(TECHNOLOGIES独立于其它网页)。 Index.html是网站的起始网页;index-contact.html是网页中contact链接;index-download.html是网页中download链接;index-services.html是网页中services链接;index-work.html是网页中work链接。

app网页端

app网页端是基于由微信开发的WEUI搭建的一个快速,轻量(压缩后只有150k左右)的网站模板。网站设计运用了HTML5,CSS3,javascript三门语言,运用了zepto库,WEUI框架。解压后有两个文件夹。网站在手机端的微信内置浏览器中显示效果良好,在其他浏览器下功能正常但浏览效果不佳。 Style文件夹里面是WEUI的CSS文件。example文件夹里面有images文件夹,里面包含的是网站的图片素材。zepto.min.js文件是网站的脚本库;index.html是网站的页面;example.css,example.js是后期添加的样式表文件和脚本文件。 index.html网页文件,每个界面是由script区分开的其中有 id=”tpl_home”为页面打开的界面 id="ncar"为页面的发布约车界面 id="myncar"为页面的我的约车界面 id="gcar"为页面的发布搭车界面 id="mygcar"为页面的我的发布界面 id="eseat"为页面的墙上的空座位界面 data-id="CW"为页面的沧江文化线界面 id="TH"为页面的泰和线界面 id="ZS"为页面的中山线界面 id="HJ"为页面的河江线界面 id="XY"为页面的喜悦银湾线界面 id="person"为页面的个人信息界面 id="tpl_msg_success"为页面的成功提示页面 id="tpl_msg_warn"为页面的失败提示页面 id="uploader"为页面的上传界面

About

实习期间做的一个网站

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published