搜索
精品welcomeWeb应用开发基础设计题目：电影网站设计与实现_系部：_信息技术工程学院___专业：_xxxxxxxx___________班级：_xxxxxxxx___________学号：_xxxxxxxxxxxx________姓名：_xxxxxxx_____________精品welcome目录一、实验目的........................................................................................................................................3二、实验需求........................................................................................................................................3三、实验功能........................................................................................................................................3四、实验内容........................................................................................................................................31.设计主页...............................................................................................................................32.主页页面设计.......................................................................................................................63.博客页面设计.......................................................................................................................64.关于我们...............................................................................................................................65.常见问题...............................................................................................................................7五、实验心得体会...............................................................................................................................71.标题....................................................................................................................................72.内容的采集........................................................................................................................73.图片....................................................................................................................................74.网页排版............................................................................................................................85.背景....................................................................................................................................86.其它....................................................................................................................................8六、实验不足........................................................................................................................................9精品welcome一、实验目的1.学会使用HTML和CSS技术实现静态网站的搭建和设计，完成五个网页的建设，网站要呈现出来电影推荐的主题。2.掌握网站开发的原理和相关技术，尤其是要具备用HTML编写网页的能力。3.掌握HTML基础标签（标题标签、段落标签和换行标签）、列表（有序、无序）。4.掌握基本框架的创建并使用框架实现网页的整体布局。5.掌握表格的基本创建、表格属性的使用及使用表格实现网页的整体布局。6.掌握CSS多种属性及使用方法（字体、文本、背景、边框、边距及填充）。二、实验需求电影推荐是本网站打造的一个电影社区，帮助用户找到想要的电影、影人、影院、电视剧。比如通过各大网站的影评，电影的评分帮助你找到你想要的电影。满足用户对于电影的多种不同需求，充分释放你对电影的热爱。三、实验功能1.用HTML设计制作网页。用记事本或dreamweaver作为工具，利用HTML语言制作简单网页。2.用框架、表格和表单设计制作网页。3.CSS样式的使用。CSS的类、选择符和标识符的使用，内嵌式、外接式样式的使用4.javascript的使用。在HTML网页上使用，用来给HTML网页增加动态功能。四、实验内容1.设计主页精品welcome主条目内容包括：主页：网站打开后看到的第一个页面，主页文件名是index加上扩展名.html。index.hml页面搭建!doctypehtml申明文档的类型是html5metacharset=utf-8/网页的编码格式是UTF-8metacontent=IE=edge,chrome=1让网站支持IE浏览器。title电影网站：首页/title博客:博客上的文章通常根据张贴时间，以倒序方式由新到旧排列。本博客结合了文字、图像，能够让读者以互动的方式留下意见，是许多博客的重要要素。博客内容以图片介绍为主，本应有一些博客专注在艺术、摄影、视频、音乐、播客等各种主题，但由于初学尚有不足。liahref=index.html主页/a/liliclass=active博客/liliahref=blog.html博客/a/liliclass=activeahref=about.html关于我们/a/liliahref=contact.html联系我们/a/liliahref=404.html常见问题/a/lih5关于我们/h5pstyle=height:260px本站整理各种经典，热评的电影。本着分享精神。/p联系我们：如果你对我们的网站有啥建议和意见，请联系我们。这也是对网站不足的一个回馈。反馈者可以将名字邮件信息等提交发送给我们。divclass=contact精品welcomeh3联系我们/h3pclass=love欢迎联系我们/pdivclass=contact-formdivclass=col-md-6contact-gridformpclass=your-para你的名字：/pinputtype=textonblur=if(this.value==)”pclass=your-para你的邮件：/pinputtype=textonblur=if(this.value==)''pclass=your-para你的信息：/ptextareacols=77rows=6onfocus=this.value='';onblur=if(this.value==)/textareadivclass=sendinputtype=submitvalue=提交/div/form/divdivclass=col-md-6contact-inpclass=sed-para联系我们/ppclass=para1你对我们的网站有啥建议，请联系我们，谢谢。/p/div精品welcome常见问题：网站开发初期仍然存在一些不足，可以获得管理员帮助。暂且也可以做为即将开发的模块。2.主页页面设计1.）第一板块：滚动部分分为四个大板块，分别介绍最新最热上映的大片。以及大片宣传片效果图。也可以选择滚动到相对应的鼠标指向页面。2.）第二板块：主要设计为精选的部分电影，以及其上映的时间。运用到的动态效果是左向滚动效果。3.）第三板块：底部分左右俩快，左边介绍部分电影的详细情况。包括周边电影院，以及相关影院链接和手办，独家新闻，片花等相关信息。右边则是电影热度的一个实时排行情况。4.）第四板块：反馈模块。提供类似于相关合作方的反馈链接。如果你有什么需要可以通过这些方式转告给我们。3.博客页面设计A.页面左侧为最新电影的相关博客和看过这些电影的人相关评论和留言。B.在此页面右侧你可以看到最新电影的相关类别。类别目录下包括：1.）名人访谈2.）热映电影3.）电影影评4.）电影最新新闻5.）以及你最喜爱的男女演员的详细介绍4.关于我们精品welcome在这里，也可以通过此方式了解本网站的功能，以及接下来将要更新的一些相关信息。你也可以表达你的意见或者建议。通过邮件的方式或者我们提供给浏览者的联系方式转达给我们还需要亟待改进的地方。这里是一个网站人员与浏览者反馈的平台。在此基础上将来也可以引进相关聊天的软件，以便更好更快的服务于大众。5.常见问题这是一个网站的最后模块。留给可能出现问题网页的快捷解决方式。以便快速解决电影影评网带来的一些困扰。五、实验心得体会做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。1.标题在个人主页中标题起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短，有特色、容易记，还要符合自己主页的主题和风格，决不要取一个名不符实的好名字，别人第一次上了当，下次再也不会光顾了。2.内容的采集选好标题后，开始采集内容，内容必须与标题相符，