Iweb课程设计报告视频网站.docxVIP

Web应用开发基础设计题目： 电影网站设计与实现_系部：_信息技术工程学院___专业：_xxxxxxxx___________班级：_xxxxxxxx ___________学号：_xxxxxxxxxxxx________姓名：_xxxxxxx_____________目录一、实验目的2二、实验需求3三、实验功能3四、实验内容31.设计主页32.主页页面设计43.博客页面设计44.关于我们45.常见问题5五、实验心得体会51.标题52.内容的采集53.图片54.网页排版55.背景56.其它5六、实验不足6一、实验目的 学会使用HTML和CSS技术实现静态网站的搭建和设计，完成五个网页的建设，网站要呈现出来电影推荐的主题。掌握网站开发的原理和相关技术，尤其是要具备用HTML编写网页的能力。掌握HTML基础标签（标题标签、段落标签和换行标签）、列表（有序、无序）。掌握基本框架的创建并使用框架实现网页的整体布局。掌握表格的基本创建、表格属性的使用及使用表格实现网页的整体布局。掌握CSS多种属性及使用方法（字体、文本、背景、边框、边距及填充）。二、实验需求 电影推荐是本网站打造的一个电影社区，帮助用户找到想要的电影、影人、影院、电视剧。比如通过各大网站的影评，电影的评分帮助你找到你想要的电影。满足用户对于电影的多种不同需求，充分释放你对电影的热爱。三、实验功能用HTML设计制作网页。用记事本或dreamweaver作为工具，利用HTML语言制作简单网页。用框架、表格和表单设计制作网页。CSS样式的使用。CSS的类、选择符和标识符的使用，内嵌式、外接式样式的使用javascript的使用。在HTML网页上使用，用来给HTML网页增加动态功能。四、实验内容设计主页主条目内容包括： 主页：网站打开后看到的第一个页面，主页文件名是index加上扩展名.html。 index.hml页面搭建 !doctype html申明文档的类型是html5 meta charset=utf-8 /网页的编码格式是UTF-8 meta content=IE=edge,chrome=1让网站支持IE浏览器。 title电影网站：首页/title博客: 博客上的文章通常根据张贴时间，以倒序方式由新到旧排列。本博客结合了文字、图像，能够让读者以互动的方式留下意见，是许多博客的重要要素。博客内容以图片介绍为主，本应有一些博客专注在艺术、摄影、视频、音乐、播客等各种主题，但由于初学尚有不足。 lia href=index.html主页/a/lili class=active博客/lilia href=blog.html博客/a/li li class=activea href=about.html关于我们/a/li lia href=contact.html联系我们/a/li lia href=404.html常见问题/a/li h5关于我们/h5 p style=height:260px本站整理各种经典，热评的电影。本着分享精神。/p 联系我们：如果你对我们的网站有啥建议和意见，请联系我们。这也是对网站不足的一个回馈。反馈者可以将名字邮件信息等提交发送给我们。div class=contacth3联系我们/h3p class=love欢迎联系我们/pdiv class=contact-formdiv class=col-md-6 contact-gridformp class=your-para你的名字：/pinput type=text onblur=if (this.value == )” p class=your-para你的邮件：/pinput type=text onblur=if (this.value ==) p class=your-para你的信息：/ptextarea cols=77 rows=6 onfocus=this.value=; onblur=if (this.value == ) /textareadiv class=sendinput type=submit value=提交/div/form/divdiv class=col-md-6 contact-inp class=sed-para联系我们/pp class=para1你对我们的网站有啥建议，请联系我们，谢谢。/p/div 常见问题：网站开发初期仍然存在一些不足，可以获得管理员帮助。暂且也可以做为即将开发的模块。主页页面设计）第一板块：滚动部分分为四个大板块，分别介绍最新最热上映的大片。以及大片宣传片效果图。也可以选择滚动到相对应的鼠标指向页面。）第二板块：主要设计为精选的部分电影，以及其上映的时间。运用到的动态效果是左向滚动效果。）第三板块：底部分左右俩快，左边介