- 1、本文档共11页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
东北大学软件学院
《HTML与JavaScript》
实验报告
专 业: 软件工程
班 级: 1405
学 号:
姓 名: 张俊怡
完成时间:2015/12/6
指导教师:王蓓蕾
总共页数: 8
网站主界面:(针对颜色不协调的问题已经改进)
主界面布局:
全程采用table布局,主要分块为上边一块,下边一块,中间过渡用动态效果展示网站信息。
下边左边是主要功能选择区,中间是文字动态区,右边是图片以及视频动态展示区。
采用的CSS方法:
Class外部关联和内部关联配合使用
网站整体颜色风格:
用淡雅浅色作为主页背景
编写代码步骤:
最重要的是整体布局,布局好后分块修饰。
使用了JavaScript
script language=JavaScript type=text/javascript
var d=new Date();
var monthname=new Array(January,February,March,April,May,June,July,August,September,October,November,December);
var TODAY = monthname[d.getMonth()] + + d.getDate() + , + d.getFullYear();
/script
来获取当前系统时间。
网站介绍页面:
使用了较多是js和jQuery
实现了图片的动态特效。
资料下载页面:
布局方式:
采用table布局,布局较为简单,资料下载这个页面能实现的功能其实包括资料下载和上传。
代码:
留言页面:
用JavaScript实现的逻辑判断
用table进行布局,form,input标签。
CSS采用的是内部关联使用。
文章欣赏界面:
访客可以再次阅读所发布的文章
登陆界面,采用div布局,用内部CSS关联装饰
用JavaScript进行密码验证(当然这没用,应该用后台逻辑验证)
文章展示区使用的table布局
Herf了几个文章的连接
注册粉丝界面:
简单的一个表单form,和JavaScript判断
采用table布局,难点在JavaScript判断,得一个一个判断,符合格式才能输入下一个信息。
在线聊天界面:
视频欣赏界面:
查看留言界面:
实验报告总结:网站全部界面已完成还有少部分界面未写,部分功能设计后台数据库的未实现,其他属于HTML,HTML5和JavaScript知识的功能均已实现(数据库等后台交互功能有困难),这个网站虽然不是商业性盈利模式的,但的确是我心里想要展示的,文章欣赏那一块功能是整个网站灵感的起源,因为展示的是我自己写的文章。
文档评论(0)