网页设计与制作范文.docVIP

西京学院经济系 网页设计与制作 实训报告 ? ? 实习内容 ： 网页设计与制作 专 业 ： 2010级XXXXXX 班 级 ：XXXXXXXXXXXXX班 学 号 ： 0704030554号 姓 名 ： 张 函 指导教师 ： X老师 实验单位 ：xxxxxxxxxxxxxxx请自行填写 实验日期 ：2008年11月29日至2008年11月30 目 录 一、前 言 3 二、实验目的 3 三、实验时间 4 四、实验地点 4 五、实验人员与班级 4 六、实验内容 4 1．开发概况介绍 4 2．网站规划及实现过程 4 2.1系统主要功能展示 4 2.1.1系统主要结构图 4 2.2主要页面功能及截图 5 2.2.1首页介绍 5 2.2.2其它栏目介绍 5 3．网页设计与制作课程设计报告 6 一、前 言 随着互连网的普及与广泛运用,正改变着人们传统的思维与行为习惯.利用网络这样一个便捷的平台开展的各种网络营销也正在得到迅速的运用和发展.网站做为开展网络交易的和发布信息的基础性平台更多的注重网络建设的技术性与本企业具有先进的营销手段相结合.研发一个具有强大技术功能与先进营销手段的网站是一个企业能否在此领域成功的关键因数.所以我们开设与这相关的网页设计与制作实验是必须的也是正确性的.经过我们自行研发专题类网站更深刻知道一个网站做策划到制作并推广的流程并从中掌握开发的过程。 二、实验目的 掌握网页设计与制作流程并熟练运用Dreamwever、Firework、Flash、Photoshop等相关辅助软件。 1. 应用远程站点管理的知识和技能； 2. 应用本地站点管理的知识和技能； 3. 应用网页页面设计的知识和技能； 4. 应用网页制作的知识和技能； 5. 培养以上知识和技能的综合应用能力。 三、实验时间 起止时间：2008年11月29日开始至2008年11月30日结束 四、实验地点 地点：学院计算机七室和八室 五、实验人员与班级 设计制作人员：张函 学号：0704030554 六、实验内容 1．开发概况介绍 通过运用所掌握的网页设计技术，开发一个电影主题类的网站，目的让人们了解越狱这部电影的情况，并通过网站很好的宣传电影的内容。 2．网站规划及实现过程 我们通过前期的网站策划首选搜集相关资料并最终确定了制作一个以越狱为主题的电影专题中文网站，网站页面我们选择以黑色为背景色辅以鲜色点吸引访问者的视觉，网站栏目主要有：首页，概述，剧本介绍，演员，花絮新闻，照片。内容不多我们选择页面设计宽850像素，能够在各类型显示器下很好的呈现。前期的策划完毕，现在我们开始勾画出了网站设计草图，最后开始实施网站页面设计工工作，页面设计主要运用Dreamwever制作，图片设计选择Fireworeks和photoshop制作。 2.1系统主要功能展示 2.1.1系统主要结构图 2.2主要页面功能及截图 2.2.1首页介绍 首页截图图片 2.2.2其它栏目介绍 3．网页设计与制作课程设计报告 通过越狱电影专题网站的设计与制作实践,我懂的了整个网站从前期策划到出平面设计图，再到页面设计工作的流程，下面简单介绍一下我网页设计运用技术平台情况:网站运用Dreamwever作为主要的开发工具并运用到了辅助的工具软件:Fireworks、Flash、Photoshop.网站用到的附加语言有:CSS层叠样式、JavaScript语言.我在制作过程中考虑到了用户浏览时不同显示器的下分辨率的情况与网速问题,分别采用时下流行DIV+CSS布局与图片优化处理后减少用户下载整个网页的时间.最后经过辛勤努力我成功设计出了越狱电影专题网站,在此感谢我们研发团队和指导杜老师. 第- 2 –页 照片内容页 花絮内容页 演员内容页 剧本内容页 概述内容页 二级内页面 二级内页面 二级内页面 二级内页面 二级内页面 照 片 花 絮 演 员 剧 本 概 述 首 页 越狱中文专题网页面框架 主要内容页面