网页制作电影网站_在本地搭建电影网站资源-CSDN文库

共130个文件

jpg：95个

html：20个

gif：10个

3星 · 超过75%的资源需积分: 50 44 浏览量 2012-12-12 21:02:44 上传评论 10 收藏 22.65MB ZIP 举报

网页制作电影网站是一个深受大学生喜爱的项目，尤其在学习Dreamweaver课程时，它作为大作业的选择具有极高的实用性与趣味性。这个项目不仅能够帮助学生掌握基础的HTML、CSS和JavaScript技术，还能够让他们了解到网页设计的整体流程，以及如何构建一个以电影为主题的交互式网站。我们要了解Dreamweaver这款强大的网页设计工具。Adobe Dreamweaver是业界广泛使用的Web开发平台，它集成了代码编辑、视觉设计和预览功能，适合初学者和专业人士。通过这款软件，我们可以方便地创建、编码和管理网站及应用程序，无需深入复杂的编程语言。在制作电影网站的过程中，HTML（超文本标记语言）是基础。HTML用于定义网页的结构，如标题、段落、图像和链接等元素。例如，我们可以通过HTML来创建电影的海报展示区、电影简介、演员表等板块。同时，利用`<a>`标签可以添加超链接，让访客可以直接跳转到电影的详细页面或在线观看资源。接着，CSS（层叠样式表）用于控制网页的样式和布局。通过CSS，我们可以定义字体、颜色、布局、背景等视觉效果，使电影网站看起来更吸引人。例如，可以设置电影海报的边框、阴影效果，以及标题的字体样式和颜色。CSS的盒模型概念在此过程中尤为重要，它决定了元素的尺寸、内边距、边框和外边距。 JavaScript是动态网页的关键，它可以增加用户交互性。在电影网站中，JavaScript可以用于实现如筛选、排序电影列表，播放预告片，以及弹出窗口显示电影详情等功能。例如，我们可以使用jQuery库简化JavaScript代码，实现动态加载更多电影的效果，提高用户体验。在设计电影网站时，应考虑网站的用户体验和易用性。页面应该清晰地引导用户找到他们感兴趣的内容，比如设有明确的导航菜单，方便用户浏览不同类型的电影。同时，网站的响应式设计也很关键，确保在不同设备上都能良好展示，如手机、平板和桌面电脑。此外，考虑到电影网站可能涉及到大量图片，优化图片加载速度也是必不可少的。可以使用适当的图片格式（如JPEG、PNG或SVG），并利用CSS Sprites技术减少HTTP请求，提高页面加载速度。为了提高网站的可维护性和扩展性，我们需要遵循良好的代码组织和命名规范，使用版本控制系统（如Git）来跟踪和管理代码变更，同时编写注释以便于团队协作和日后修改。制作电影网站是一项综合性的任务，涵盖了网页设计的基本技术，包括HTML、CSS、JavaScript以及用户体验设计原则。通过完成这样的大作业，大学生不仅可以提升自己的技术能力，还能对网站开发有更深入的理解。

资源推荐

资源详情

资源评论

收起资源包目录

网页制作电影网站（130个子文件）

mm_health_nutr.css 2KB

电影.fla 739KB

logo.gif 14KB

电影.gif 10KB

字体.gif 9KB

电影1.gif 9KB

电影2.gif 8KB

筛选.gif 7KB

推荐.gif 5KB

mm_dashed_line.gif 45B

spacer.gif 43B

mm_spacer.gif 43B

juqing.html 39KB

zhanzheng.html 38KB

xiju.html 38KB

jingxian.html 38KB

maoxian.html 38KB

kongbu.html 38KB

dongzuo.html 38KB

zongyitiandi.html 38KB

kehuan.html 38KB

dongmanshijie.html 38KB

donghua.html 38KB

aiqing.html 38KB

dianshiju.html 38KB

zixun1.html 30KB

dianying.html 30KB

dianshiju1.html 29KB

dianying1.html 27KB

index.html 19KB

zongyi1.html 16KB

dongman1.html 14KB

3270139_095328013804_2.jpg 1.35MB

Mypsd_22896_201104071811460025B.jpg 545KB

Mypsd_22896_201104071811450012B.jpg 534KB

mypsd_22896_201104071811460002b.jpg 527KB

mypsd_22896_201104071811450034b.jpg 498KB

Mypsd_22862_201103291754350027B.jpg 476KB

3270139_204336066141_2.jpg 469KB

Mypsd_22896_201104071811460016B.jpg 456KB

mypsd_22896_201104071811450021b.jpg 420KB

3fd93c6d7c801dc543169495.jpg 418KB

Mypsd_22862_201103291754350026B.jpg 413KB

Mypsd_22896_201104071811450011B.jpg 412KB

mypsd_22896_201104071811460021b.jpg 376KB

5483560_113525020000_2.jpg 376KB

Mypsd_22862_201103291754350023B.jpg 374KB

3270139_165651067052_2.jpg 370KB

mypsd_22896_201104071811450027b.jpg 369KB

Mypsd_22896_201104071811450031B.jpg 368KB

23-11050G5021165.jpg 366KB

200834115858381_2.jpg 352KB

5483560_181323878000_2.jpg 350KB

19123ss361.jpg 326KB

3270139_125918017032_2.jpg 322KB

5483560_144427728000_2.jpg 319KB

Mypsd_22896_201104071811460034B.jpg 316KB

3070346_131115010866_2.jpg 315KB

Mypsd_22896_201104071811460026B.jpg 315KB

Mypsd_22896_201104071811470024B.jpg 313KB

200922155124864_2.jpg 310KB

Mypsd_22896_201104071811460043B.jpg 308KB

02123042a11.jpg 304KB

5483560_134042906000_2.jpg 303KB

11300.jpg 295KB

Mypsd_22896_201104071811460039B.jpg 290KB

1.jpg 281KB

5483560_115936488000_2.jpg 275KB

5483560_164623715000_2.jpg 269KB

3bc59b511580f373377abe80.jpg 268KB

Mypsd_22896_201104071811470016B.jpg 266KB

02122ic5b.jpg 265KB

3270139_153124062688_2.jpg 263KB

5483560_154737657000_2.jpg 255KB

20085713333135_2.jpg 253KB

2008108133126874_2.jpg 245KB

3270139_210358076799_2.jpg 244KB

5483560_115054220000_2.jpg 233KB

3270139_091836192345_2.jpg 232KB

5483560_173346461000_2.jpg 227KB

p_large_NJr7_5b55000245b55c44.jpg 225KB

2379-1105201z21756.jpg 222KB

2.jpg 219KB

Mypsd_22862_201103291754350030B.jpg 215KB

2008222143356929_2.jpg 209KB

50811_180411084771_2.jpg 203KB

p_large_Ozxd_3a5100017c1e5c44.jpg 201KB

5483560_115741275000_2.jpg 199KB

107369_165659098007_2.jpg 194KB

5483560_143542300000_2.jpg 169KB

3270139_202732006776_2.jpg 165KB

3270139_091714544325_2.jpg 162KB

3270139_100346095178_2.jpg 156KB

3655552_163651062689_2.jpg 151KB

5483560_143925714000_2.jpg 149KB

d5aa474a80cea2b108f7efe2.jpg 144KB

4452376_134320587389_2.jpg 134KB

20101109054032712.jpg 134KB

top.jpg 126KB

psds21426.jpg 119KB

共 130 条

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <title>Home Page</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="mm_health_nutr.css" type="text/css" /> <script language="JavaScript" type="text/javascript"> //--------------- LOCALIZEABLE GLOBALS --------------- var d=new Date(); var monthname=new Array("January","February","March","April","May","June","July","August","September","October","November","December"); //Ensure correct for language. English is "January 1, 2004" var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear(); //--------------- END LOCALIZEABLE --------------- </script> <style type="text/css">  </style> </head> <body bgcolor="#F4FFE4"> <table width="100%" border="0" cellspacing="0" cellpadding="0">  <tr bgcolor="#D5EDB3"> <td colspan="3" rowspan="2"><img src="image/logo.gif" width="382" height="101" /></td> <td height="50" colspan="3" align="center" valign="bottom" nowrap="nowrap" bgcolor="#D5EDB3" id="logo"><img src="image/字体.gif" width="378" height="50" /></td> <td width="100%" bgcolor="#D5EDB3"> </td> <td width="154"> </td> </tr> <tr bgcolor="#D5EDB3"> <td height="19" colspan="3" align="center" valign="top" bgcolor="#D5EDB3" id="tagline">    TangGuo dianying Wang</td> <td bgcolor="#D5EDB3"> </td> <td> </td> </tr> <tr> <td colspan="8" bgcolor="#5C743D"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td> </tr> <tr> <td colspan="8" bgcolor="#99CC66" background="mm_dashed_line.gif"><img src="mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td> </tr> <tr bgcolor="#99CC66"> <td width="165" height="20" bgcolor="#99CC66"> </td> <td colspan="6" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">  <tr> <td width="1001" height="34"><div align="center"><span class="STYLE2"><a href="index.html">首页</a>|<a href="dianying1.html">电影</a>|<a href="dongzuo.html">动作</a>|<a href="xiju.html">喜剧</a>|<a href="aiqing.html">爱情</a>|<a href="kehuan.html">科幻</a>|<a href="juqing.html">剧情</a>|<a href="kongbu.html">恐怖</a>|<a href="jingxian.html">惊险</a>|<a href="maoxian.html">冒险</a>|<a href="donghua.html">动画</a>|<a href="zhanzheng.html">战争</a>|<a href="dianshiju.html">电视剧</a>|<a href="dongmanshijie.html">动漫世界</a>|<a href="zongyitiandi.html">综艺天地</a></span></div></td> </tr> </table> </td> <td> </td> </tr> <tr> <td colspan="8" bgcolor="#99CC66" background="mm_dashed_line.gif"><img src="mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td> </tr> <tr> <td colspan="8" bgcolor="#5C743D"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td> </tr> <tr> <td height="1141" valign="top" bgcolor="#5C743D"> <table border="0" cellspacing="0" cellpadding="0" width="165" id="navigation"> <tr> <td width="165"> <br />  <br /></td> </tr> <tr> <td width="165"><a href="dianying1.html" class="navText STYLE4">电影</a></td> </tr> <tr> <td width="165"><a href="dianshiju1.html" class="navText">电视剧</a></td> </tr> <tr> <td width="165"><a href="zongyi1.html" class="navText">综艺节目</a></td> </tr> <tr> <td width="165"><a href="dongman1.html" class="navText">动漫世界</a></td> </tr> <tr> <td width="165"><a href="zixun1.html" class="navText">电影资讯</a></td> </tr> </table> <br />  <br />  <br />  <br /> </td> <td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td> <td colspan="2" valign="top"><img src="mm_spacer.gif" alt="" width="305" height="1" border="0" /><br />  <br />   <img src="image/电影2.gif" width="305" height="45" /> <table width="305" height="1020" border="0" cellpadding="0" cellspacing="0">  <tr> <td width="305" height="996"> <div class="content"> <span class="STYLE13"> 电影搜索 <input type="text" name="textfield" id="textfield" /> <input type="submit" name="button" id="button" value="搜索" /> </span> <dl class="STYLE7"> <dt>类型(全部)：</dt> <dd> <div align="justify"><span class="STYLE11"><a href="/type,genre/movie,action">动作</a><a href="/type,genre/movie,comedy">  喜剧</a><a href="/type,genre/movie,romance">  爱情</a></span></div> </dd> <dt> <div align="justify">    <span class="STYLE11"><a href="/type,genre/movie,sci-fi">科幻</a><a href="/type,genre/movie,horror">  恐怖</a><a href="/type,genre/movie,thriller">   惊悚</a></span></div> </dt> <dd> <div align="justify"><span class="STYLE11"><a href="/type,genre/movie,thriller"></a></span><span class="STYLE11"><a href="/type,genre/movie,crime">犯罪</a><a href="/type,genre/movie,adventure"> 冒险 </a><a href="/type,genre/movie,mystery">悬疑</a></span></div> </dd> <dt> <div align="justify">    <span class="STYLE11"><a href="/type,genre/movie,mystery"></a></span><span class="STYLE11"><a href="/type,genre/movie,animation">动画</a><a href="/type,genre/movie,family"> 家庭</a><a href="/type,genre/movie,war"> 战争</a></span></div> </dt> <dd> <div align="justify"><span class="STYLE11"><a href="/type,genre/movie,war"></a><a href="/type,genre/movie,fantasy">奇幻   </a><a href="/type,genre/movie,drama">剧情  </a><a href="/type,genre/movie,documentary">纪录</a></span></div> </dd> <dt> </dt> <dd> <div align="justify"><span class="STYLE11"><a href="/type,genre/movie,documentary"></a><a href="/type,genre/movie,musical">歌舞</a><a href="/type,genre/movie,western">   西部</a><a href="/type,genre/movie,music">  音乐</a></span></div> </dd> <dt> <div align="justify">    <span class="STYLE11"><a href="/type,genre/movie,music"></a><a href="/type,genre/movie,biography">传记   </a><a href="/type,genre/movie,history">历史</a><a href="/type,genre/movie,sport">   运动</a></span></div> </dt> <dd> <div align="justify"><span class="STYLE11"><a href="/type,genre/movie,sport"></a><a href="/type,genre/movie,ancient-costume">古装</a><a href="/type,genre/movie,martial-arts">   武侠</a><a href="/type,genre/movie,film-noir">   黑色</a></span></div> </dd> </dl> <dl class="STYLE7"> <dt>地区(全部)：</dt> <dd> <div align="justify"><span class="STYLE11"><a href="/type,area/movie,usa">美国 </a></span><span class="STYLE11"><a href="/type,area/movie,china">中国</a><a href="/type,area/movie,hong kong"> 香港</a></span></div> </dd> <dt> <div align="justify">

评论收藏

内容反馈