《网页设计与网站规划》课程设计报告
题目：恋爱主义
院系：信息技术学院
组长： ***
组员： ***
***
***
日期：
河南中医学院信息技术学院网站
1.题目综述
恋爱，它是男女互相爱慕的行为表现。在不同时代有不同的定义，而在现代定义为两个人基于一定的物质条件和共同的人生理想。在各自内心形成的对对方的最真挚的仰慕，并渴望对方成为自己终生伴侣的最强烈、最稳定、最专一的感情，在远古的母系社会、古代的父系社会，爱情的另一种体验，并不是单纯的一夫一妻制。但随着社会的发展，爱情也在向文明的方向发展。
而在当代大学生中，恋爱是一种很普遍存在的现象，不论是男生，还是女生，他们大多会选择自己的恋爱对象，彼此有一个依靠，这个依靠不同于亲情、友情，恋人之间相处更亲密，更无话不谈。恋爱又分为四个阶段：
1.初恋：刚刚进入恋爱阶段，了解还不是很深入，还有一定的模糊感。
2.热恋：恋爱双方看到的都是彼此的优点，对周围环境漠不关心，可以说双方都已经迷恋其中了。
3.依恋：双方在日常生活已离不开对方，离开一阵子都会觉得不顺心、有一种心不安的感觉。
4.平淡：恋爱双方都已经冷静下来，留下的大部分是理性，而缺少了激情，需要进一步的理由来点燃爱情的火焰，比如说婚姻。很多情侣都是在这一环节没走完的，当然，完成这一环节意味着下一步进入婚姻阶段。
现在我们建立的这个网站，就是有关于恋爱的，名为“恋爱主义”，主要是想通过这个网站，让更多的人了解正确的恋爱观，同时也可以分享一些恋爱感悟，让人知道一些恋爱技巧，为自己的恋爱过程增添一些趣味。而且我们的网站多以文章为主，所以在最终成型的网站中，文章会占很大一部分内容。
2.建设计划
2.1 技术路线
该课程设计中网页代码编辑和动画制作使用的技术为XHTML、CSS、和JavaScript、Flash，代码编辑涉及的软件为Adobe Dreamweaver CS4、图片制作及修改涉及的软件为Adobe Fireworks CS4、动画制作涉及的软件为Adobe Flash。而开发环境为Windows 7.。
2.2 开发计划
首先需要在小组内讨论，共同制定网页的框架结构，得出要做什么网页，由此而开始设计各网页的页面，画出草稿，然后再根据已设计出的网页页面，搜集资料（包括文字和图片），并对资料进行整理及再次编辑，还要开始绘制banner 以及logo，接着就要开始分工（下部分会有详细的分工内容），代码编辑和文字编辑要同时开始，在这个过程中会多次进行沟通，以避免代码和文字、图片的不相符，同时还要根据做的网页，不时地添加或删减原设计，尽量达到完美。还要将全部的网页进行链接，然后要对网页进行测试，使其能通过web标准测试，并尽可能在多个操作系统下能够正常访问，在多个手机系统下实现基本访问，并
能在多个浏览器下能够正常表现。最后就是写出课程设计报告。
2.3 人员分工
2.3.1 网站结构：***
2.3.2 页面设计：***
2.3.4 资料搜寻：***
2.3.5 代码编辑：***
2.3.6 文字编辑：***
2.3.7 图片及动画制作：***
2.3.8 课程设计报告：***
3.网站结构与文件目录
3.1 网站逻辑结构
3.1.1 网站栏目结构
3.1.2 网站文件层次图
3.2 网站文件目录
首页：文件均存在shouye中；
恋爱通告：文件均存在lianaitonggao中；
恋爱物语：文件均存在lianaiwuyu中；
心灵脉搏：文件均存在xinlingmaibo中；
樱空断点：文件均存在yingkongduandian中；
爱与成长：文件均存在aiyuchengzhang中；
心理测试：文件均存在xinliceshi中；
其他页面的文件也会存于相应的文件夹中
4.网页与关键元素设计理念
4.1 网站设计理念
4.1.1 设计风格
本次的课程设计以“恋爱”为主题，整体风格走“清新”、“甜蜜”路线，不管是文字、图片，还是动画，都会以其为主，比如文字内容，会有恋爱短信、恋爱情书、恋爱故事、恋爱诗词，同时也会有一些有关恋爱的感悟、技巧等，还会有恋爱的小测试；图片方面，景和物会以“心”形和代表爱情（比如：玫瑰）东西或是两两相关的东西（比如：对戒）为主，人物则多用恋人牵手、拥抱，或是一眼就能看出两人是恋人关系的图片；动画也会与其有关，这个会在下面详细介绍。
4.1.2 色彩
恋爱，给人的感觉是甜蜜、幸福、多姿多彩，所以我们的网站的色彩会以粉色为主，但同时也会辅以其他的浅色系的颜色，使网页更加的缤纷多彩，虽然颜色多，但不会杂乱。每种颜色都有它独特的意义，同时，不同的搭配也会有不同的效果，而我们就是要让网页看起来很舒服，不会有什么突兀的感觉。
4.2 关键元素设计理念
4.2.1 Logo
我们的主题是“恋爱”，而logo也就与其有关，它是用“心”拼成的一个大的“心”。先打开Fireworks应用软件，在画布上划出一个心，在色彩处理上，用彩色充满，表示恋爱中的多姿多彩，然后，将这个心再粘贴、复制多次，再用它们重新拼成一个大的心，而这么多的心围在一起，就是说恋爱时的男女双方，要多用心呵护他们之间的爱情。
4.2.2 导航
导航共分为七项，分别是：首页、恋爱通告、恋爱物语、心灵脉搏、樱空断点、爱与成长和心理测试。其中，恋爱通告是要“大胆说出爱”，“通告”的意义就在于此，所以这个栏目分为“恋爱短信”和“恋爱情书”；“恋爱物语”是说一些恋爱时的私语，包括“恋爱文章”、“恋爱诗词”和“恋爱名句”；然后是“心灵脉搏”，“脉搏”会让人想到跳动，从而联想到活力、激情、阳光，所以这个栏目分为：“火花四溅”和“幸福花海”；恋爱中难免会有一些不愉快或者是不幸的结局，所以在“恋爱”的网站中也一定要有此类内容，“樱空断点”就是为此而设。樱花会让人看到一种凄美的爱情，“断”又会让人联想到不美好的事，这就是这个栏目名称的由来，它又包含了两个子栏目“断桥残雪”和“空释恋空”；还有“爱与成长”，在恋爱过程中，恋人携手，一步步走来，总会有一些美好的回忆，同时也会有对未来的美好愿望，这个栏目就体现了这个含义，
它包括：“回味过去”、“品味现在”和“展望未来三个子栏目；最后是“心理测试”，这个栏目的主要目的是为了放松，它比较有趣味，会通过一个小的测试测测你“与众不同”的方面，当然，它并不一定真实，只是会用测试来达到让人放松的目的，
4.2.3首页
首页共有六个模块：简短动画、推荐文章、推荐电影、青春校园、爱情语录、爱情散文。这六个模块，每个都被分别框起来，框的样式也不同，其中的色彩也不同，而首页的背景又是白色，整体看起来，清新、简单，又不失可爱。4.2.4动画
Flash动画的名称是《一千零一个愿望》，它讲述了一对恋人相识、相知、相恋的故事：动画的开头是一个女孩独自走在车站内，接着，女孩想起了她和男孩相连的事---在一个冬天，男孩和女孩在网上相遇，他们开始相互倾诉，两人慢慢熟悉起来，然后，两人恋爱了，因为彼此，那个冬天不再寒冷。后来男孩因为一些事情，外出了，两人的联系少了，女孩渐渐感觉到了无比的寂寞，在经过内心斗争后，她踏上了寻找男孩的路。
这个动画看起来很简单，但也精致，再加上音乐，整体看上去，很不错。当打开首页时，动画就会开始播放，而在打开别的网页时，它就会自动停止，直到再次回到首页，《一千零一个愿望》的音乐就会再响起。
4.2.5电影
在首页中共推荐了五部电影，每部电影结局不同，有的痛失恋人，有的却又事业、爱情双丰收，无论如何，每一部都值得一看，下面选取了两部做出介绍：《泰坦尼克号》---为了寻找1912年在大西洋沉没的泰坦尼克号和船上的珍贵财宝——价值连城的“海洋之心”宝石，寻宝探险家布洛克从沉船上打捞起一个锈迹斑斑的保险柜，不料其中只有一幅保存完好的素描－一位佩戴着钻石项链的年轻女子。这则电视新闻引起了一位百岁老妇人的注意,老人激动不已，随即乘直升飞机赶到布洛克的打捞船上。原来她名叫罗丝·道森，正是画像上的女子。她讲述了一段动人的爱情故事：萝丝在泰坦尼克号上，因不想嫁给未婚夫卡尔，于是准备跳海自杀，被刚好得船票，登上这座豪华巨轮的杰克所救。杰克带她参加下等舱的舞会，给她画像......他们两人很快坠入情网，但是这份甜美的爱情还没过多久，历史上最重大的灾难之一，泰坦尼克号的沉没便发生了。他们刚刚萌生的爱情幼苗也历经生死的考验。最后，杰克为了救罗丝，为她取暖，鼓励她活下来，而自己却冻死在寒冷的海水里。罗丝得救了，她从没有忘记杰克，不仅仅是因为他们有一段凄美的爱情，还因为杰克给了她很多快乐，也给了她新的希望和未来……
《律政俏佳人》：艾莉-伍兹过着无忧无虑的生活，可以说她是应有尽有。她是一个来自热带夏威夷的女孩，女大学生联谊会会长，在她大学的日历上她是“六月小姐”，但首先她是一个天生丽质的金发碧眼美女。艾莉正在与学校中最酷的男孩华纳恋爱，并一心一意想做他的新娘----华纳-亨廷顿三世夫人。但是，有一个问题使华纳对艾莉的求婚欲说还休，那就是：艾莉除了金发碧眼的美貌外实在没有什么可吸引人的。在洛杉矶艾伦-斯班林街对面长大对于某些人来说可能意谓着什么，但对东海岸贵族出身的华纳一家人来说什么也算不上。因此，当华纳打点行装前往哈佛法学院与一个预备班的旧情人团聚时，艾莉明白了自身的不足。她也竭尽全力考进了哈佛大学，决定要赢回华纳的心。但是法学院与她以前的舒适环境——池边的草地、林荫道实在是天壤之别。艾莉有生以来第一次必须进行
一场战斗----为了她心爱的人、为了她自己、也为了那些每天都无休止地承受着羞辱的金发碧眼美女。自从选择律师的职业以后，艾莉积极刻苦进取，并用正义与社会中的种种丑恶现象作斗争，最终在一次法庭上的精彩审问不仅使案件水落石出，也一举成名，华纳-亨廷顿三世再次向她说爱，但被她宛然拒绝，她要开始属于她自己的新的生活。
5.各网页的功能描述
5.1 首页功能：
通过首页，可以大致了解网站的结构及内容。首页分为了banner、导航和主页部分。其中主页又分为六个板块：推荐文章---共有六篇，每一篇都会有一幅图片和一段简洁的文章的介绍；简短动漫---讲述的一对在网上相识的恋人的故事；推荐电影---共有五部，分别是《泰坦尼克号》、《秋天的童话》、《罗马假日》、《爱情故事》和《律政俏佳人》，这五部电影都有关于恋爱，而《泰坦尼克号》则又是一部人们不得不看的爱情大片，当点击某一部电影时，就会出现该电影的介绍；青春校园---主要是一些青涩的校园恋爱故事；爱情语录---多是名人对待恋爱或是爱情的观点和经典语录；爱情散文---只看名字，也知道这是关于爱情的一些散文。而不论你想访问那个网页，或者是哪部分内容，这里基本上都有，可以任意访问。
5.2 恋爱通告网页
“也许，你已有了男朋友（或女朋友），也许，你只有暗恋的对象，那么，请来这里，大声说出你的爱！”这就是这个网页最主要的功能，我们拽录了一些表白短信和热恋时的短信，还有情书，通过它们，可以感受到炙热的爱意。在这里，你也许会回想起自己的告白，或者是被告白的欣喜、惊讶、害羞，那应该是一种很美好的回忆，哪能放在放在记忆的最深处呢？你也许还在暗恋某个人，那么看到这些，你还不行动起来，赶快去表白吗？
5.3 恋爱物语网页
这个网页的主要功能在于“分享”，分享别人的恋爱故事，分享古人的恋爱观，分享千古以来的唯美名句。从这些故事和诗句中，我们可以看到一个虽没有结局，但又美好回忆的唯美故事，可以知晓恋爱的四个阶段，可以倾听从古到今美好的声音，“衣带渐宽终不悔，为伊消得人憔悴”，可以看到为爱的付出，“你念或者不念我，情就在那里不来不去”，又让人看到情的坚定……当然，如果你要写情书，也可以参考一些这里的句子哦。
5.4 心灵脉搏网页
该网页的功能是图片欣赏。脉搏，这是一种跳动的感受，充满活力，拥有激情，当然，最重要的就是，“心灵”中的浓浓爱意。看着这些图片，想象着，途中的主人公就是你和你的恋人，你们手牵着手，走在漫漫小路上，亲亲密密，偶尔，两人慢慢靠近，甜言蜜语，想必，那是一种享受吧。或者，你们来到汹涌澎湃的大海前，让他为你画幅画（让她为你照张照片），一起制造回忆，当你们老的时候，再看到这幅画（照片），那又是一种怎样的感受呢?现在的你，在看到页面上的这些图片时，想到要进行一次爱的旅行了吗？
5.5 樱空断点网页
恋爱都是美好、甜蜜的，但同时也会有一些不愉快或者悲伤的事发生，有的恋人会分手，那他们还会在一起吗，还是会彻底放手呢？也有的人不珍惜眼前人，却要追求一些不属于他的东西，当他发现自己已经错过了真爱时，他又会怎
样做呢，是追回她，还是会选择消失？当面对恋爱中的悲伤和痛苦时，你又会怎样做呢？在这个网页中，有触动人心的文章，希望你可以在这里找到与你相似的情况，从他们的事情中得到借鉴。
5.6 爱与成长网页
每对恋人之间都会有一些美好的回忆吧，告白时的青涩、害羞，成为恋人时的开心、兴奋，相恋时的甜蜜、依恋，这些都是美好的过去吧，而在正处于热恋期的朋友们，又是否再回过去的同时，还对未来有一个清晰的计划了呢？当你蓦然回首时，当你仔细品味爱情时，当你思考两人的未来时，就可以参考这个网站，它会带给你一丝明悟的。
5.7 心理测试网页
浏览完前面全部的网页后，你或许还停留在唯美名句中，或许还正在分享别人的喜悦，或许正在感伤，或许正在期望着未来。无论如何，到了这里，不要再想那些东西，这里是为了让你放松的，通过一个小测试，你也许就能知道你将会爱上几个人，当然，这只是小测试，并不需要当真，只希望测试完之后，你已不在纠结在前面的内容上了。
6.网站测试报告
WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA （European Computer Manufacturers Association）的ECMAScript标准。
符合WEB标准的网站应该主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的网站标准也分三方面：结构化标准语言，主要包括XHTML和XML；表现标准语言主要包括CSS；行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C组织（什么是W3C组织）起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。
6.1web标准测试
1.连接测试
2.数据库测试
3.浏览器测试
4.平台测试
5.负载测试
6.压力测试
7.整体界面测试
6.1.1测试环境
Web测试环境所需要的软硬件包括：电脑一台，JDK1.6，IE浏览器，Firefox 浏览器等。
6.2浏览器兼容性测试
网页设计浏览器兼容请测试软件
6.2.1测试环境
IE7.浏览器IE8浏览器IE9浏览器Firefox浏览器Chrome.
浏览器Opera.浏览器360浏览器. QQ浏览器
6.2.2测试结果
均可以在以上浏览器中打开。
6.3操作系统兼容性测试
对于每款被测软件，我们都从软件安装、程序启动、主要功能的使用以及软件卸载等四个方面进行了详细的测试和评估。
在运行软件安装时，我们考察了被测软件是否达到了如下要求：
遵循用户帐户控制指南。为了满足此要求，应用程序中包括的每个可执行文件(带，EXE扩展名)都必须有一个可定义其执行级别的嵌入式清单，如果应用程序中只有少量功能需要管理权限(如应用程序需要配置防火墙时)，则应用程序的主进程必须仍然以标准用户身份运行。必须将管理功能移到使用管理权限运行的独立进程中。正确执行版本检查。除非最终用户许可协议禁止在将来的操作系统上使用，否则应用程序不应在操作系统版本号增加的情况下无法运行。如果应用程序无法运行，则必须向用户发送消息，并向日志写入一条消息，然后正常退出。是否被提示存在已知兼容性错误。避免在安全模式下加载服务和驱动程序。驱动程序和服务不应在安全模式下运行，除非需要使用其进行系统的基本操作(如文件系统驱动程序)或用于诊断和恢复目的(如防病毒扫描程序)。
·所有应用程序必须符合反间谍软件联合会提出的隐私准则。被视为恶意软件或间谍软件的应用程序将失去其徽标认证。
·应用程序必须使用Windows安装程序(MSl)或ClickOnce进行安装。
·应用程序应默认安装到ProgramFiles或用户的AppData文件夹中。对于每台计算机安装，用户数据必须在首次运行时写入，而不是在安装期间写入。由于在每台计算机安装期间安装可能会提升到不同用户帐户权限，因此在安装期间没有正确的用户位置来存储数据。
·正确配置程序包标识。
·应用程序不能尝试安装受保护的系统文件或注册表项。如果应用程序要求采用更新版本的系统组件，则必须使用MicrosoftServicePack或包含该系统组件的Microsoft认可安装程序包对这些组件进行更新。
·是否在安装结束后提示重新安装提示。
·安装完毕后是否能够正确运行。应用程序必须仅处理已知的预期异常，不能禁用"Windows错误报告"。如果在应用程序中出现了错误，则应用程序必须允许"Windows错误报告"报告此问题。
·安装完毕后UAC是否进行提示。
·无并不必要的系统重启要求。对于软件卸载，我们会使用软件自带的卸载程序或者从控制面板的程序管理工具来卸载已经安装的被测软件，并考察它们：·已安装程序列表中是否删除
·安装目录是否被删除
·开始菜单、桌面、工作栏快速启动部分是否已经删除掉相关快捷方式
·注册表中是否依然保留相关软件的数据项
6.3.1测试环境
所有软件的测试，均在如下配置的测试样机上完成，其具体配置情况为：
处理器：Intel Core 2 Duo E7400
芯片组：Intel G45 Express
显示卡：Intel GMA X4500HD
硬盘：7200rpm，S-ATA
显示屏：22寸宽屏，1680 x 1050
内存：4GB DDR3-1333
所有软件的测试，均在Windows 7 RTM (build 7600)（以下简称Windows 7）下完成。所有硬件驱动程序均使用Windows 7自动识别并安装的版本，以避免硬件官方驱动版本可能产生的潜在的兼容性问题。
6.3.2测试结果
操作系统兼容性完好
6.4移动终端可用性测试
1、狭窄布局
在小屏幕上显示大的web页面仍旧需要一些信息视觉处理方法。目前一些浏览器采用狭窄布局作为默认查看模式，Opera将其称为小屏幕渲染，NetFront 将其称为SmartFit，我们称之为狭窄布局，因为整个内容的显示窄且长，并且所有内容都做了简化以符合屏幕宽度。
我们对这一布局做过很多用户研究，狭窄布局的主要好处就是文本容易阅读，如果文本的宽度超过屏幕的宽度，用户的阅读就会很困难，虽然可以采取滚动的方法处理这一问题。
不过根据我们的调查，狭窄布局仍有很多问题。最糟糕的就是为了符合屏幕宽度，一些大图片被删减，结果导致图像细节丢失。第二个问题就是表格。如果有一行表格不与屏幕吻合，就会自动调至下一行。
还有一点就是内容排序。如上图，所有内容的显示变得很长，所以用户很难找到一些想要的内容，经常需要在屏幕滚动时去寻找关键词，这也就意味着滚动速度不能太快，结果看完所有内容会是一个非常漫长的过程。如果加快滚动速度，用户又可能丢失一些重要信息。
一个典型的Web页面中，最左边往往有很多链接，主要内容显示在页面中部。在狭窄布局中，用户必须滚过这些链接，才能看到主体内容。不过在浏览一个网站时，这些链接多数情况下是不相关，用户会变得很生气。还有一个相关的问题就是，一个网站的任何页面的上端往往很类似，用户会弄不清楚自己在哪个页面，所以如果这些链接中包含用户已经点击过的，那么用户很有可能再点击这些链接。我们遇见过很多用户由于这个问题而放弃阅读，他们会说浏览器坏掉了。
2、原始布局
由于狭窄布局存在很多可用性方面的问题，所以很多浏览器还提供原始布局页面模式，这很类似在PC上，让用户根据内容来选择不同的视图模式，原始布
局中，大图片细节和表格的效果会更好，同时如果用户知道PC上的网站的结构，那么就很容易找到自己所需要的内容。
当然原始布局并非什么问题都没有。最糟糕的就是阅读宽文本内容，会很费力。用户每次都得向前向后拉动滚动条。另外由于页面很大，所以需要滚动的地方也越多。
3、理想布局
很明显，小屏幕移动终端上的页面浏览仍需要很多改进和革新。如果想让自己的网站在小屏幕上具有可读性，可以遵守以下3个指导建议：
避免那些一眼就能看出来的大物体；
避免在图片上使用小文本；
页面要轻化。
6.4.1测试环境
浏览器入口UI风格浏览器可用性交互页面渲染缓存站点可用性结构内容布局
6.4.2测试结果
结构均可以布局
7.核心网页截图
7.1 网页截图方法：打开所要截图的网页——键盘上prtscsysrg------开始
-----附件----画图-----粘贴----保存到文件夹----打开fireworks软件-----打开文件夹-----截图-----保存图片。
7.2 网页截图及其说明：
此为网页的中部，包括文字连接，图片链接，以及视频简介的连接，以粉色为底，配以浅蓝色的文字，多彩的图片，从而显现恋爱网页的单纯格调
设计内容及要求 <1>使用各种HTML标记，CSS各种常用样式及简单的JavaScript 技术，完成的网页没有错误 <2>首页设置导航栏，命名为 <3>利用CSS技术对网站进行布局，网站风格统一 <4>灵活运用JavaScript使网页生动 一、设计思路 首页： 二、设计结果及分析 首页：
1.对于主页，因为不太喜欢类似于搜狐类似的全文检索，更青睐于百度类似比较简洁的页面，随后设计出主页，虽然很简单，但我认为很精练，突出了这次设计的主题。 东营： 2.对于主页，因为不太喜欢类似于搜狐类似的全文检索，更青睐于百度类似比较简洁的页面，随后设计出主页，虽然很简单，但我认为很精练，突出了这次设计的主题。
广饶简介： 联系： 3.第四章做了根据js的一个互动。可以对前台邮箱的内容进行判断。
图片欣赏： 4.第五章，由于需要用到表格的内容，所以将照片用着种形式呈现出。 三、总结 通过本次网页的制作过程，我学到了很多实用的东西，也充分了解了editpuls这个软件的强大，对学习了一个学期的课程也有了深入的了解。在这段时间里，一方面，我尝试着讲课本上所学的知识运用到制作中，另一方面，我又时刻在网上学习自己需要的知识，学习到了很多有用的知识。虽然之前对于代码的编辑不是很明白，但这几天不断搜集各种网站模板，不断学习设计思路。虽然呈现出的作品很不完整，基本达不到观赏性和实用性，但我还会不断练习。争取作出属于我的风格的web。 五、附录（源代码）
首页：
《大学计算机基础》 实验报告 专业名称: 电子商务2班 学号: xxxxxxxxxxx 姓名: x x 指导教师: x x 2011年12月24日
目录 第一章网站主题设计说明 (1) 1.1 主题内容 (1) 1.2 设计思路 (1) 第二章网站内容设计 (2) 1.1 链接1标题 (2) 1.2 链接2标题 (2) 1.3 flash制作说明 (2) 第三章网站技术难点 (3) 第四章心得体会..................................... ..... ......................... (4)
第一章网站主题设计说明 1.1 主题内容 (1) 网站主题为“四季の花”，包括春夏秋冬四个季节的比较典型的花朵及有关花的诗句，色彩缤纷，十分艳丽夺目。 1.2 设计思路 (2) 大多网站都设计的关于音乐，影视，购物等非常热门的东西，本站设计的主题是花，能让人们在闲下来的时候看看花，品品诗歌，所以做有关花的网页是个不错的选择。同时，让人们分清楚春夏秋冬都各有什么典型的花。
第二章网站内容设计 1.1链接1标题：春の花 春天是生命的季节，在这个季节里，万物复苏。所以就找了虞美人，桃花，牡丹，以及海棠花来作为春天的代表。同时配有与这些花有关的诗句。 1.2 链接2标题：夏の花 夏天充满了激情与阳光，我找了兰花，荷花，百合花等来代表这个季节，色彩艳丽，十分醒目夺人。 1.3 链接3标题：秋の花 大丽花，菊花，月季和牡丹花都竞相出现在本网页，色彩缤纷，赏心悦目。 1.4 链接4标题：冬の花 蝴蝶兰，水仙，迎春花，梅花是冬季的代表，他们刻画了一副傲立冬天的坚强的姿态。
网页制作课程设计报告学院: 专业班级: 姓名: 学号: 成绩: 阅卷教师:
目录 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制作一个关于“新加坡之旅”的网站,利用表格、行为、层与链接等网页设计技术设计页面。 本网站以新加坡旅游为素材,主要讲解了与新加坡景
网页课程设计心得体会 不知不觉,二个星期的《页面规划与网站建造》课程的实操即将曩昔,回忆这一段日子,真的令我领会很深,也学会许多东西,懂得许多曾经不明白的东西,也理解了一些工作. 自从第一天触摸《页面规划与网站建造》课程,我以下定决心要把页面这门课学好,做出一个优异的网站.所以我时刻没有错失任何学习的机会,不管在课堂上,还是在课外上.更何况这一次实操.回忆今次的实操我觉得我过得很充实,很有含义,由于我能够诚笃的说我在实操没有玩过一次游戏,我每时每刻都在规划网站,还记得晚上做网站做到一、二点，也许
有人会说我傻，但正由于这个傻的举动，令我学会许多东西，学会他人不明白的东西，做出一个令自个满意的网站，也许跟他人比还需要持续完善，但我不会由于实操结束，就把页面规划抛到无影无踪，我会持续学习页面规划技能，把它变为自个的一项专长。 回忆第一天的《页面规划与网站建造》课程实操，教师叫咱们持续完善曾经规划的网站，做出留言板、注册的功用。我很快就完成了，但也许我是一个寻求完善的人，所以虽然一个网站做好能够立刻交给教师。但我做出一个他人都不附和的决定，从头开始做一个网站。由于我觉得曾经那个真的不是太好，虽然实操的时刻曩昔了一半，虽然他人对我说你交本来这个不就行了吗!何须再做一个呢?但真由于我的固执，寻求成功，寻求完善的人，才会使我今日交出一个令自个满意的答卷。 在制造自个网站时咱们首先： 一、必需进行自个网站前台功用规
划 包括自个网站主题的断定，前台功用规划与办理、自个网站主页规划、自个网站留言板、注册、忘掉暗码、查找等页面规划与办理。 二、对自个网站后台办理功用规划 包括自个网站后台办理功用的规划、后台办理信息体系功用的规划、后台体系权限办理、后台文件办理、自个网站后台办理体系主页规划。 三、网站的发布 一般咱们发布一个网站也许以能过域名注册，但咱们也能够使用自个主机，装了iis他人就能够通过我的ip地址来访问我的主页。首次做的那个页面我现已发布在上彀了。 四、自个网站推行 一个网站做好了，就要对自个网站进行推行，这是一个电子商务网站必需做得的一步，由于假如你不对你的网站进行推行，就算你发布了也没有人会知道的。
网页设计课程设计报告 系别：计算机科学系 班级：09级计师二班 姓名：邓桂香 学号：200914340229 指导教师：李发英 成绩： 日期：2011年5月
网页设计课程设计报告 一、网站设计目的和任务 一学期的网页设计理论和实践课程都结束了，根据老师的要求及指导，我设计了此网站，本网站属于小型个人网站，目的在于简单的介绍一下个人状况，可以使老师和同学们更进一步的了解我现在以及部分过去的情况，加强老师和同学们对我的认识，深化我们大家的情谊，有利于以后在学习、工作生活当中的团结协作。 此外，这不仅是为了肩负学生的责任而去完成老师交给我的任务，更是对过去学习的知识的温习巩固，是一个把理论转化为实践的过程，是一个把自己的设计思想转化为实物的过程，是一个发挥自己创造力和想象力的过程。 再者，这是对自己在一学期内该学习科目以来的成果的检查，这是一个自我审视的过程：检测我该学期的学习成果，衡量一期以来的收获，更为重要的是扬长避短，发现自己的问题与缺点，使自己及时改正，发觉自身的优点和长处并坚持发扬，有利于我以后的学习和发展。 二、网站主题 本网站以个人从小到现在的大概情况介绍为主题，阐述喜好，表现本人的性格特点。
三、网站规划思想 当今社会，靠什么成功?很多成功人士都说过这样一句话：“成功来自百分之八十的人际关系和百分之二十的自身天分和努力。”据此可以发现，扩大人际关系网是十分重要的一项活动，因此就需要一条联系两方的桥梁，这条桥梁是满载信息的大流量的通道，在这信息时代，于是网络成为了这当之无愧的桥梁。我设计这个网站的思路就来源于此。 怎样让更多人了解你？怎么使别人更了解你？怎样扩大自己的接触面？当代是繁忙的一代也是讲究高效率的一代，当今面对这些问题，这时候的内敛不会被认为是好的，最好的解决办法我认为是把自己推销出去，我想通过网络把自己的概况晾晒，方便别人更快捷更省事地得到相关信息，通过这种方式，也可以交到志同道合的朋友，可以一起研究探讨，相互促进，达到共赢。 既然这样，那么网站的风格自然是温和、高雅、柔美的，这样才能达到更高的亲和力效果，同时也应该具有喜悦性、创新性、活泼开朗性，展现个人品格及魅力。最重要的是要呈现一个真诚的自我在大家面前，树立可信性、诚实性，消除虚拟因素，获得大家的真诚对待和好感。 在内容和结构上，具体如下： 整个网站分为九个页面，分别为：主页面、基本信息、个人照片、成长阶段概况（童年、中学、大学）、兴趣爱好（文学、书法、
网页设计的实验报告心得 一实验过程 1.资料的搜集。 2.熟悉制作软件。 3.构建站点框架。 打开dremweaver后第一步便是新建站点 4设计主页及二级页面。 5实现网页间的链接 链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。 6向静太网页插入动态效果 具体情况如下： 通过这半年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了个人网站，作为实习的成果。其内容是多样化的。制作网页用的软件是ｄreamweaver,banner软件。dreamweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业内部局域网的数据库应用等功能。例如，网页上很流行的阴影和立体按纽等效果，只需单击一下就可以制作完成。当然，其最方便之处是，它可以将图象切割，图象映射，悬停按纽，图象翻转等效果直接生成html代码，
或者嵌入到现有的网页中，或者作为单独的网页出现。主图是一个网页的门面，它能体现出这个网页的整体风格。 制作网页,首先是确定主题,经过再三考虑,就做了个关于中国的网站,平时也总是浏览类似的网站,对这些还有些了解,于是确定主题,做一些类似的网站,但考虑到,现在网络上好多类似的网站,但有些内容不适合我们大学生阅读,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的中国介绍和相关的事迹网站,专门介绍一些即使用,又便宜的小秘笈。于是网站主题确立。 然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，中国简介，中国历史，用户登录注册页面留言，再加入个别网站等，每一部分又分几小部分，内容比较充分，多样。 再后是收集资料与素材，大量浏览相关网站，收集关于中国的一些事迹历史图片，好的文章和图片等，还有参考一些好的网站的布局，特色，颜色搭配，背景图等。 再后是设计网页图片，用flash制作网页的banner。 再后是建立站点，站点分布如下： 再后是制作网页了，使用dreamweaver制作。 首页内容精彩丰富，简洁明快，语言风趣，通俗易懂。页面可爱清爽。首页主要是导航作用。首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，一个网站强调的就是一个整体，只有围绕一个统一的目标
1.正文 (1)引言 ①.程序设计的背景 21世纪的重要特征是数字化、网络化和信息化。自从上个世界90年代以后，以因特网为代表的计算机网络得到了飞速的发展，已从最初的教育科研网络发展成为商业网络，并已成为仅次于全球网的世界第二大网络。很多人认为现在已经是互联网的时代，这是因为互联网正在并继续改变着我们的工作和生活的各个方面，加速了全球信息革命的进程。现在人们的生活、工作、学习和交往都已经离不开因特网，互联网成为全球通信与贸易的重要工具。网上购物系统正在成为人们日益信赖的购物平台，其以优越的方便快捷性、实用性、可获得性等特性获得越来越多人的青睐，网上购物逐渐成为很多人购物的主要途径。另外，随着计算机身份认证技术、数字签名、数据库安全、数字水印、信息隐藏、入侵检测、防火墙等网络安全技术的发展使得网上购物的环境越来越安全，大型的合理构建，政府机构完备的法律制度都极大的保证了网上购物的安全性，提高了顾客的信任度，使得网络购物更加普及。作为当代的大学生，网络更是贯穿于我们的生活，加上年轻人乐于尝试新生事物的心理趋向也让我们对于网上购物有了更多了解并参与其中。基于对网络购物环境的理解，结合自己的网络购物的体会，本小组成员进行了此次课程设计，基本上实现了简单的基于Java平台的JSP电子商务设计（电脑购物B2C模式的电子商务）。 ②.程序设计的需求分析 本电子商务总体基于Java，利用服务器端动态网页开发的JSP技术，辅以客户端动态网页开发的Javascript技术，主要设计实现以下功能： 1.前台销售，包括以下容： 1)用户注册: 显示注册界面，通过Javascript技术判断用户填写的注册信息是否规，用户名是否已经存在、填写的密码是否一致、Email是否为正确格式等等。用户确认所填注册信息并通过验证后，将注册信息添加到数据库中的userInfo表中。 2)用户登录 用户输入用户名和密码后，检验所输入的用户名和密码是否与数据库中的用户名和密码一
网页课程设计心得 篇一：网页设计课程心得体会 “网页设计”学习心得体会 现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的。我通过这一学期的学习，对网页设计有了初步的认识和了解，并基本掌握了Dreamweaver的应用。 在学习了网页设计的同时，我更加深入的了解了关于计算机和网络的知识。基于对计算机基础与C语言的基本掌握，学习网页设计的基础部分便显得较为轻松。虽然如此，在设计过程中依然出现了很多的问题，但通过看书，上网查询，等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内
容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。 通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是Flash、Fireworks等网页软件的综合应用。 下面阐述一下我在设计我的网站时的一些关于网页设计的见解。在具体的制作时我了解到一个优秀的网页设计应该具备一些基本原则。 首先，要确定网页设计的内容，一个优秀的风站要有一个明确的主题。整
个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用；其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去. 在完成以上的基本内容之后网页的基本框架便成形成了。下面要开始的便是优化工作。 内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又
钦州学院 C语言课程设计报告 学生选修课管理系统 院系物理和材料科学学院专业自动化 学生班级 2008级1班 姓名李美月 学号 0805404134 指导教师单位钦州学院 指导教师姓名陶卫平 指导教师职称讲师 2011年6月 学生选修课管理系统 自动化专业2008级李美月 指导教师陶卫平 摘要:当今时代是飞速发展的信息时代,在各行个业中离不开信息处理,这正是计算机被广泛使用于信息系统环境。计算机的最到好处的利用它能够进行信息管理,使计算机进行信息控制,不仅提高了工作效率,而且大大提高了其安全性。 尤其对复查的信息管理,计算机能够充分发挥它的优越性。计算机进行信息管理和信息管理系统的开发密切相关,系统的开发是系统管理的前提。本系统就是为了管理好学生选课信息而设计的。
数据处理手工操作,工作量大,出错率高,出错后不易更改,造成了时间上的浪费。 基于这个问题,有必要建立一个学生选修课系统,使学生选课信息管理工作规范化、系统化、程序化、避免学生选课管理随意性,提高信息处理的速度和准确性,能够及时、准确、有效的查询和修改选课情况。 【关键词】管理员管理;课程查询;学生选课;系统框图;程序;C++ 设计目的: (1根据C语言课程设计来设计一个实用的系统即学生选课系统。 (2设计该系统能够实现选课信息管理工作规范化、系统化、程序化、避免选课管理随意性,提高信息处理的速度和准确性,能够及时、准确、有效的查询和修改选课情况。 (3通过实践,更进一步掌握C语言课程设计理论知识,做到从理论到实践。 设计技术指标和要求: 由于C语言是面对过程的语言,故我的设计思路是根据目标程序运行的过程来编写,尽量要求做到: (1设计界面要求尽量美观简洁; (2管理员能够对课程信息和用户的管理,以及学生对课程信息的查看和选课。 (3用户能够根据提示,输入操作项,调用系统提供的管理功能。 (4完成学生选课管理的开发。 目录 前言 (3
网页设计课程设计心得 网页设计，是根据企业希望向浏览者传递的信息，进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。下面是的网页设计课程设计心得，希望对你有所帮助！ 21世纪的时期，中国的网络正在实飞猛进，大多的企业都是通过建立网站来进入企业宣传，通过企业网站来打广告，宣传产品、品牌推广，促进销售等方法来实现企业营利的目的。所以，中国的互联网在中国的近几年来，有了非常大的发展空间，如“网上商店”“网上服务”“网络资源”非常的流行。所以网页设计师中一个紧缺的人才。对一个企业来说，做好一个网站是必不可少的。我们现在做为电子商务专业的，我们的最终目标是针对全球这个大的市场，还有这个网络市场。作为一个企业的管理者，应当为自己设计一个能够促进销而且能够代表我们企业的形象、宣传我们企业最新出来的产品的这么一个网站。 我们学了一个学期的网页设计，这周我们开始实践我们专用的计划如下： 第一天：网页设计与布局。网页的题材自己定，可以任选。 第二天：准备材料。建立站点，将所有的题材放到自己所建立好的站点里去，以便在做的可以更方便、快捷的应用到网页中，提高速率。
第三天：将所在准备的材料一起联接起来，放到自己的所设计的布局结构中。再做二级网页，建立超链接，把一级和二级网页连接起来。 第四天：将所做的网页进行、调试、发布。在网站上申请一个空间，将自己做的网页传到网上去。 第五天：写实习报告。将写好的实习报告打成电子文档，传到老师处，审查。 网页的布局： 网页的布局指的是网页的整体架构，也就是排版。在一个被别人打开网页之后，如何才能突出里面最重要的内容，即让用户第一眼就看到这个网页所想要传达的信息和内容。这首先就要从网页布局做起.我觉得网页布局应当注意以下几点：1、整个网页的长和宽的比例，2、导航条的设置，3、正文的框架结构。我的这个上网页中，我的大体布局就是“F“型的。从我的首页上看上去虽然有点乱的感觉，但整个的布局是清楚的，乱而有型。在大多数企业网站中的布局都是大同小异，但是它们做出来的效果显得非常的完美，所也是他们企业的成功之处所在。因此，一个网页布局是一个非常重要的一个工作。 网页的设计： 网页的设计不仅需要学好网页设计软件的方法，还需要和其它的软件一起使用，如动画设计软件，静态图像处理软件，等等。所以学习起来的确有点困难，所以需要有有点耐心去学习，不要是因为一时的好奇而去做网站，那肯定是不得行的。当我们遇到问题的时候要
武汉理工大学华夏学院课程设计报告书 课程名称：网页设计 题目：俄罗斯方块游戏 系名：信息工程系 专业班级： 姓名： 学号： 指导教师: 2016 年1月14 日
课程设计任务书 课程名称：网页设计课程设计指导教师：苏永红 班级名称：软件1131 开课系、教研室：软件与信息安全一、课程设计目的与任务 网页设计与制作课程设计是《网页设计与制作》课程的后续实践课程，旨在通过一周的实践训练，加深学生对网页设计中的概念，原理和方法的理解，加强学生综合运用HTML、CSS、JavaScript、asp网页设计技术进行实际问题处理的能力，进一步提高学生进行分析问题和解决问题的能力，包含系统分析、系统设计、系统实现和系统测试的能力。 学生将在指导老师的指导下，完成从需求分析，系统设计，编码到测试的全过程。 二、课程设计的内容与基本要求 1、课程设计题目 俄罗斯方块游戏的设计与实现 2、课程设计内容 俄罗斯方块游戏是一个单击休闲小游戏。在俄罗斯方块的游戏界面中，有一组正在“下落”的方块(通常有4个，组成各种不同的形状)，游戏玩家需要做的事情就是控制正在“下落”的方块的移动，将这组方块摆放到合适的位置。只要下面“某一行”全部充满方块，没有空缺，那么这行就可以“消除”，上面的所有“方块”会“整体掉下来”。 对于HTML5、JavaScript学习者来说，学习开发这个小程序难度适中，而且能很好地培养学习者的学习乐趣。开发者需要从程序员的角度来看待玩家面对的游戏界面，游戏界面上的每个方块(既可以涂上不同的颜色，也可以绘制不同图片)在底层只要使用一个数值标识来代表即可，不同的方块使用不同的数值标识。 开发俄罗斯方块游戏除了需要理解游戏界面的数据模型之外，开发者还需要理解为游戏添加监听方法，通过事件监听可以监控玩家的按键动作，当玩家按下不同按键时，程序控制正在“下落”的方块移动或旋转。本程序稍微有点复杂的地方是，当方块组合旋转时，开发
实验报告 实验名称：计算机网络课程设计 学生姓名： xxxxxxxxxxxxxxx 专业： xxxxxxxxxxxxxxx 班级： xxxxxxxxxxxxxxx 学号： xxxxxxxxxxxxxxx 指导教师：xxxxxxxxxxxxxxx 实验成绩： 实验地点： 实验时间：2016 年 5月 6 日
一、实验目的与实验要求 1、实验目的 将书本上抽象的概念与具体实现技术结合，通过网络软件编程的实践，深入 理解理论课上学习到的ARP、IP、TCP 等重要网络协议的原理，通过自己动手 编程封装与发送这些数据包，加深对网络协议的理解，掌握协议帧的结构和工作原理及其对协议栈的贡献。 2、实验要求 网络课程设计包含两个部分的内容： 题目一是数据包的封装发送和解析（ARP/IP/TCP），要求使用 Winpcap 技术和Socket 技术，根据 ARP/IP/TCP 帧的结构，封装数据包发送到局域网中。另外要捕获网络中的TCP/IP/ARP 数据包，解析数据包的内容，并将结果显示，并同时写入日志文件。 题目二是从可选题目中选择一个，可选题目均是网络应用小程序，要求小组 使用网络编程技术设计并实现一个网络应用程序，加深对网络协议协的理解，并锻炼网络编程能力。 二、实验设备（环境）及要求 1、实验硬件设备： 计算机型号：联想ThinkPad T430u 处理器型号： Intel i5 主频： 1.8Hz 网卡型号： (1)Realtek PCIe GBE (2)Broadcom 802.11n 2、实验软件要求： 操作系统： Windows10
应用软件： Visual Studio 2015 Pro 3、小组成员及分工： 三、实验内容与步骤 1、实验 1：数据包的封装发送和解析（ARP/IP/TCP） （1）实验内容 1)程序目标： 根据 IP 帧的结构，封装 IP 数据包发送到局域网中。并捕获网络中的IP 数据包，解析数据包的内容，并将结果显示，并同时写入日志文件。 2)程序功能：以 命令行形式运行 在标准输出中显示捕获的 IP 报文的首部字段的内容。 使用 winpcap 访问网卡，手动封装 定义 IP 首部的数据结构 填充数据包，发送数据包，捕获数据包 使用 winpcap，捕获 IP 数据包 （2）主要步骤 1)总体设计： a.获取设备列表并打印，打开所选择的适配器； b.准备工作：定义 ip 相关的结构体、打开要存放结果的文件，设置过滤器，手写 ip 数据报（内容有无效的 MAC 源和目的地址，和均为本机地址的 ip 源地址和目的地址，即发给自己一个 ip 报文），设置抓到数据报的解析和输出到文件的操作函数（解析 ip 报，打印并写入文件：报文的版本、协议、源和目
目录 一、设计目的错误!未定义书签。 二、设计思想错误!未定义书签。 三、网页详细设计分析错误!未定义书签。 (1)建立布局错误!未定义书签。 （2）网页中的图像错误!未定义书签。 （1）在网页中插入图像错误!未定义书签。 （2）图像的各种属性设置错误!未定义书签。 （3）怎样编辑网页中的图像错误!未定义书签。 （4）使用背景图像错误!未定义书签。 （5）设置链接错误!未定义书签。 四、网页说明错误!未定义书签。 五、总结错误!未定义书签。 网页设计试验报告 一、设计目的 本课程的设计目的是通过实践使我经历Dreamweaver 8开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver8可视化开发工具进行网页开发的方法；了解网页设计制作过程。我本次主要是设计的“祖国六十年”为主题的网页，针对祖国六十年的发展了介绍。 二、设计思想 利用Dreamweaver8制作一个关于“祖国六十年”的网站，利用表格、
行为、层和链接等网页设计技术设计页面。 本网站以新中国发展为素材，主要讲解了与新中国变化相关的内容。各网站链接示意图如下所示： 三、网页详细设计分析 (1)建立布局 在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。Dreamweaver 8是大多数人设计网页的称手兵器，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。 （2）网页中的图像 （1）在网页中插入图像 利用Dreamweaver 8可以方便地在网页中插入图像，还可以设置图像边框、大小、和位置，并且可以直接对图像进行编辑。在网页中加入图像的操作非常简单： 1.新建一个空白网页，把光标定位在网页的开始位置。 2.打开“工具”菜单，选择“图片”菜单项，在子菜单中选择“来自文件”菜单项，或者单击工具栏中的图片工具图标，弹出一个“图片”对话框。 3.在此对话框中单击“浏览”按钮，出现一个“选择文件”对话框。 4.在“选择文件”对话框的文件列表中选择某个图像文件，然后单击“确定”按钮，或直接双击
网页课程设计心得体会 网页课程设计心得体会 不知不觉,二个星期的《网页设计与网站建设》课程的实操即将过去,回顾这一段日子,真的令我体会很深,也学会很多东西,懂得很多以 前不懂的东西,也明白了一些事情.自从第一天接触《网页设计与网站 建设》课程,我以下定决心要把网页这门课学好,做出一个优秀的网站.所以我时刻没有错过任何学习的机会,无论在课堂上,还是在课外上.更何况这一次实操.回顾今次的实操我觉得我过得很充实,很有意义,因为我可以诚实的说我在实操没有玩过一次游戏,我每时每刻都在设计网站,还记得晚上做网站做到 一、二点，可能有人会说我傻，但正因为这个傻的行动，令我学 会很多东西，学会别人不懂的东西，做出一个令自己满意的网站，可 能跟别人比还需要继续完善，但我不会因为实操结束，就把网页设计 抛到九霄云外，我会继续学习网页设计技术，把它变为自己的一项特长。回顾第一天的《网页设计与网站建设》课程实操，老师叫我们继 续完善以前设计的网站，做出留言板、注册的功能。我很快就完成 了，但可能我是一个追求完善的人，所以尽管一个网站做好可以马上 交给老师。但我做出一个别人都不赞同的决定，从头开始做一个网 站。因为我觉得以前那个真的不是太好，尽管实操的时间过去了一 半，尽管别人对我说你交原来这个不就行了吗！何必再做一个呢？但 真因为我的执著，追求成功，追求完善的人，才会使我今天交出一个 令自己满足的答卷。在制作个人网站时我们首先：
一、必需进行个人网站前台功能设计包括个人网站主题的确定，前台功能设计与管理、个人网站主页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。 二、对个人网站后台管理功能设计包括个人网站后台管理功能的设计、后台管理信息系统功能的设计、后台系统权限管理、后台文件管理、个人网站后台管理系统主页设计。 三、网站的发布通常我们发布一个网站可能以能过域名注册，但我们也可以利用自己主机，装了iis别人就可以通过我的ip地址来访问我的主页。第一次做的那个网页我已经发布在上网了。四、个人网站推广一个网站做好了，就要对个人网站进行推广，这是一个电子商务网站必需做得的一步，因为如果你不对你的网站进行推广，就算你发布了也没有人会知道的。在设计这个网站时真的体会很多东西，从一开始网页主题的确定，到主页总体的设计、搜集资料、前台功能设计与管理、后台功能设计与管理、每个分页面的设计等。我都一一进行了规划，因为如果你不规划好，想做什么就做什么，是不会做得好的。因我为体会到这一句话： “机会中属于有准备的人”。我详细到一个表格宽度都一一列明。例如： 775宽度，分三栏，每一栏占多少。因为我深深懂得“细微处才见真功夫”。在这次实操过程中令我印象最深的是做留言板，因为刚好在上一个星期sql数据库实操做过了，所以今次在做就比较轻松，但我以前是经过一个比较长的练习，做完了n次，可能有人会想，肯定是不会才做这么多次啦！但我想告诉这位同学我每次做得都不是不同的方法。第一次我用的是access数据库，第二次我用的是sql数据
《网页设计与制作课程设计》 实验报告 院系名称：管理学院专业班级：电子商务XXX 学生姓名： XXX 学号： XXXXXXX 网页界面网站栏目网站功能（JS程序）合计 50分10分40分100分 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、主页