网页制作课程设计

网页制作课程设计设计题目：职业技术学院学生会 系别：职业技术学院 班级：09 计网 学号：092114010028 姓名：谯辉 指导教师：徐老师董老师 2011.7.4—2011.7.15

前言 都是可以通过网络来获得。但是什么为这所有的一切提供平台的呢。我们又是通过什么来获取这些消息的呢——对就是网页。现如今，数以万计的网站以网页的方式提供了丰富、精彩的信息。在人类社会进入信息时代的时候，在网络成为通信的主要手段的时候，在计算机网络普及的今天，网页也在它自己的岗位对于现在的社会，科技的飞速发展已经成为社会发展的标志。其中计算机的发展可谓快中之快，而在计算机的发展中计算机网络的发展又是首当其冲的。计算机网络从为我们所知，到现在才经历的短短的几年时间，在这几年中随着计算机网络的广泛应用，特别是Internet的普及和发展，网络已经成为了不可或缺的通信手段。不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种IT 动态，包括等候就业人才的个人简历，我们上做出了突出的贡献。网页是我们在网络上的“代言人”。我们将什么样的信息传达给浏览者，要讲述什么样的事情，网页在这里起着重要的作用。 企业网站在企业的网络营销当中占有及其重要的地位，只要是涉及网络宣传的企业，都应该建立属于自己的个性企业网站。他不仅能够让企业在网络上展示自己的产品，促进实际销售的增长，更能够通过一根网线，向目标客户展示企业自身的形象。 对于企业网站设计的观点，偏重网站的形象设计，即在功能务实、体系完善的情况下，重点结合企业理念打造网站的形象。Logo就能很好的表现企业的形象。企业标志(Logo)是指用于代表企业形象的独特的、有意义的图案，是企业形象识别当中最核心的环节，可用于与企业形象相关的所有环节。由于企业标志所处的特殊地位，决定了其不能够随意更换，因此能否设计一个有内涵、有文化、便于识别的标志，并建立相关的应用系统，关乎到企业长远的发展，不容小视。 建设网站的一般过程包括：前期内容确立、网站架构搭建、创意策划、设计、网站建设。网站的功能版块一般分为首页（含引导页）、新闻部分、产品部分、信息交流部分、定制系统、零散页面等。根据不同的企业需求，各网站的功能版块数量、布局、结构各异。 要做一个有特色的网站，我们首先要熟练的掌握Dreamweaver、Photoshop 和flash等多种制作网页的工具，我们在掌握它的基础上要善于合理的利用这些工具，这样我们相才能做出一个让人看了后感到舒服的网页。

网页制作课程设计报告

网页制作课程设计报告学院: 专业班级: 姓名: 学号: 成绩: 阅卷教师:

目录 1、设计目的 (1) 2、设计思想 (1) 2、1网站整体结构规划思想 (1) 2、2 主页设计思想 (1) 2、3子页的设计思想 (1) 3网页详细设计分析 (1) 4结论 (1)

1、设计目的 阐述该个人网站的设计意图与创意,简单介绍自己的个人网站。 2、设计思想 阐述网站的整体设计思想,包括: 2、1网站整体结构规划思想 要求阐述网站整体结构的选择、设计的思想,绘制网站结构草图。 2、2 主页设计思想 要求对主页的布局思路进行阐述与分析。 2、3子页的设计思想 要求对子页的设计以及网页对象的选取思路进行阐述与分析。 3网页详细设计分析 要求选取一张网页,对网页的设计实现过程进行阐述与分析,详细说明制作该网页的步骤,所使用的网页对象以及该网页对象的操作方法。 4结论 对整个设计报告做归纳性总结,并分析设计过程中的困难及如何解决的,最后提出展望。 一、设计目的

本课程的设计目的就是通过实践使同学们经历Dreamweaver cs3开发的全过程与受到一次综合训练,以便能较全面地理解、掌握与综合运用所学的知识。结合具体的开发案例,理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法;了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解与熟悉网页设计的基础知识与实现技巧。根据题目的要求,给出网页设计方案,可以按要求,利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作与应用。增强动手实践能力,进一步加强自身综合素质。我本次主要就是设计的一“新加坡之旅”为主题的网页,针对新加坡的美丽风景做了介绍。 二、设计思想 利用Dreamweaver8、0制作一个关于“新加坡之旅”的网站,利用表格、行为、层与链接等网页设计技术设计页面。 本网站以新加坡旅游为素材,主要讲解了与新加坡景

网页制作课程设计报告

网页制作课程设计报告 学院： 专业班级： 姓名： 学号： 成绩： 阅卷教师：

目录 1.设计目的 (1) 2.设计思想 (1) 2.1网站整体结构规划思想 (1) 2.2 主页设计思想 (1) 2.3子页的设计思想 (1) 3网页详细设计分析 (1) 4结论 (1)

1.设计目的 阐述该个人网站的设计意图和创意，简单介绍自己的个人网站。 2.设计思想 阐述网站的整体设计思想，包括： 2.1网站整体结构规划思想 要求阐述网站整体结构的选择、设计的思想，绘制网站结构草图。 2.2 主页设计思想 要求对主页的布局思路进行阐述和分析。 2.3子页的设计思想 要求对子页的设计以及网页对象的选取思路进行阐述和分析。 3网页详细设计分析 要求选取一张网页，对网页的设计实现过程进行阐述和分析，详细说明制作该网页的步骤，所使用的网页对象以及该网页对象的操作方法。 4结论 对整个设计报告做归纳性总结，并分析设计过程中的困难及如何解决的，最后提出展望。

一、设计目的 本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。我本次主要是设计的一“新加坡之旅”为主题的网页，针对新加坡的美丽风景做了介绍。 二、设计思想 利用Dreamweaver8.0制作一个关于“新加坡之旅”的网站，利用表格、行为、层和链接等网页设计技术设计页面。

Web动态网页课程设计 题目及要求

Web动态网页课程设计 (总学时数：16课时) 一 Web动态网页 课程设计性质：本课程是一门计算机相关专业实践性环节。以HTML和CSS为基础，全面学习网页设计制作有关的知识，让学生通过实践理解Web基本工作机制，并使学生具有一般网页制作的能力。与此同时，通过对Web页制作技术和制作工具的学习，使学生对网页设计中所涉及的相关知识有一个全面的了解。 二课程设计目的 通过对ASP对象的使用，实现对WEB数据库的访问。通过本课程的学习，使学生全面了解网站建设与网页设计的基本概念、基本理论及业务运作模式，了解网站建设与网页设计的特点及工作过程，掌握网站的建立及网页设计制作的方法，能够完成一般性网站的建设。同时学会Web数据库系统开发的基本方法与过程并能够实现B/S结构的数据库管理系统。 三课程设计地点 公共基础实验室3（A504） 四课程设计内容 本次课程设计题目方案如下：

题目1：基于Web的实验室信息管理系统 题目2：网络商店（见web程序设计课本案例） 题目3：学生自拟（需经过教师审核） 内容要求： （1）掌握Web网页常用的开发工具Deamweaver或.Net的使用； （2）学会IIS的配置，或者netbox的安装与设置； （3）学会Html、CSS、Javascript、VBscript或C#的简单开发和应用 （4）学会B/S模式下，asp与数据库的连接，建议采用Access 数据库。动态新闻管理系统。在系统中，必须完成文章的添加，删除、修改、文章内容显示、题目列表显示 五课程设计时间安排 第一周 安排计划 第二周 数据库的设计 第三周 完成HTML静态页面和 CSS设计； 第四周开始至第六周 开始JavaScript、Javascript、VBscript或C#的程序代码设计

网页设计课程设计报告

网页设计课程设计报告 系别：计算机科学系 班级：09级计师二班 姓名：邓桂香 学号：200914340229 指导教师：李发英 成绩： 日期：2011年5月

网页设计课程设计报告 一、网站设计目的和任务 一学期的网页设计理论和实践课程都结束了，根据老师的要求及指导，我设计了此网站，本网站属于小型个人网站，目的在于简单的介绍一下个人状况，可以使老师和同学们更进一步的了解我现在以及部分过去的情况，加强老师和同学们对我的认识，深化我们大家的情谊，有利于以后在学习、工作生活当中的团结协作。 此外，这不仅是为了肩负学生的责任而去完成老师交给我的任务，更是对过去学习的知识的温习巩固，是一个把理论转化为实践的过程，是一个把自己的设计思想转化为实物的过程，是一个发挥自己创造力和想象力的过程。 再者，这是对自己在一学期内该学习科目以来的成果的检查，这是一个自我审视的过程：检测我该学期的学习成果，衡量一期以来的收获，更为重要的是扬长避短，发现自己的问题与缺点，使自己及时改正，发觉自身的优点和长处并坚持发扬，有利于我以后的学习和发展。 二、网站主题 本网站以个人从小到现在的大概情况介绍为主题，阐述喜好，表现本人的性格特点。

三、网站规划思想 当今社会，靠什么成功?很多成功人士都说过这样一句话：“成功来自百分之八十的人际关系和百分之二十的自身天分和努力。”据此可以发现，扩大人际关系网是十分重要的一项活动，因此就需要一条联系两方的桥梁，这条桥梁是满载信息的大流量的通道，在这信息时代，于是网络成为了这当之无愧的桥梁。我设计这个网站的思路就来源于此。 怎样让更多人了解你？怎么使别人更了解你？怎样扩大自己的接触面？当代是繁忙的一代也是讲究高效率的一代，当今面对这些问题，这时候的内敛不会被认为是好的，最好的解决办法我认为是把自己推销出去，我想通过网络把自己的概况晾晒，方便别人更快捷更省事地得到相关信息，通过这种方式，也可以交到志同道合的朋友，可以一起研究探讨，相互促进，达到共赢。 既然这样，那么网站的风格自然是温和、高雅、柔美的，这样才能达到更高的亲和力效果，同时也应该具有喜悦性、创新性、活泼开朗性，展现个人品格及魅力。最重要的是要呈现一个真诚的自我在大家面前，树立可信性、诚实性，消除虚拟因素，获得大家的真诚对待和好感。 在内容和结构上，具体如下： 整个网站分为九个页面，分别为：主页面、基本信息、个人照片、成长阶段概况（童年、中学、大学）、兴趣爱好（文学、书法、

网页课程设计心得体会

网页课程设计心得体会 不知不觉,二个星期的《页面规划与网站建造》课程的实操即将曩昔,回忆这一段日子,真的令我领会很深,也学会许多东西,懂得许多曾经不明白的东西,也理解了一些工作. 自从第一天触摸《页面规划与网站建造》课程,我以下定决心要把页面这门课学好,做出一个优异的网站.所以我时刻没有错失任何学习的机会,不管在课堂上,还是在课外上.更何况这一次实操.回忆今次的实操我觉得我过得很充实,很有含义,由于我能够诚笃的说我在实操没有玩过一次游戏,我每时每刻都在规划网站,还记得晚上做网站做到一、二点，也许

有人会说我傻，但正由于这个傻的举动，令我学会许多东西，学会他人不明白的东西，做出一个令自个满意的网站，也许跟他人比还需要持续完善，但我不会由于实操结束，就把页面规划抛到无影无踪，我会持续学习页面规划技能，把它变为自个的一项专长。 回忆第一天的《页面规划与网站建造》课程实操，教师叫咱们持续完善曾经规划的网站，做出留言板、注册的功用。我很快就完成了，但也许我是一个寻求完善的人，所以虽然一个网站做好能够立刻交给教师。但我做出一个他人都不附和的决定，从头开始做一个网站。由于我觉得曾经那个真的不是太好，虽然实操的时刻曩昔了一半，虽然他人对我说你交本来这个不就行了吗!何须再做一个呢?但真由于我的固执，寻求成功，寻求完善的人，才会使我今日交出一个令自个满意的答卷。 在制造自个网站时咱们首先： 一、必需进行自个网站前台功用规

划 包括自个网站主题的断定，前台功用规划与办理、自个网站主页规划、自个网站留言板、注册、忘掉暗码、查找等页面规划与办理。 二、对自个网站后台办理功用规划 包括自个网站后台办理功用的规划、后台办理信息体系功用的规划、后台体系权限办理、后台文件办理、自个网站后台办理体系主页规划。 三、网站的发布 一般咱们发布一个网站也许以能过域名注册，但咱们也能够使用自个主机，装了iis他人就能够通过我的ip地址来访问我的主页。首次做的那个页面我现已发布在上彀了。 四、自个网站推行 一个网站做好了，就要对自个网站进行推行，这是一个电子商务网站必需做得的一步，由于假如你不对你的网站进行推行，就算你发布了也没有人会知道的。

网页设计课程设计报告

课程设计 课程名称：HTML5开发技术课程设计 专业班级：计科1201 学生姓名：伍志强 学号： 201216010506 指导教师：刘宏月 学期：2013-2014学年第一学期

HTML5开发技术专业课程设计任务书 说明：本表由指导教师填写，由教研室主任审核后下达给选题学生，装订在设计（论文）首页

1 需求分析 本课程设计为一个商业网站，大的框架为整个网站分为5个页面，分别为：主页面、公司的业务面，公司产品问题咨询面，公司产品的技术支持面，校园招聘界面。各个页面间都是相互连接的，方便读者更快捷地找到想了解的信息。在每个界面拥有的公司logo ，登陆界面，和一些视频的宣传和校园招聘网页的背景音乐，友情链接，插入的各种静动态图片，搜索栏。每个界面链接的公司的最新各种动态，和基本的各种文字说明，采用的是中英双板模式书写。 网站的目录结构如下： 伍志强------网站根目录 Css ------存放外置CSS文件 Images ------存放图片文件 Music ------存放背景音乐 ＪＳ------存放的ｊａｖａｓｃｒｉｐｔ代码 ．ｐｒｏｊｅｃｔ------编译时建立的一个工程 Index系列------存放的网站的各个网页 2 概要设计

3 详细设计 页面的布局和风格 DIV+CSS的基本过程是先布局，对网页进行总体设计，再设计内容，对布局的每一部分进行设计。 DIV+CSS对内容的设计也体现内容和表现相分离的思想。对内容的表现的描述都在CSS中，内容可以应用CSS样式，不需要额外的HTML标签进行内容的修饰。 CSS网页布局的原理，就是按照HTML5代码中对象声明的 body { background:#131b20; font-family:Arial, Helvetica, sans-serif; font-size:100%;

网页制作课程设计

课程设计报告 课程名称《网页设计》 课题名称南岳衡山旅游网页制作 专业信息管理与信息系统 班级信管1301 学号201303110125

姓名肖宏亮 指导教师余新宇、赵锦元、谢雅 2015年6 月10 日 湖南工程学院 课程设计任务书 课程名称《网页设计》 课题南岳衡山旅游网页制作 专业班级信管1301 学生姓名肖宏亮 学号201303110125 指导老师余新宇赵锦元谢雅 审批 任务书下达日期2015 年 6 月10 日 任务完成日期2015 年6 月27 日

目录 1设计的思路 0 2网站总体风格 0 3网站的分析与设计 (1) 4总体设计图 (1) 5详细设计 (2) 5.1各页面的内容 (2) 5.2首页的布局 (2) 5.3制作二级页面 (4) 5.4制作三级页面 (6) 5.6特效 (10) 6错误调试 (11) 7总结 (12) 8心得体会 (13) 9评分表 (14)

第一部分:课设目的 21世纪是一个信息时代，Internet已经进入人们生活与工作的各方面，而网页作为Internet信息传递的重要载体，其重要也日趋突出。所以实训的目的就是要我们更好的掌握好这一学期的网页知识和提高自己的动手能力，并且上传到网上去，让更多人认识我，更好的宣传自己。 个人网站的总体规划和步骤 1设计的思路 我的个人网站主要是以蓝色基调为主，使人一看就了然，很容易一看就形成系统的逻辑，而且与我们南岳衡山的旅游风景相衬显得十分融洽。 2网站总体风格 我设计的这个网站使用蓝色基调主要是给人舒服，能够一目了然，而且能够吸引人的眼球，更重要的是这期主题是南岳衡山，大体基调使用蓝色与大山的图片颜色相当协调。 网站的总体风格主要是以蓝色为主，以淡色为辅，充满活力，生机。具有个性色彩。 网站的布局其实并不复杂，主要是先规划还一个大致布局，可以参考很多旅游网站他的大体布局，但不能照搬全抄，要结合自身网站的特点做一些较之其他网页相对有特色的东西，这样才能更吸引人，在网页顶部，我们必须做一个能代表我们网站的LOGO，所以做好一个模版，模版做好框架了，那网站就初步先采用ps技术设计好自己网站的LOGO，然后创建导航栏，再根据导航栏制作其他的页面。在整个网站的制作过程中我们必须得切记整体风格必须一致，这样才会给人形成一个整体舒服的感觉，否则会显得很唐突。 绿色网站的内容结构也很简单，分类清楚。页面链接的层次也很明确，访问

网页制作设计报告1

关于设计报告 网站设计说明书 姓名： 学号： 班级： 完成时间： 2011年 04 月 25日

一、 网站框架结构图 二、网站设计理念 简洁，舒适，淡雅，精致， 三、网站设计过程 1.首页设计过程 先插入一个4行3列表格，在第1行的第2 列拆分2行，分别插入图片。第2背景颜色 设置，34 行2列嵌入表格插入布局图片，手绘墙画及 画第4行 3列嵌入表格分别实现了 首页实现技术详述

2.富之岛家具商城设计过程 插入16行两列，第一行合并单元格插 入图片。第2行1列拆分单元格插入图片 2列插入 3、5、7、9、11、13、15行 的第1 明超级链接主页。 3.网上购买注册设计过程 注册表单插入14行2列表格。第3、7、8 行2列插入文本域，4、5行2列插入隐藏 域，6行2列插入单选，9行2列插入复选 框，10、11行2列插入文本域，12行2列 插入跳转菜单，13行2列插入列表/ 4.名牌家居展示设计过程 插入1行8列的表格分别插入图片，在左 侧框架插入2行1列的框架在第2

5.了解现代家居设计过程 首页布局结构说明、首页实现技术详述、 首页动态效果描述 插 6.餐台的详细介绍、穿衣镜、床、组合柜、沙发、梳妆台、衣柜详细介绍的设计过程（七个子页面） 插入9行1列，1、2列分别插入图片。第3 行拆分单元格8列，第1列插入 超级链 接。第4行拆分单元格2列，第2 5行插入图片，第6行插入文本。最后一行实现单选。在餐台、穿衣镜、床、组合柜、沙发、梳妆台、衣柜详细介绍的子网页的排版方式相同。

四、设计风格 色系风格：所设计的页面背景颜色一粉红为主调，主要为了突出该网页家具产品的浪漫轻松的风格。 图标设计风格：以富之岛富丽为特点，从而突出了富之岛的独特魅力。特效风格：页面使用了HTML、Flash、Word文字处理，增强了页面的动感，从而使浏览者增加了深刻的印象。 架格风格：每一个页面只是简单的介绍了富之岛系列的简单信息，让浏览者大体的掌握富之岛的基本情况做铺垫，只为了突出通俗易懂的这样一个目的。 内容风格：网站主题、主题实用性、文件关联性、内容切合度，都是用一些简单易懂的词语，就是为了读者掌握我所介绍该产品的简单信息。 五、设计感受 在这次网页设计中，我综合运用了以前专业所学课程的理论和生产实际知识，进行这这次网页设计比赛，从而也进一步提高了我的设计能力，巩固与扩充了我网页设计的等课程所学的内容，更灵活的掌握了网页设计的方法和步骤，懂得了这样分析软件的综合运用，怎样确定设计方案，了解了网页的基本结构，提高了设计能力，熟悉了规范和标准，最重要的是我的独立思考的能里也有了提高。 在这次设计过程中让我觉得自己在平时的观察中不大注意，观察的太少，然而让平时在百度中作为浏览者的我，开始对网站页面排版动态设计开始留意和关注。现在知道要做好一个网站并不是想象中的

网页设计课程设计报告书

武汉理工大学华夏学院课程设计报告书 课程名称：网页设计 题目：俄罗斯方块游戏 系名：信息工程系 专业班级： 姓名： 学号： 指导教师: 2016 年1月14 日

课程设计任务书 课程名称：网页设计课程设计指导教师：苏永红 班级名称：软件1131 开课系、教研室：软件与信息安全一、课程设计目的与任务 网页设计与制作课程设计是《网页设计与制作》课程的后续实践课程，旨在通过一周的实践训练，加深学生对网页设计中的概念，原理和方法的理解，加强学生综合运用HTML、CSS、JavaScript、asp网页设计技术进行实际问题处理的能力，进一步提高学生进行分析问题和解决问题的能力，包含系统分析、系统设计、系统实现和系统测试的能力。 学生将在指导老师的指导下，完成从需求分析，系统设计，编码到测试的全过程。 二、课程设计的内容与基本要求 1、课程设计题目 俄罗斯方块游戏的设计与实现 2、课程设计内容 俄罗斯方块游戏是一个单击休闲小游戏。在俄罗斯方块的游戏界面中，有一组正在“下落”的方块(通常有4个，组成各种不同的形状)，游戏玩家需要做的事情就是控制正在“下落”的方块的移动，将这组方块摆放到合适的位置。只要下面“某一行”全部充满方块，没有空缺，那么这行就可以“消除”，上面的所有“方块”会“整体掉下来”。 对于HTML5、JavaScript学习者来说，学习开发这个小程序难度适中，而且能很好地培养学习者的学习乐趣。开发者需要从程序员的角度来看待玩家面对的游戏界面，游戏界面上的每个方块(既可以涂上不同的颜色，也可以绘制不同图片)在底层只要使用一个数值标识来代表即可，不同的方块使用不同的数值标识。 开发俄罗斯方块游戏除了需要理解游戏界面的数据模型之外，开发者还需要理解为游戏添加监听方法，通过事件监听可以监控玩家的按键动作，当玩家按下不同按键时，程序控制正在“下落”的方块移动或旋转。本程序稍微有点复杂的地方是，当方块组合旋转时，开发

Web网页课程设计

Web网页课程设计 (总学时数：1周，学分数：1) 一Web网页课程设计性质 本课程是一门计算机科学与技术及相关专业实践性环节。以HTML和CSS为基础，全面学习网页设计制作有关的知识，让学生通过实践理解Web基本工作机制，并使学生具有一般网页制作的能力。与此同时，通过对Web页制作技术和制作工具的学习，使学生对网页设计中所涉及的相关知识有一个全面的了解。 二课程设计目的 通过对ASP对象的使用，实现对WEB数据库的访问。通过本课程的学习，使学生全面了解网站建设与网页设计的基本概念、基本理论及业务运作模式，了解网站建设与网页设计的特点及工作过程，掌握网站的建立及网页设计制作的方法，能够完成一般性网站的建设。同时学会Web数据库系统开发的基本方法与过程并能够实现B/S结构的数据库管理系统。 三课程设计地点 计算机机房 四课程设计内容 （1）掌握Web网页常用的开发工具Frontpage或Deamweaver的使用； （2）学会IIS的配置，或者netbox的安装与设置； （3）学会Html、CSS、Javascript的简单开发和应用 （4）学会B/S模式下，asp与数据库的连接，建议采用Access数据库。 动态新闻管理系统。在系统中，必须完成文章的添加，删除、修改、文章内容显示、题目列表显示（学生可根据自己的情况，自拟题目也可）。如图： 文章添加

文章题目列表 文章修改 五课程设计时间安排 第一天完成HTML静态页面和 CSS设计；完成基本JavaScript和数据库的设计 第二天完成动态添加和动态列表显示两个页面； 第三天完成内容显示和删除两个页面； 第四天完成课程设计报告。 六评分标准 成绩包括两部分：考勤和课程设计报告。 课程设计完成后必须提交打印的纸质课程设计报告，这是成绩评定的主要依据。报告必须按照指定格式，详细写出设计过程，并且截取系统运行图片（4张基本图片），附加相关重要代码，最后写出心得体会。页数不得少于10页。 七课程设计要求 课程设计严肃认真，不得无故迟到、缺席。报告书写规范正确，如有抄袭，一律按照不及格处理。

《网页设计与制作》课程设计报告

《网页设计与制作课程设计》 实验报告 院系名称：管理学院专业班级：电子商务XXX 学生姓名： XXX 学号： XXXXXXX 2016年 06 月 一、实验目的 本实验属于设计性实验，在学习完《网页设计与制作》课程的基础上，通过实验学习网页制作的步骤与方法，使用CSS+DIV制作一个简单的网站，能够对网站有一个清晰的认知和规划。进一步熟悉和领悟HTML语言、CSS样式表和JAVASCRIPT语言的语法结构。将理论与实践相结合，加深对本课程的理解。 二、实验步骤 1、进行网站整体规划，包括网站主题、栏目以及界面的构思，确定网站结构，形成初步设计思路。 2、设计网站的主页以及栏目，利用CSS+DIV制作网站主页和弹出式导航条菜单，利用JavaScript制作动态效果，并用firework软件对主页进行切图。 3、设计并利用CSS+DIV制作列表页，并用firework软件对列表页进行切图。 4、设计并利用CSS+DIV制作内容页，并用firework软件对内容页进行切图。 5、进行调试和修改已形成最终实验结果。 三、网站设计思路 1、参照“唯品会”“折800”等电商网站，确定网站主题为“轻奢电商”。 2、设计网站主页,主页设置首页、美妆、服饰、零食、母婴、关于我们、在售分类等七个一级栏目。其中美妆、服饰、零食、母婴四个栏目含有二级栏目。

3、首页设置品牌热卖、限量抢购等图片展示，并利用Javascript设置用户名和密码的表单验证，在图片之下设置一个新闻列表提供有关网站的最新消息，右侧设置账户、密码的表单验证，并在网页结尾处写上官方微信和版权信息。 4、由主页导航栏上的的在售分类引出列表页，在列表页中采用新闻列表样式具体展示本企业的全部商品分类并设置超链接。 5、由列表页中美妆|女士护肤|洁面弹出具体的内容页面，主要由图片以及相应的文字介绍组成。 四、网站的核心代码 1、主页