网页制作毕业设计

网页制作毕业设计severalgroupnumber,thenwithb±a,=c,cisismethylbtwoverticalboxbetweenofaccuratesize.Per-2~3measurement,suchasproceedsofcvaluesareequalandequaltothedesignvalue,thentheverticalinstallationaccurate.Forexamplea,b,andcvalueswhileonhorizontalverticalerrorsformeasurement,Generalinironanglecodebitatmeasurementlevelpointsgriderrors,specificmethodisfrombaselinetomethylverticalboxcenterlinedistancefora,,tobverticalboxdistanceforb,listcanmeasuredseveralgroupnumber,thenwithb±a,=c,cisismethylbtwoverticalboxbetweenofaccuratesize.Per-2~3measurement,suchasproceedsofcvaluesareequalandequaltothedesignvalue,thentheverticalinstallationaccurate.Forexamplea,b,andcvalueswhileonhorizontalverticalerrorsformeasurement,Generalinironanglecodebitatmeasurementlevelpointsgriderrors,specificmethodisfrombaselinetomethylverticalboxcenterlinedistancefora,,tobverticalboxdistanceforb,listcanmeasuredseveralgroupnumber,thenwithb±a,=c,cisismethylbtwoverticalboxbetweenofaccuratesize.Per-2~3measurement,suchasproceedsofcvaluesareequalandequaltothedesignvalue,thentheverticalinstallationaccurate.Forexamplea,b,andcvalueswhileonhorizontalverticalerrorsformeasurement,Generalinironanglecodebitatmeasurementlevelpointsgriderrors,specificmethodisfrombaselinetomethylverticalboxcenterlinedistancefora,,tobverticalboxdistanceforb,listcanmeasured新乡学院艺术设计系毕业设计报告学生姓名：　王芳丽　　学生班级：2008级电脑艺术设计（二）班专业:电脑艺术设计指导教师：时溪蔓　　2010年2月24日艺术设计系毕业设计选题计划表学生姓名王芳丽专业电脑艺术设计指导教师时溪蔓设计方向网页设计毕业设计题目天坛网站主要内容：1．选题依据：随着时代的发展，现代社会人们的生活习惯，周末都喜欢把生活卷入快乐之中，首选的除了好好休息之外最重要的就是旅游休闲。2．查阅搜集资料：旅游杂志报刊、网上图片资料、相关的电视娱乐节目、旅游书籍等。3．调研总结：为了给设计展示更多的真实感，必须进行必要的实地摄影，比如旅游胜地的景区实景、社会生活中的真实记录、集体出玩的实况拍摄，使得设计更具有真实感和亲切感。4．基本构思：当今时代的发展给人们的生活带来了很大的提高，但也有了更多的学习工作生活中的压力，当然周末让人们的神经放松下来，也有了许多的休闲与娱乐。天坛这个设计为人们提供了旅游信息，在为社会带来利益的同时也给人们带来了快乐与分享。5．拟取得的设计效果：相信这个设计会给每个人带来自己的切身利益和快乐，让人对生活有了更多的享受。原创性声明本人声明，所呈交的毕业设计作品、毕业报告（ 论文 政研论文下载论文大学下载论文大学下载关于长拳的论文浙大论文封面下载 ）是本人在指导老师指导下完成的研究开发的成果。毕业报告（论文）写作中不包含其他人已经发表或撰写过的研究内容。如参考他人或集体的科研成果，均在论文中以明确的方式说明。本人的毕业设计作品、毕业报告（论文）若有不实或抄袭，愿意承担一切相关的后果和责任。学生签名:年月日艺术设计系毕业设计指导进展情况记录毕业设计（论文）题目：班级：_______学号：_______学生：________指导教师：时间任务完成情况指导教师意见第周至第周指导教师签名：年月日第周至第周指导教师签名：年月日第周至第周指导教师签名：年月日第周至第周指导教师签名：年月日注：教师监督、指导学生如实记录毕业设计作品完成过程中的进度与进展情况以及毕业设计报告（论文）撰写过程中遇到的问题和困难，并签署意见。此表学生与指导教师共同完成。艺术设计系毕业设计指导教师评阅表学生姓名学号班级专业专业方向课题名称评语：（包括以下方面，①学习态度、工作量完成情况；②检索和利用文献能力、计算机应用能力；③学术写作水平或设计水平、综合运用知识能力和创新能力；等。）是否同意参加答辩：是□否□指导教师签字：年月日艺术设计系毕业设计成绩评定表学生姓名学号班级答辩日期课题名称指导教师答辩成绩(a)教师1评分依据：1、思路清晰，语言表达准确，概念清楚，观点正确，设计有应用价值。2、思维敏捷,回答问题有理论根据，基本概念清楚，主要问题回答准确大、深入,知识面宽。教师2教师3教师4教师5分值：×20％＝设计报告（论文）成绩(b)指导教师分值：×20％＝设计作品成绩(c)答辩组评分分值：×60％＝最终评定成绩：分数：等级：答辩组组长签名：年月日说明：最终评定成绩＝a+b+c，三个成绩相加目录前言第一章概述............................................................1第二章网页组成部分....................................................12.1项目介绍.......................................................12.2网页模块规划...................................................1第三章相关技术介绍....................................................13.1Dreavweaver网页制作技术.......................................13.2Photoshop图形图像处理技术.....................................23.3Flash动画制作技术.............................................2第四章网页制作规划...................................................34.1网页制作 流程 快递问题件怎么处理流程河南自建厂房流程下载关于规范招聘需求审批流程制作流程表下载邮件下载流程设计 ..................................................34.1.1素材收集................................................34.1.2版面设计与布局排版......................................34.2网页设计风格..................................................3第五章网页制作过程...................................................44.1网页组成部分..................................................44.2使用表格进行布局..............................................44.3对表格进行排序................................................44.4向页面添加内容................................................44.5设置文本属性..................................................54.6插入日期及特殊字符............................................54.7插入图片......................................................54.8插入Flash动画................................................64.9建立锚点......................................................64.10建立超链接...................................................7第六章网页的设计图...................................................7第七章结束语.........................................................9参考文献...............................................................9前言今天，以互联网技术为代表的各种数字化应用已经渗透并影响到普通人生活的方方面面：从手写的书信到快捷的电子邮件；从排队交款到足不出户的网上交易；从被动地等待新闻播报到主动地直接在网上搜索需要的信息......在商务活动和工业生产活动中，无论是信息的获取还是生产的自动化，离开计算机网络都变得不可想象。所以这一切都在提醒我们：我们生活在一个“网络时代”！随着互联网(Internet)的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器。Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具，如PlaybackFlash，Shockwave和外挂模组等搭配，不需离开Dreamweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和XMLDreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。Dreamweaver还集成了程序开发语言，对ASP、.NET、PHP、JS的基本语言和连接操作数据库，都是完全支持的。旅游网页设计第一章概述HTML（HyperTextMarkupLanguage,超文本标记语言）实质上是一种格式化符号语言，它标记网页中文本、图形、表格、表单和其他一些信息的内容及其显示效果。HTML语言是一种文本类、解释型的语言，当然也可以用记事本来编辑，保存时只要将文件命名为.htm、.html、.shtm、.shtml即可，而我们常说的网页编辑软件，如Dreamweaver,都是所见即所得的网页排版编辑软件。HTML语言标记是由英文单词或其缩略字母和一对定界符“<>”共同组成的，如 和、和等。每一个标记有一系列属性。标记约定、描述、标识了信息内容，属性控制了信息内容显示效果。说明:1.标记名\属性名和属性值不区分字母大小写。2.标记名和属性名之间,属性名和属性名之间要适当空格。3.属性使用的个数是没有限制的，使用多个属性时，属性之间没有先后顺序。4.绝大多数标记都是成对出现的，也有标记是单标记，没有结束标记。HTML语言标记内容丰富，从功能上大体可分为：文本结构设置、文本格式标记、排版布局、列表、图片和视频标记、超链接和热点链接、表格、表单、框架、和多媒体。虽然内容丰富，但是HTML文档结构简单，通常包括htmlheadbody三部分。网页组成部分2.1、项目介绍本项目设计主要围绕天坛来介绍，主要来体现天坛的文化遗产价值，为了让更多的人来了解它和珍惜它。天坛集古代哲学、历史、数学、力学、美学、生态学于一炉，是古代精品代表作。项目主要设计用Dreamweaver来完成制作，另还有photoshop和flash的相关辅助。2.2、网页模块规划网页主要分为六个模块：首页、历史沿革、天坛布局、建筑特色、景区信息、自我介绍。其中景区信息又分为三个小模块：圜丘坛、皇穹宇、祈年殿。相关技术介绍3.1、Dreavmeaver网页制作技术网络技术和艺术创意的紧密结合，使网页的艺术设计由平面设计扩展到立体设计，由纯粹的视觉艺术扩展到空间听觉艺术，网页成效不再近似于书籍或报刊杂志等印刷媒体，而更接近于电影或电视的瞧赏成效。技术进展促进了技术和艺术的紧密结合，把扫描者带进一个真正现实中的虚拟世界。一、网页艺术设计的内容www.92paper，92毕业论文网　　设计活动中包含着主瞧和客瞧两方面的因素，在确立了网页主题之后，首先要明确和熟识设计的对象和构成的要素。网页艺术设计涉及的具体内容很多，可以概括为视听元素和版式设计两个方面。网页艺术设计的原则网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。但是，由于体现形势、运行方式和社会功能的不同，网页设计又有其自身的非凡规则。网页的艺术设计，是技术和艺术的结合，内容和形势的统一。它要求设计者必需把握以下三个主要原则：主题鲜亮2.形势和内容统一3.强调整体三、网页艺术设计的特点1.交互性和持续性2.多维性3.多种媒体的综合性4.版式的不可控性5.技术和艺术结合的紧密性3.2、Photoshop图形图像处理技术要用Photoshop进行图像处理，就必须先了解几个基本概念，包括位图与矢量图、像素与分辨率、图像的色彩模式等。在Photoshop中，如果需要导入使用CorelDRAW等矢量图处理软件创建的矢量图形，可以先在CorelDRAW中将矢量图形转换成位图导出，然后再在Photoshop中打开进行编辑。同时在CorelDRAW中也可导入Photoshop生成的位图。另外，矢量图形文件要比位图图像文件小，适合于以线条为主的图形绘制，常用于图案和文字标志设计、 工艺 钢结构制作工艺流程车尿素生产工艺流程自动玻璃钢生产工艺2工艺纪律检查制度q345焊接工艺规程 美术设计和计算机辅助设计（CAD）等，但矢量图像也有其自身的缺点，它不易制作色彩丰富的图像，即绘制出来的图形不能够像位图那样产生绚丽的色彩。Photoshop中默认的分辨率为72像素/英寸，这是满足普通显示器的分辨率。发布于网页上的图像分辨率通常可以设置为72像素/英寸或96像素/英寸。3.3Flash动画制作技术FLASH是当前Internet上最为流行的Web动画制作软件，它集矢量编辑和动画创建于一体，同时可以将图形、图像、音频、动画和深层次的交互动作有机地结合在一起，创建出美观、新颖、交互性强的动态网页。图层的使用动画的每个场景都是由许多的帧和层组成的。在时间轴上，行就是层，列就是帧。根据Flash绘图原理，同一层上的图形相互影响，不同图层的内容叠加显示。创建元件的三种方法(1)转换选取对象为元件(2)动画转换成影片剪辑元件新建空白元件三、声音可以使声音独立于时间轴连续播放，也可以和动画保持同步，或在鼠标滑过及按下按钮时发出特定的声音，还可以应用声音的淡入淡出效果。Flash中有两种声音类型，分别是事件声音（EventSounds）和流声音（StreamSounds）。网页制作规划4.1、网页制作流程4.1.1、素材收集首先确定网站的性质就、内容，然后到有名的网站下载保存所有的内容，最后找些优秀的个人网站参考。再者查询和html和css相关的书籍，用photoshop和flash自己处理出符合要求的素材。4.1.2、版面设计与布局排版版面设计版面设计最主要的是对齐和平衡，本网站主要用表格来排版，文字和图片相得益彰，主要色系是蓝色，字体为宋体。布局排版主要用用网格进行页面排版，表格的应用是一般大型网站最常见到的编排方式，表格能使多段文字统合整理，达到清楚易懂的效果。表格不见得是有形的表格，何位有形的表格？一般常见的有形表格，多为有框线，或是有底色。表格可多形式的运用，如图形与文字间的排版，表格可将图形与文字做最恰当的编排，充分结合于网页上。4.2、网页设计风格网页布局风格是网页设计师运用自己所拥有的手段，包括所拥有的审美素质、应用软件的能力，以及感受生活的敏锐的觉察力，来建立起自己独特的设计形式、独特的作风、与从不同的布局形式。色系：网页主要底色为蓝色，文字字型为小号，图片色系主要为深蓝色，还有其他红色。2.排版：主要应用表格布局排版，文字缩排、段落等等。3.窗口：窗口效果为特效窗口，左边距300，右边距200。4.程序：网页互动程序：ASP.PHP.XML.CGI等等。5.特效：让网页看起来生动活泼的各种应用，如：Flash.Javascript.Javaapplets.DHTML等等。6. 架构 酒店人事架构图下载公司架构图下载企业应用架构模式pdf监理组织架构图免费下载银行管理与it架构pdf ：目录规划、层次浅显易懂、选单应用等等。7.内容：主要介绍天坛，整体布局分为四个部分，内容切合主题，文件关联性强。网页制作过程4.1网页组成部分本网站由六个部分组成：网站首页、自我介绍、美文园地、音乐欣赏、心情日记、友情链接以及留言天地。4.2使用表格进行布局在Dreamweaver8中，可以使用表格来排版页面，表格是页面排版的强大工具，熟练使用表格技术，会使网页的制作过程变得更加简单。使用“插入”栏或“插入”菜单来创建一个新表格。然后，按照在表格外添加文本和图像的方式，向表格单元格中添加文本和图像（请参见图1-1）。若要插入表格，请执行以下操作：在“文档”窗口的“设计”视图中，将插入点放在需要表格出现的位置。执行下列操作之一：选择“插入”>“表格”。在“插入”栏的“常用”类别中，单击“表格”按钮。即会出现“表格”对话框。图1-14.3对表格进行排序您可以根据单个列的内容对表格中的行进行排序。您还可以根据两个列的内容执行更加复杂的表格排序。您不能对包含colspan或rowspan属性的表格（即包含合并单元格的表格）进行排序。有关更多信息，请参见HYPERLINK"mk:@MSITStore:C:\\Program%20Files\\Macromedia\\Dreamweaver%208\\Help\\dw8help.chm::/09_tab23.htm"\l"wp318234"拆分和合并单元格。若要对表格进行排序，请执行以下操作：选择该表格（请参见HYPERLINK"mk:@MSITStore:C:\\Program%20Files\\Macromedia\\Dreamweaver%208\\Help\\dw8help.chm::/09_tabl8.htm"\l"wp317394"选取表格）或单击任意单元格。2、选择“命令”>“排序表格”。即会出现“排序表格”对话框。3、完成对话框。单击“确定”。4.4向页面添加内容使用Dreamweaver8中的可视化工具向Web页添加各种内容。添加元素并设置元素的格式，这些元素包括文本、图像、颜色、影片、声音和其它媒体形式等。4.5设置文本属性设计文字的字体。在字体下拉列表中选择，如果没有需要的字体，则选择“编辑字体列表”，弹出如图2-1所示的对话框。在这里完成新字体添加过程。4.6插入日期及特殊字符图2-1一、日期与时间文字在网页的版权信息、更新日期等内容中常常会出现时间性的文字，遇到这种情况可以选择“插入”面板中的“常用”标签，单击其中的“日期”按钮。然后在弹出的“插入日期”对话框中选择“日期格式”、“星期格式”、和“时间格式”，如图3-1所示。如果希望每次在保存网页时都自动更新插入的日期，请勾选“储存时自动更新”复选。二、特殊字符图3-1这里所说的特殊字符是指既不是中文字，也不是英文字母，无法用键盘直接输入的字符，例如（r）、（s）、§、÷、等。利用“插入”面板中的“文本”标签，如图4-1所示，单击按钮就可以输入这些特殊的字符。如果单击该标签的确良最后一个按钮，即“其他字符”按钮，如图4-1所示，可以打开如图4-1所示的对话框，在其中可选择更多的特殊符号。图4-14.7插入图片单击“常用”标签中的“图像”按钮，打开对话框，在其中选择要入的图片文件，然后单击“确定”按钮。如果插入的图片不在当前的站点目录下，则 Dreamweaver会弹出所示的对话框，询问是否要复制文件到站点目录下，单击“是”按钮。拷贝完文件后，插入的图片就出现在了光标所在位置上，下面就要为这张图片进行属性设定。4.8插入Flash动画除了在网页中使用文本和图像元素表达信息外，还可以向其中草药插入Flash动画等多媒体内容，以丰富网页的效果。虽然这些多媒体对象能够使网页更加丰富多彩，也能够吸引更多的浏览者，但是有时必须以牺牲浏览速度和兼容性为代价。4.8.1插入外部Flash动画在“插入”面板中选择“常用”标签，并单击“Flash”按钮，打开“选择文件”对话框，从中查找到希望插入到网页中的Flash动画文件（SWF文件），最后单击“确定”按钮。插入后的Flash动画并不会在“文档窗口”中显示内容，而是以一个带有字母F的灰色框来表示，此时的属性面板会显示该Flash动画的属性，不过其具有大部分属于性与图像属性基本相同。在选中Flash属性面板中的“参数”先项，打开“参数”选项的对话框，在左侧输入wmode值中输入transparent可以设置flash的透明值。4.9建立锚点当网页中的内容非常多时，往往页面过长，就可以使用锚点超链接来指引浏览者阅读者网页。首先创建锚记名称，命名的锚记使用户可以在文档中设置标记，这些标记通常放在文档的特定主题处或顶部。然后创建到这些锚记名称位置的链接，这些链接可快速将访问者带到指定的位置。就像在读书时常常插入一个书签以方便下次阅读一样。下面就以实例说明锚点超链接的建立。1、打开一个内容比较长的文档，将光标定位在文章标题行的最后，单击“插入”面板中“常用”标签的“命名锚记”按钮，在弹出的对话框中输入锚记名称，如图5-1所示。图5-1单击“确定”按钮后,Dreamweaver会在原光标的位置上插入一个描记符号，也就是说这个位置已经定义了一个名称为T的标记，然后，在文档的章节中，选中第一章，在属性面板的“链接”文本框中输入“#”和刚才命名的锚记名称，即“#T”。至此一个锚点超链接就建立完成了，只要浏览者单击“第一章”文字，浏览器就会跳转到文档的第一章的标题为之显示，也就是定义锚记符号的位置。4.10建立超链接从一个网页能够连接到另一个网页的设置就是超链接，我们既可以从网站的首页连接到其他的内容页，也可以从一个站点连接到另一个站点。正是由于超链接的存在，才最终组成了现在的互联网网络。网页的设计图第七章结束语本网站是一个小型的个人类网站，具有一定实用性的信息。它主要完成对数目众多的新闻各种信息，依照人个的兴趣爱好来制作的。本人对此网站的总体也外观了策划与设计，并对网站的背景底色以及结构框架做了精心的构思与设计，本系统主要采用粉红色为底色、框架式结构，看起来十分美观，为用户提供一个美观、大方、快速的前台界面。采用的工具主要有Photoshop等图片处理软件。系统在设计过程中不可避免地遇到了各种各样的问题，由于整个网页完全都是由个人设计的，加之本人水平有限，并没有完全地理解，也许多不足的地方。◇受开发条件和开发时间的限制，本网站只利用了Dreamweaver来制作了动态的网页，◇由于时间关系，网站功能实现的不够完善，使用时不是很方便，比如，图片上传时没能够实现批量上传；注册也不能及时注册。这些都是需要完善的地方，该网站离实际使用也还有相当的距离，需要我进行不断地补充和完善。通过本次毕业设计我学到了不少新的东西，也发现了大量的问题，有些在设计过程中有些已经解决，有些还有待今后慢慢学习。只要学习就会有更多的问题，有更多的难点，但也会有更多的收获。参考文献【1】柴晟，王霖，刘丽萍ASP.NET网络程序设计教程，清华大学出版社，2007【2】杨志姝,冯小飞ASP+SQLServer基础练习＋典型 案例 全员育人导师制案例信息技术应用案例心得信息技术教学案例综合实践活动案例我余额宝案例 ,清华大学出版社,2006【3】高守传精通SQL-结构化查询语言详解,人民邮电出版社，2007【4】吴晨，王春霞ASP.NET2.0数据库项目案例导航，清华大学出版社，2007【5】张鑫编著《Dreamweaver8/Flash/Fireworks8网页设计三剑客》中国青年出版社，2006.10【6】叶潮流主编《ASP程序设计》中国水利水电出版社2008.11