HTML实验报告_html实验报告

HTML实验报告由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“html实验报告”。

东北大学软件学院

《HTML与JavaScript》

实验报告

专 业：软件工程

班

级：1405 学

号：20144706 姓

名：张俊怡

完成时间：2015/12/6

指导教师：王蓓蕾

总共页数： 8

网站主界面：（针对颜色不协调的问题已经改进）

主界面布局：

全程采用table布局，主要分块为上边一块，下边一块，中间过渡用动态效果展示网站信息。

下边左边是主要功能选择区，中间是文字动态区，右边是图片以及视频动态展示区。采用的CSS方法：

Cla外部关联和内部关联配合使用 网站整体颜色风格： 用淡雅浅色作为主页背景 编写代码步骤：

最重要的是整体布局，布局好后分块修饰。

使用了JavaScript 来获取当前系统时间。

网站介绍页面：

使用了较多是js和jQuery 实现了图片的动态特效。资料下载页面：

布局方式：

采用table布局，布局较为简单，资料下载这个页面能实现的功能其实包括资料下载和上传。代码：

留言页面：

用JavaScript实现的逻辑判断

用table进行布局，form，input标签。CSS采用的是内部关联使用。

文章欣赏界面：

访客可以再次阅读所发布的文章

登陆界面，采用div布局，用内部CSS关联装饰

用JavaScript进行密码验证（当然这没用，应该用后台逻辑验证）文章展示区使用的table布局 Herf了几个文章的连接

注册粉丝界面：

简单的一个表单form，和JavaScript判断

采用table布局，难点在JavaScript判断，得一个一个判断，符合格式才能输入下一个信息。

在线聊天界面：

视频欣赏界面：

查看留言界面：

实验报告总结：网站全部界面已完成还有少部分界面未写，部分功能设计后台数据库的未实现，其他属于HTML，HTML5和JavaScript知识的功能均已实现（数据库等后台交互功能有困难），这个网站虽然不是商业性盈利模式的，但的确是我心里想要展示的，文章欣赏那一块功能是整个网站灵感的起源，因为展示的是我自己写的文章。