Zervan29131 / com.movie

2021-2022第1学期《Web开发基础》期末作品

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

网站主题与主要栏目简介

网站主题为电影网 主要栏目为首页、电影、电视剧、动漫、论坛 首页分为三个板块:最新电影、热门电影、热门精选

页面板块简介

1、 Index 主要栏目为首页、电影、电视剧、动漫、论坛 首页分为三个板块:最新电影、热门电影、热门精选

2、 Login 用户登录页面

3、 Play 视频播放页面

素材简介

采用canvas画板脚本绘制动画修饰背景

脚本介绍 随机的线条和当前位置联合数组 遍历处理每一个点 创建画布,并添加到body中 初始化画布大小 当时鼠标位置存储,离开的时候,释放当前位置信息 随机生成config.n条线位置信息

制作步骤

1、确定网站主题,分析网站的主题和功能。 2、收集相关图片、文字、视频等资料; 3、规划网站结构、栏目的设置、网站的风格、版面布局 4、本地测试,浏览所有的网页,检查是否右错误(内容是否完整、界面是否合理,链接是否正确)。

一、 网站技术要求

  1. 用HTML定义网页内容和结构,网页的整体结构以div为主。

  2. 用单独的css文件定义网页的外观。

必须用到的知识点:

1)css选择器

2)盒子模型

3)列表或超链接(至少选一个)

4)浮动与定位(至少选一个)

选用知识点:

1)HTML表单

2)元素类型转换

3)表格

  1. 用单独的javascript文件实现网站的动态效果

必须用到的知识点:

  1. 函数

  2. 事件处理

  3. DOM(BOM)对象

三、网站内容要求

1.网站中至少包含1个主页和1个二级页面(至少做2个页面)。

2、网站首页至少包含4个div。如logo和导航、banner、内容、版权信息。具体版面布局自定。

3、网站中至少包含3类(.html,.css,.js)。

4、网页中须包含多媒体元素(图像、flash、视频等)至少1种。

4、按照模板要求填写设计说明文件。跟网站一起上交。

四、网站效果要求

1、站点结构组织合理,网页文件、图片文件、css文件、javascript文件命名规范,所需资源放在相应文件夹内,一起上交。

2、使用浏览器打开后网页界面布局正确、运行正常,不要使用受限的元素(统一测试标准为IE11浏览器或谷歌浏览器),没有无法打开的图片或动画。

3、版面布局合理,色彩搭配和谐,页面美观大方。

4、内容充实,主题突出,导航明确,结构清晰,具有良好的交互性。

About

2021-2022第1学期《Web开发基础》期末作品

License:MIT License


Languages

Language:HTML 52.3%Language:CSS 28.8%Language:JavaScript 18.9%