用了2小时写了一套学生作业水准的网站首页，希望这篇文章和代码能让更多新手了解HTML DIV+CSS布局的方法和原理…该网站的主题为《去旅行吧》，整个首页下来有1800字符的代码量，当然你可以直接将首页提交作业使用但记得修改网页内的版权信息栏，也可以根据首页框架去试着做出自己主题的页面以及几个超链接页面，一般的作业需要4-6个页面左右【截图及源码在下方】。
这个首页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有运用，CSS的代码量也很足、很细致，使用hover来完成过渡效果、鼠标滑过效果等，使用表格、表单补充模块，为方便新手学习页面中没有使用js有需要的可以自行添加。
2021-05-24 14:03:11
16KB
1
ASP个人网站，有使用说明。系统需求：
IIS、FSO、Jmail组件支持
---------------------------------------------------------------------------
系统特点：
1、可自设网站栏目、文章分类；
2、提供用户注册、审核模块（可选是否开放）；
3、提供HTML和Ajax两种版本；Ajax版本子页面不含Google广告栏。
4、主页文章分类采用Ajax技术，无刷新页面，速度更快；
5、提供留言模块，以及游客留言（均可选）；
6、新增用户站长Mail通知；
7、用户访问记录以及用户下载记录，在线人数显示，在线会员浏览；
8
2021-03-08 16:05:31
588KB
1
ASP个人网站，有使用说明。系统需求：
IIS、FSO、Jmail组件支持
---------------------------------------------------------------------------
系统特点：
1、可自设网站栏目、文章分类；
2、提供用户注册、审核模块（可选是否开放）；
3、提供HTML和Ajax两种版本；Ajax版本子页面不含Google广告栏。
4、主页文章分类采用Ajax技术，无刷新页面，速度更快；
5、提供留言模块，以及游客留言（均可选）；
6、新增用户站长Mail通知；
7、用户访问记录以及用户下载记录，在线人数显示，在线会员浏览；
8、文章、分类、栏目日、月、总浏览计数；
9、来访者IP来源查询、更新（请到本站主页下载IP数据库放到Data目录下）；
10、热门文章展示（admin/showTopArtics.asp）可选排序方式（时间，点击数）；
11、热门文章置顶功能；
12、用户注册、留言、发文安全字符过滤；
13、广告显示设置；
14、提供多款免费模板，包含个人、中小企业和综合三种模板；
15、Pweb1.7为Pweb1.6的增强版，相对更安全、稳定，结构更清晰；
16、增加Firefox浏览器支持（目前仅部分CSS样式和后台支持不太好）；
注：PWeb1.7 是PWeb1.6的oncecode.com版本
---------------------------------------------------------------------------
2020-01-03 11:24:38
625KB
1
该个人网站一共有8个页面。首先博客的登录界面login.html:是利用html5和css3结合写出的一个超炫酷的页面，根据canvas粒子制作出背景具有动态的效果。登陆后根据存入数据进行比对，对其用户名、密码、验证码验证，只有通过验证后才能登录成功并且验证成功后可以达到全屏的效果。每一个页面分为footer body和footer三部分组成。头部主要就是标题栏，尾部是页脚，中间就是主题内容。index.html主页：主要就利用js焦点滚动式轮播插入图片和文字自行进行翻页，其他主要利用div和css进行控制每一个内容框。利用链接跳转到相对应的内容上。可以根据标题、标签、关键字等点击到另一个内容，图片和文字进行有个布局达到图文环绕的布局。再然后，就是 关于about.html页面：博主简介利用jquery焦点缩略图轮播滚动类似选项卡滑动切换。可以自动展现不同的图片。其次，是成长页面about.html：是博主对未来的美好未来的期待，利用bootstrap响应式布局进行布局，图片和文章不同布局相结合，是整体更协调。再其次，是娱乐fun.html页面，利用CSS3 transform当鼠标悬停到照片上时，图片具有放大特效，主要利用css3中scale()和rotate()进行旋转和缩放。接下来是说说moodlist.html：个人心情页面，博主可以发一些类似于微信或qq心情说说，具有时间年轮的效果，当鼠标放上某一个时具有高亮的效果。最后是留言comment.html页面，可以通过给博主留言。给博主一些意见，该留言可以有表情添加，留言框带有头像。
2019-12-21 20:18:34
6.16MB
1
一个站在web前段设计之路的女技术员个人博客网站，在IT行业很有名哦，大家可以去看看。四川成都的哦~ ，我是挺喜欢他的文章的，要想看作者详细信息和模板结构图，请到素材火专业做网站模板的地址：http://www.sucaihuo.com/templates。对模板和特效感兴趣的朋友，去看看吧，不枉此行的。。
2019-12-21 19:23:09
3.52MB
1