web课程设计报告-视频网站

Web应用开发基础设计

题目：电影网站设计与实现_

系部：_信息技术工程学院___

专业：_xxxxxxxx___________

班级：_xxxxxxxx ___________

学号：_xxxxxxxxxxxx________

姓名：_xxxxxxx_____________

目录

一、实验目的 (3)

二、实验需求 (3)

三、实验功能 (3)

四、实验内容 (3)

1.设计主页 (3)

2.主页页面设计 (4)

3.博客页面设计 (4)

4.关于我们 (5)

5.常见问题 (5)

五、实验心得体会 (5)

1.标题 (5)

2.内容的采集 (5)

3.图片 (5)

4.网页排版 (5)

5.背景 (6)

6.其它 (6)

六、实验不足 (6)

一、实验目的

1.学会使用HTML和CSS技术实现静态网站的搭建和设计，完成五个网页的建设，网

站要呈现出来电影推荐的主题。

2.掌握网站开发的原理和相关技术，尤其是要具备用HTML编写网页的能力。

3.掌握HTML基础标签（标题标签、段落标签和换行标签）、列表（有序、无序）。

4.掌握基本框架的创建并使用框架实现网页的整体布局。

5.掌握表格的基本创建、表格属性的使用及使用表格实现网页的整体布局。

6.掌握CSS多种属性及使用方法（字体、文本、背景、边框、边距及填充）。

二、实验需求

电影推荐是本网站打造的一个电影社区，帮助用户找到想要的电影、影人、影院、电视剧。比如通过各大网站的影评，电影的评分帮助你找到你想要的电影。满足用户对于电影的多种不同需求，充分释放你对电影的热爱。

三、实验功能

1.用HTML设计制作网页。用记事本或dreamweaver作为工具，利用HTML语言制作

简单网页。

2.用框架、表格和表单设计制作网页。

3.CSS样式的使用。CSS的类、选择符和标识符的使用，内嵌式、外接式样式的使用

4.javascript的使用。在HTML网页上使用，用来给HTML网页增加动态功能。

四、实验内容

1.设计主页

主条目内容包括：

主页：网站打开后看到的第一个页面，主页文件名是index加上扩展名.html。

index.hml页面搭建

申明文档的类型是html5

网页的编码格式是UTF-8

让网站支持IE浏览器。

博客: 博客上的文章通常根据张贴时间，以倒序方式由新到旧排列。本博客结合了文字、图像，能够让读者以互动的方式留下意见，是许多博客的重要要素。博客内容以图片介绍为主，本应有一些博客专注在艺术、摄影、视频、音乐、播客等各种主题，但由于初学尚有不足。

主页

博客

博客

关于我们

联系我们

常见问题

关于我们

本站整理各种经典，热评的电影。本着分享精神。

联系我们：如果你对我们的网站有啥建议和意见，请联系我们。这也是对网站不足的一个回馈。反馈者可以将名字邮件信息等提交发送给我们。

联系我们

欢迎联系我们

你的名字：

你的邮件：

你的信息：

联系我们

你对我们的网站有啥建议，请联系我们，谢谢。

常见问题：网站开发初期仍然存在一些不足，可以获得管理员帮助。暂且也可以做为即将开发的模块。

2.主页页面设计

1.）第一板块：滚动部分分为四个大板块，分别介绍最新最热上映的大片。以及大片宣

传片效果图。也可以选择滚动到相对应的鼠标指向页面。

2.）第二板块：主要设计为精选的部分电影，以及其上映的时间。运用到的动态效果是

左向滚动效果。

3.）第三板块：底部分左右俩快，左边介绍部分电影的详细情况。包括周边电影院，以

及相关影院链接和手办，独家新闻，片花等相关信息。右边则是电影热度的一个实时排行情况。

4.）第四板块：反馈模块。提供类似于相关合作方的反馈链接。如果你有什么需要可以

通过这些方式转告给我们。

3.博客页面设计