网页设计与制作

网页设计与制作学院：张仲景国医学院班级：13级护理二班姓名：张梦琳学号：1316216020网页设计与制作摘要：伴随着互联网的出现以及发展，网页也随之应运而生，尤其现在的社会，网络在人类的生活中扮演了越来越重要的角色。一个好网页的价值也不短提升。同时也随着计算机处理文字以及图像的处理能力不断增强，网页的制作也要求制作者熟练的网页制作技术，也要有一定的艺术设计能力。所以要求我们对网页设计课程的熟练认识以及操作能力。关键词：网页网页设计HTML动态网页静态网页一.网页的概念：网页是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，您的网站就是由网页组成的。网页(webpage)通常是HTML格式（文件扩展为。html或。htm或.asp或。aspx或。php或。jsp等）如果只有域名和虚拟主机而没有制作任何网页的话，客户则无法访问网站。网页通常用图像档来提供图画。网页要使用网页浏览器来阅读。网页（英文：Webpage）是一个文件，他存放在世界某个角落的某一部计算机中，而这部计算机必须是与互联网相连的为什么在源文件看不到任何图片？图片文件中存放的只是图片的链接文职，甚至可以不在同一台计算机上。网页设计------网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。企业网站设计显得极为重要，下面是一些网站设计中应注意的原则：1.明确加冕礼网站的目标和用户需求2.网页设计总体方案主题鲜明3.网页设计的两大要点：整体风格和色彩搭配二：HTML语言HTML（HyperTextMark—upLanguage）即超文体标记语言或超文体链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考率具体信息是在当前电脑上还是在网络的其他电脑上。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含索要说明的具体内容。另外，HTML是网络的通用语言，一种简单、通用的全置标记语言HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。注意“blockquote”前的斜杠，那就是关闭标签与打开标签的区别。但是也有一些标签例外。比如，input标签就不需要。标题词－－夹在head和/head标签之间－－这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在body和/body之间－－即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。三、网页的类型.通常我们看到的网页，都是以htm或html后缀结尾的文件，俗称HTML文件。不同的后缀，分别代表不同类型的网页文件，例如以CGI、ASP、PHP、JSP甚至其他更多。四、网页的分类网页有多种分类,笼统意义上的分类是动态和静态的页面,原则上讲静态页面多通过网站设计软件来进行重新设计和更改,相对的比较滞后，当然现在有网站管理系统，也可以生成静态页面~我们称这种静态页面为伪静态。动态页面通过网页脚本与语言自动处理自动更新的页面，比方说贴吧，他就是通过网站服务器运行程序，自动处理信息，按照流程更新网页。随着信息技术的更加专业化，越来越明显的倾向表明，网页设计和网站的发展会逐渐成为两个不同的领域。五、网页设计网页设计--------网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。企业网站设计显得极为重要，下面是一些网站设计中应注意的原则。1、明确建立网站的目标和用户需求Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此我们必须明确设计站点的目的和用户需求，从而做出切实可行的设计计划。我们会根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，以“消费者（customer)”为中心，而不是以“美术”为中心进行设计规划。在设计规划时我们会考虑：建设网站的目的是什么？为谁提供服务和产品？企业能提供什么样的产品和服务？网站的目的消费者和受众的特点是什么？企业产品和服务适合什么样的表现方式（风格）？2、网页设计总体方案主题鲜明Web站点主页应具备的基本成分包括：页头：准确无误地标识你的站点和企业标志；Email地址：用来接收用户垂询；联系信息：如普通邮件地址或电话；版权信息：声明版权所有者等。在网页的设计过程中，应当注意以下各个方面：1）、确定网站的整体风格网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。2).网页色彩的搭配色彩是艺术表现的要素之一。在网页设计中，我们的设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合．搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用。如果您的企业有CIS（企业形象识别系统），我们将按照其中的VI进行色彩运用。无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。3、网页设计的工具1.dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具2.Frontpage跟dreamweaver一样，不过个人感觉还是dreamweaver好。3.FLASH网页需要画面流动时的首选择4.PS图象处理软件，一般网页都需要有图片相搭配，PS是款很强大的工具。5.FW跟PS一样都是图象处理软件，但FW偏向与对网页的处理。4、网站设计成功要素设计一个网站，应该考虑下列九条基本因素，这些因素对网站的成功与否有着重要影响。优秀的网页设计应该具有以下特点（1）内容和功能决定表现形式和界面设计做网页设计，你需要了解客户的东西很多：1）、建站目的2)、栏目规划及每个栏目的表现形式及功能要求3)、主色、客户性别喜好、联系方式、旧版网址、偏好网址4）、根据行业和客户要求，那些要着重表现5）、是否分期建设、考虑后期的兼容性6）、客户是否有强烈的建站欲望7)、你是否能在精神意识上控制住客户8)、面对你未接触的技术知识，你有底吗？9).网站类型（2）界面弱化一个好的界面设计它的界面时弱化的，它突出的是功能，着重体现的是网站业提供给使用者是主要什么。这就涉及到浏览顺序、功能分区等等。要让访客在0.5内就能把握网站的行业性质，1秒内就知道该从哪个地方开始使用这个网站，能点一次的，绝不点第二次。当然上面说的是大多数功能性网站，对于宣战展示性网站，诸如加特效的或Flash网站，可能就不得不花哨一些，但不能太过分。网站不是动画片，在效率越来越高，社会心理越来越浮躁的中国，人们的耐心越来越小，心理承受能力越来越低。效果可以体现意境，点到为止。（3）模块化和可修改性强无论是架构还是模块或图片，都要考虑可修改性强。举个简单的例子，logo、按钮等，很多人喜欢制作图片，N个按钮就是N张图片。如果只做3-5类按钮的背景图片，然后用在网页代码里打上文字，那么修改起来就简单了，让程序员自己改字就可以了。然而网页显示的字体是带有锯齿的，一般即能清晰又保证美观的字体字号有几类：宋体12px|宋体12px粗体|宋体14px|宋体14px粗体|黑体20px|verdana9px|ArialBlack12px+|（4）创艺是可耻的，分析能力远比创艺来的重要设计界动辄就大谈什么“创意”，我要说的是，还没有搞清目的意义内容，还没在技术制作上臻于完善的基础上班，用创艺和特效来迷惑客户和访客是可耻的。一个网也设计者的分析能力远比创艺来的重要。（5）兼顾还是抛弃CSS、XHTML、web2.0、Ajax等等山雨欲来，学习先进技术固然是有好处的，但对于目前国内普遍的低认知水平，决定了客户的需求和价格也是相当低的。之前，说到经济决定网也设计，所以有的时候，是不允许你做出更多的兼顾的，抛弃和放弃也是无奈之举。网页制作具体流程：网页设计是一个综合性极强的工作，涉及到商业策划、平面设计、人机界面、程序语言和数据库等。通过对《网页设计与欣赏》这门课程的认真学习，我学到了很多网页制作相关的知识，比如对网页设计的基本知识，网页设计要注意的各个环节，超文本标记语言，网页布局，网页板式等等很多知识。总而言之，经过对《网页设计与制作》这门课程的学习，我收获了很多。我所学的专业并不是计算机方面的，更别说是网页设计了，但是由于我对网页设计及制作的强烈兴趣，我选择这门课程是我最大的乐趣，因为我学到了知识。并且我今后会继续在这方面提高自己，全面提高，综合发展。