网页设计实训报告

湖南科技经贸职业学院计算机科学技术学院实训报告 实训课程：网页设计 班级：计网二班 学号：200903884 姓名：彭论 指导老师：王湘文 提交日期：2010-6-21

前言 至于我为什么选择酒店设计题材，因为本人就是想以后自己能办一个很品牌一点的酒店。 在选择好题目和网站的风格之后，我就进行了分工，希望能在最短的时间内做到最好的效果。接下来的步骤就是准备素材，搜集与主题相关的文字、图像、动画、音乐等资料。再是设计网站的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。然后创建本地网站，建立网站的目录结构。制作首页、创建超级链接。最后就是测试与浏览网页。对于酒店网站的设计，我结合了国内外很多知名品牌酒店的网站页面的设计前沿。取其精华，去其糟粕，在网站内容上删减了很多的在外观上的美，整体讲究整体美和简洁美，对于本网站的设计凝聚了本人长达三个星期的时间，完成网站静态设计后，从总体上对网站动态上进行动态设计，希望本网站能在我们这个年纪的领域有一个很好的炫美。

目录 ?实训目的 (3) ?实训任务 (4) ?实训项目（网页设计思路及详细说明） (5) ?实训中遇到的问题与解决问题的方法 (6) ?实训心得与体会 (7)

一．实训目的 进一步熟悉和掌握网站建设的基本流程和技术规范； 巩固运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的 知识； 巩固运用PhotoShop图像处理软件进行网页中图形制作和运用flash动画 制作软件设计网页中动画的知识； 巩固综合运用Dreamweaver、PhotoShop、flash三个软件完成网站建设任 务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站； 具备独立撰写实训报告等科技文件的基本能力； 在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流 的能力，培养创新能力和团队意识； 为今后从事网站开发、维护和管理奠定基础。

网页设计实训报告1000字

网页设计实训报告1000字 篇一 实习目的：熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的基本思路和应用开发能力，提高我们的计算机文化素质。 网页是世界上最有价值的不动产之一。人们在这个不足0.1平米的空间内投资达数百万美元。网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外的脸面。WEB站点就像一栋房子，它的每一个窗口都可以看成一扇门，人们可以沿着搜索引擎其他WEB站点的链接，绕过主页而进入WEB的深层。 一.网站的整体规划 1.讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。 2.定位网站CI形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的CI形象。使 浏览者有宾至如归的感受。 3.确定栏目和板块： 1]首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。 2]其次就应该考虑导航条的设置了。 3]正文的框架设置(横向因素和纵向因素交错) 在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。 4.网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。 二.网页制作的前期策划与准备 1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。接着就搜集了一些有梦幻效果的网页背景，FIASH源代码、小图标和一些GIF 的动画等。

2.熟悉制作工具软件： 主页制作的基本条件有： 硬件： 一台电脑(64MB以上内存，当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;软件： HTML编辑软件：常用的有Frontpage、Hotdog等，本文重点介绍Dreamweaver; 图像处理软件：常用的有Photoshop、flash、Fireworks等; 文件上传软件：常用的有Cuteftp、WSftp等。 三.网页制作 真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开;插入的层太多，大一点的就把小一点的给覆盖掉了;插入的FLASH不能产生效果。总之问题一箩筐。实践出真知，原来自己还有那么多欠缺的知识。于是回归本源，先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。 在对基本知识有了详细的了解之后，做起东西来就得心应手多了，知道引导页能过加映像之后，我决定为我的网页设计一个引导页。 然后是主页和二级页面的设置。要注意,网上只能使用JPG和GIF两种图象格式，其 他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换，比如Office97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后. 在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多的东西。 四.网页的调试 之前把作过的东西放到U盘里，发生过图片显示不出来的状况，还好即使找到了解救的方法，把源文件和WEB页面放到一起这样就算路径改变的话也不会影响页面的效果。 总结：在WWW上,不论你是资产上亿的大公司,还是捉襟见肘的穷学生,只要你建立了 自己的网页,你们的地位就是平等的。经过这周的相关学习，我了解到网页设计与制作是 一门庞大的工程。网站的反馈与评价网站要注意经常维护更新内容、保持内容的新鲜,不 要做好就放到服务器永远不变了,只有不断地补充、更新内容、才能够吸引浏览者.维护更新时可以充分利用Dreamweaver提供的模板和库技术,以提高工作效率.一个真正的网站,

网页制作课程设计报告

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

目录 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制作一个关于“新加坡之旅”的网站，利用表格、行为、层和链接等网页设计技术设计页面。

网页设计实践报告

网页设计技术与应用 院系：公共管理学院劳动与社会保障 学号： 05 __________ 申南尢学信息科学与工程学院 2016年11月10日 “介绍长沙”网站开发与设计 题目“介 站开发与 作者： 专业班级： 保障 绍长沙”网 设计 张旭 劳动与社会

目录 摘要：错误!未定义书签。 关键词错误! 未定义书签。 一、网站开发设计思想错误!未定义书签。 二、网站功能及网站系统设计错误!未定义书签网站功能错误! 未定义书签。 网站系统设计错误! 未定义书签。 三、遇到的问题及解决办法错误! 未定义书签 ｛一｝问题错误！未定义书签。 ｛二｝解决方法错误!未定义书签。 四、总结错误！未定义书签。 摘要： 《网页制作》实训的目的主要是让我们通过这门实践课程的学习了解和掌握网页设计的基本方法，通过不断上机实习训练达到解决实际的

问题。我所作的网页主题为《长沙》，其中主要是介绍关于长沙的美食美景、历史人物、人文景色等，在主页面中展示的是整个页面的布局排版，在分页面中详细的介绍了每个页面的主要展现的主题。在制作初期，主要是收集设计素材、内容，下载关于长沙美食、交通、美景的图片、个人介绍的视频和各种鼠标特性效果代码，中期，主要是创建主页面和分链接，浏览色彩搭配的效果，页面是否美观，分析如何使用框架和利用Dreamweaver8软件创建模板和布局表格，最后，主要是细化各个页面，对各个页面的图像、表格、链接进行适当的调试，是站点更加美观，并上传和测试整个站点运作情况，做好所有链接工作。 关键词：Dreamweaver、动态网页、静态网页、链接、层、框架、提 交信息、浏览信息、层布局表格布局 一、网站开发设计思想 通过网页设计课程掌握的网站设计与制作方法，制作一个介绍家乡一长沙的网站。这个网站网站能够全面展示家乡长沙的美丽景色、美食小吃、交通建设、经济发展情况，同时网站里插入作者个人的简介，了解网站制作者的信息另外还有留言板可以供浏览者留言。以便达到展现自我和交流沟通的目的。同时展示一般的网页中的特效，使其网站更加可观。 二、网站功能及网站系统设计 网站功能

实习报告：网页制作实习报告

页制作实习报告 一实验过程 1.资料的搜集。 2.熟悉制作软件。 3.构建站点框架。 打开dremweaver后第一步便是新建站点 4设计主页及二级页面。 5页间的 的过程其实很简单，主要是把要的文字选择在选择工具栏的按钮最后选择自己页单击确定便可以了。 6向页插入动态效果 具体情况 通过这半年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了站，作为实习的成果。其内容是多样化的。页用的软件是ｄreamweaver , banner软件。dreamweaver大大加络时代电子交易应用中的项目交付。它提页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业内部的数据库应用等功能。例页上很流行的阴影和立体按纽等效果，只需单击一下就可以制作完成。当然，其最方便之处是，它可以将图象切割，图象映射，悬停按纽，图象翻转等效果直接生成html代

码，或者嵌入到现页中，或者作为单页出现。主图是页的门面，它能体现出页的整体风格。 页,首先是确定主题,经过再三考虑,就做了个关于中站,平时也总是浏览类站,对这些还有些了解,于是确定主题,做一些类站,但考虑到,络上好多类站,但有些内容不适合我们大学生阅读,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的中国介绍和相关的站,专门介绍一些即使用,又便宜的小秘笈。站主题确立。 然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，中国简介，中国历史，用户登录注册页面留言，再加入站等，每一部分又分几小部分，内容比较充分，多样。 再后是收集资料与素材，大量浏览站，收集关于中国的一些事迹历史图片，好的文章和图片等，还有参考一些站的布局，特色，颜色搭配，背景图等。 再后是页图片，用flash页的banner。 再后是建立站点，站点分布 再后是页了，使用dreamweaver制作。 首页内容精彩丰富，简洁明快，语言风趣，通俗易懂。页面可爱清爽。首页主要是导航作用。首页制作时，时刻考页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；页有动有静，颜色不同，形成

网页设计课程设计报告

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

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

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

网页设计实践报告

中南大学 本科生课程设计(实践)设计报告(大学计算机基础) 题目栀子花开 学生姓名xxx 指导教师xxx 学院xxx学院 专业班级xx工程xxx班 学生学号xxx 计算机基础教学实验中心 xx年 xx 月 xx 日

目录 一、任务内容 (3) 二、设计的步骤 (3) 三、采取的方法与手段 (5) 四、遇到的问题与解决的办法 (6) 五、总结 (7)

一、任务内容 原计划打算以“植物”为主题，在设计过程中发现范围过于宽泛，无法完成主题的设计。因自己十分喜爱栀子花且有所种植经历，经考虑后重新确定了以“栀子花”为主题的网页设计内容。主要分为一、栀子花的文化，二、栀子花的种类和生长特性以及三、我的栀子花三个模块。 其中，模块一使用幻灯片进行演示，主要分为关于栀子花的诗句、栀子花的传说以及栀子花的蕴涵三个部分。模块二采用网页模板进行展示，主要介绍了大叶栀子和雀舌栀子两种栀子。模块三主要展示了自己拍摄的栀子花图片。希望通过我的展示，让他人对栀子花有所了解。 二、设计步骤 一、构思 首先，对栀子花的种类进行简单的介绍；其次，对栀子花的文化内涵进行简要描述；最后，展示自己种植的栀子花成果。因此，此次作业共由三部分网页【一、主页、二、栀子花的种类和生长特性、以及三、自己种植的栀子花的图片三个模块。】和一组幻灯片【栀子花的文化】构成。其中模块二【栀子花的种类和生长特性】采用网页模版组成，主要介绍了两类栀子花——大叶栀子和雀舌栀子，更加便于了解。 二、取材 主要从网络上获取所需的图片、音乐等关于栀子花的素材，其中部分照片从个人相册中获取。 三、设计 （一）网页设计

网页设计实训报告

电子商务网页设计与制作实训报告 班级：电商1302班 姓名:张涛 学号：0804130239 2015年1月7日

目录 一、网站基础识 (3) 1.网站与网页的关系 (3) 2.网站、域名、空间的关系 (3) 3.网站的制作方式 (3) 二、所做网页内容 (4) 1.女娲网站 (4) 2.休闲食品项目网站食品页面 (4) 三、所做网页详解 (4) 1.女娲网站所做工作 (4) 2.休闲食品项目网站所做工作 (5) 四、实训网站制作思路 (5) 1.女娲网站思路 (5) 2.休闲食品项目网站思路 (5) 五、实训网站详细制作过程 (5) 六、实训总结 (7) 七、.对课程及实训环节的建议 (8)

一、网站基础知识 1.网站与网页的关系 网站是一个整体，网页是一个个体，一个网站是由很多网页构建而成。网站和网页的关系就像家庭和家人一样。 网页与网站的区别简单的来说：网站是由网页集合而成的，而大家通过浏览器所看到的画面就是网页，网页说具体了是一个html文件，浏览器是是用来解读这份文件的。也可以这样说：网页是有许多html文件集合而成。至于要多少网页集合在一起才能称作网站，这可就没有规定了，即使只有一个网页也能被称为网站。 而我们想要制作一个网站，就需要单独编辑若干个html文件，然后通过“超链接”把它们连接在一起，这样一个属于自己的网站就制作出来了。总体来说就是网站有网页组成。 2.网站、域名、空间的关系 域名（Domain Name），是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位网站空间英文名：Webhost。简单地讲，就是存放网站内容的空间，网站空间也称为虚拟主机空间，通常企业做网站都不会自己架服务器，而是选择以虚拟主机空间做为放置网站内容的网站空间。网站空间只能存放网站文件和资料，包括文字、文档、数据库、网站的页面、图片等文件的容量。 所以它们三个的关系是：网站先储存在网络空间中，访问者需要通过IP地址也就是域名来登录这个空间找到网站存放的地址。那么网站就能打开并能够向浏览者展示自己的能容了。 3.网站的制作方式 网站制作通俗的来说就是网站通过页面结构定位，合理布局，图片文字处理，程序设计，数据库设计等一系列工作的总和，也是将网站设计师的图片用HTML 方式展示出来，属于前台工程师的一项任务，前台工程师任务包括：网站设计、网站用户体验、网站JAVA效果、网站制作等工作。网站制作是易雅达网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册查询和主机托管等服务的总称。 一、申请域名[CN域名须审核]; 二、申请空间[通过接入商进行ICP备案]; 三、定位网站 四、分析网站功能和需求(网站策划) 五、网站风格设计; 六、网站代码制作; 七、测试网站;

网页设计及制作实习报告

网页设计及制作 【实习目的】 熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。通过网页设计理论联系实际操作, 巩固所学的知识, 提高处理问题的能力。充分学习网页设计实践中的操作理论, 提高自己网页设计水平, 并为能顺利与社会环境接轨做准备。 【实习时间】 2012年2月15日至2012年3月15日 【实习地点】 未来路锦江国际花园9栋501室 【实习单位】 郑州市托斯卡纳餐饮有限公司 【实习内容和过程】 实习内容: 我在托斯卡纳餐饮公司旗下的56°网络蛋糕店一个月的实习,我的工作就是负责设计整个网站的页面部分。为其一个月的实习, 使我第一次亲身感受到了所学知识与实际的应用, 作为一个网站美工除了要求网页三剑客,ps,这些必会的软件以外, 还要对Html用的很熟, 对ASP 或PHP或jsp要有初步的了解。通过这次实习,进一步巩固和深化所学的理论知识,为以后的工作打好基础。 以下是我做的一些实习过程中的经验总结: (1表达一定的艺术效果

一个成功的网站应该把网页设计得吸引人,同时又要传达设计思想和情感。 网页作为一种媒体, 它必须具有一定的艺术感染力, 一个平淡无奇、杂乱无章或 毫无美感的网页很难会有浏览者喜欢,更不要说让浏览者去注意它的内容了。(2使页面结构清晰可读性强 经常可以看到这样的页面, 上面堆砌了许多内容, 却没有考虑它的空间框架, 让人看了无法知晓哪些内容才是最具发言权的。没有流畅的视觉流程, 这是典型的没有注意到编排清晰度、可读性的表现。 (3实现不同的功能 在网络这条信息高速公路上,网页最主要的功能就是一种传递信息的手段。因此,它一切内容都是为了这个目的而服务,都是要围绕这个中心进行设计的。然而,要实现这个功能,网页的美工设计和内容都必须有针对性。所谓针对性, 就是指对不同类别的网页要求采用不同的美工艺术效果。 (4网页的内容 网页设计人员美化网页,增加网页设计的艺术感,都是为了网页设计的内容 服务的。一般来说,网页的几项基本内容:标题、网站标志、主体内容、导航、广 告栏等。 (5确定网站的类型 在设计网页之需要做大量的准备工作, 需要思考以下几个问题:1、网站的类型:站点属于新闻、娱乐、商务类的综合站点,还是个人主页; (6确定网站的风格 如果浏览者主要是年轻人,页面就要设计得基调明快,活泼富有朝气;如果针对的群体是政府工作者或科学工作者, 那么页面就要设计得严谨、严肃、理性、 科学;如果针对的群体是妇女儿童,页面则要设计得温馨、友爱、轻松;如果针对的群体是恋人或从事艺术工作的人,页面就要设计得浪漫并有艺术感

网页制作实验报告

网页制作实验报告 页制作实验报告 实验一：站点设置 一、实验目的及要求 本实例是经过“站点定义为”对话框中的“高级”选项卡创建一具新站点。 二、仪器用具 1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。 2、安装windows xp操作系统；建立iis服务器环境，支持asp。 3、安装页三剑客（dreamweaver mx；flash mx；fireworks mx）等页设计软件； 三、实验原理 经过“站点定义为”对话框中的“高级”选项卡创建一具新站点。 四、实验办法与步骤 1）执行“站点＼治理站点”命令，在弹出的“治理站点”对话框中单击“新建”按钮，在弹出的快捷菜单中挑选“站点”命令。 2）在弹出的“站点定义为”对话框中单击“高级”选项卡。 3）在“站点名称”文本框中输入站点名称，在“默认文件夹”文本框中挑选所创建的站点文件夹。在“默认图象文件夹”文本框中挑选存放图象的文件夹，完成后单击“确定”按钮，返回“治理站点”对话框。 4）在“治理站点”对话框中单击“完成”按钮，站点创建完毕。 五、实验结果 六、讨论与结论 实验开始之前要先建立一具根文件夹，在实验的过程中把站点存在自己建的文件夹里，如此才干使实验条理化，别至于在实验后寻别到自己的站点。在实验过程中会浮现一些选项，计算机普通会有默认的挑选，最后别要去更改，假如要更改要先充分了解清晰该选项的含义，以及它会造成的效果，否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。 实验二：页面图像设置 一、实验目的及要求： 本实例的目的是设置页面的背景图像,并创建鼠标经过图像。 二、仪器用具 1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。 2、安装windows xp操作系统；建立iis服务器环境，支持asp。 3、安装页三剑客（dreamweaver mx；flash mx；fireworks mx）等页设计软件； 4、安装acdsee、photoshop等图形处理与制作软件； 5、其他一些动画与图形处理或制作软件。 三、实验原理 设置页面的背景图像,并创建鼠标经过图像。 四、实验办法与步骤 1) 在“页面属性”对话框中设置页面的背景图像。 2) 在页面文档中单击“”插入鼠标经过图像。 五、实验结果

网页设计课程设计报告

课程设计 课程名称：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%;

网页设计课程实践报告.doc

网页设计与制作课程实践 报告 题目：制作“英语学习”网站 学院计算机与电子信息学院 年级电子商务14 学号1407130132 姓名彭才茂 指导教师石娟 二零15年12月27日

中文摘要 我本次网页设计实践的主题是“英语学习网站”，在这个网站设计过程中，主要的一些操作为：在网页中添加文字、添加图像、用表格、APdiv和css+div 来布局、运用模板和框架技术、添加超链接、锚点链接、热点链接、运用表单元素以及插入一些常用的HTML元素等。并且通过对其代码的分析学习来控制网页中的一些元素来达到自己想要的效果。

目录 摘要 (Ⅰ) 目录 (Ⅱ) 制作目的 (1) 第1章 dreamweaver 网页设计 1.1制作图文并茂的网页 (2) 1.2表格的使用 (2) 1.3 超链接 (4) 1.4 模板 (5) 1.5 框架 (6) 1.6 表单 (7) 第2章布局 2.1 CSS布局 (8)

目的 一个学期的网页设计课程准备结束了，由这一学期对dreamweaver 软件的学习，学到了一些在网页中插入元素，并通过表格和div 等来对网页整体进行布局。本次课程设计作业给我们提供了一个实践的机会，我设计的网站为一个英语学习网站，通过设计这个英语学习网站并对这个网站的每个页面进行悉心布局来检验自己上课的学习成果，并巩固上课所学的知识。同时积累一些以在实际操作中的经验来提高自己的实际操作能力。为今后更深入的学习网页设计后台运行等打好基础。所以网站中太多细节没有考虑到，还请谅解。 下面是我设计的网站的整体框架： （网站中有些是空链接，并且每个页面都可以链接到“我拍的账户”和返回主页。）

网页制作实验报告

北京理工大学珠海学院课程设计说明书 _2013_—_2014_学年第_1_学期 题目: 《Web应用开发课程设计》 学院：计算机学院 专业班级： 11级软件工程3班 学号： 110202031031 学生姓名：蒋征 指导教师：魏志军 成绩： 时间： 2014/1/5 2014年 1 月 5 日

摘要 本次作品是一个IT技术交流论坛，实现论坛的基本功能，注册、登录、发帖、浏览和回帖。 论坛分三个分板块，网页、C#和JA V A，纵向层次也是三层，主页、板块页和帖子页。网站使用JavaScript实现动态页面。 关键词：计算机技术交流社区JavaScript 网页 I

目录 摘要 ............................................. I 目录 ............................................. II 1 网站结构和布局 (1) 1.1 网站结构 (1) 1.1.1 总体结构 (1) 1.1.2 横向链接结构 (2) 1.2 页面布局 (3) 1.2.1 主页 (3) 1.2.2 分版页面 (6) 1.2.3 帖子页面 (6) 2 技术应用 (8) 2.1 逻辑设计 (8) 2.1.1 HTML和CSS设计 (8) 2.1.2 JavaScript设计 (10) 参考文献 (13) 心得体会 (14) I

教师评语 (15) 成绩评定表 (16) 课程设计答辩记录表 (17) II

1 网站结构 1.1主体结构 1.1.1总结构 网站是以技术交流社区为主题的论坛型网站。 这个网站是按树形结构设计如图1-1-1，页面种类共分三层，分别是主页，分主题页还有就是内容页。 主页连向三个分主题分区页面，分别是MTHL板块，C#板块还有就是JAVA 板块。 主题分区页面下面是内容帖子。 图1-1-1网页关系 1

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