网页制作简介课件

网页制作网页制作课程课程 第一课网页制作简介 第一课 网页制作网页制作课程课程第一课 网页制作简介 静态网页与动态网页区别静态网页与动态网页区别二二 两种设计模式：表格、两种设计模式：表格、DIV+CSS三 网页制作的要领网页制作的要领四一一什么是网页制作什么是网页制作1网页制作具体流程网页制作具体流程 五什么是网页制作什么是网页制作第一课 网页制作简介 静态网页与动态网页区别二 两种设计模 网页制作网页制作课程课程一、什么是网页制作1 1定义定义2 2什么是网页制作什么是网页制作3 3网页设计网页设计一、什么是网页制作1定义2什么是网页制作3网页设计 网页制作网页制作课程课程1、定义n网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,网页制作是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。n企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。1、定义网站是企业向用户和网民提供信息(包括产品和服务)的一 网页制作网页制作课程课程2、什么是网页制作n制作要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。n因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来；网页制作通常就是将网页设计师所设计出来的设计稿，按照W3C规范用html语言将其制作成网页格式。2、什么是网页制作制作要能充分吸引访问者的注意力，让访问者产 网页制作网页制作课程课程3、网页设计n网页设计是指使用标识语言（markup language)，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。n简单来说，网页设计的目的就是产生网站，什么是网站呢，就是服务器内的一系列网页的组合，终端用户发出请求后服务器通过传输特定的网页向用户传输所需的信息。简单的信息如文字，图片（GIFs，JPEGs，PNGs）和表格，都可以通过使用HTML/XHTML/XML放置到网站页面上。而更复杂的信息如vector graphics,动画，视频，声频则需要插件程序例如Flash,QuickTime,Java run-time environment,等等，这些插件程序也是通过HTML/XHTML/XML植入网页的。n随着浏览器和W3C标准一致性的改善，XHTML/XML（可扩展标识语言）与CSS（层叠样式表）共同用作网页内容的设计已经被广泛的接受和使用。最新的标准和建议则是朝着浏览器的能力扩充和改善发展，使之能够不需要插件程序也能够给用户传输多媒体信息和更多的选择。3、网页设计网页设计是指使用标识语言（markup lang 网页制作网页制作课程课程二、静态网页与动态网页区别1 1静态网页静态网页2 2动态网页动态网页二、静态网页与动态网页区别1静态网页2动态网页 网页制作网页制作课程课程1、静态网页n静态网页页面上的内容和格式一般不会改变，只有网管可根据需要更新页面。2、动态网页动态网页的内容随着用户的输入和互动而有所不同，或者随着用户，时间，数据修正等而改变。网页上的内容也可以由用户通过使用客户端描述语言(JavaScript,JScript,Actionscript,）来改变。当然更普遍的是由服务器端的描述语言（Perl，PHP,ASP,JSP,ColdFusion,等)进行编译，从而对动态网页的内容进行改变。无论是客户端还是服务器端的改变都需要使用较为复杂的应用软件。1、静态网页静态网页页面上的内容和格式一般不会改变，只有网管 网页制作网页制作课程课程三、两种设计模式：表格、两种设计模式：表格、DIV+CSSDIV+CSS1 1表格表格2 2Div+Css三、两种设计模式：表格、DIV+CSS1表格2Div+C 网页制作网页制作课程课程1、表格n从前一般网页都使用表格进行排版设计，这样作的优点在于设计制作速度快，尤其在可视化网页编辑器，如Microsoft FrontPage中，这样设计显得直观而方便，然而这让越来越复杂的版面需要许多不断嵌套的表格设计，致使网页代码变得冗长复杂，使文件体积增大，且不容易被搜索引擎查找。同时，这样做也不利于大型网站的改版工作。1、表格从前一般网页都使用表格进行排版设计，这样作的优点在于 网页制作网页制作课程课程2、Div+CssDiv+Cssn于是随着主流网页浏览器对CSS的支援度提高，近年来兴起了一种新的网页设计模式。被业界称为“网页重构”的革命，其核心在于分隔网页的风格和内容(en:Separation of style and content)，指标记语言(如HTML,XML)负责定义页面的内容，但不可以定义任何涉及网站外观(风格)的东西。而网站风格就由另外的CSS档案负责。在排版方面，新的模式提倡使用由CSS定义的DIV进行页面排版，而将表格还原为排列数据的最初功能。这种模式有很多好处，例如可以协助搜寻引擎查找网页的情况，减小文件提及提高浏览速度，且由于一个CSS档案可以控制多个页面，这也给改版带来了很大方便。n由于W3C是该模式极力的倡导者，于是业界鉴定网页是否符合W3C标准，就可以在W3C网站自动检测该网站的情况。n这种模式也有缺点，其中一个弱点就是，在不同浏览器出来的效果会有分别，但这种情况主要是由于微软的Internet Explorer对CSS文档的支持有众多缺陷造成的。另一方面，开始设计CSS时，并不能清楚看到目标，因此显得不直观。n网页实际是一个文件，他存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。2、Div+Css于是随着主流网页浏览器对CSS的支援 网页制作网页制作课程课程四、网页制作的要领1 1确定网站主题确定网站主题2 2选择好域名选择好域名3 3确定网站界面确定网站界面4 4确定网站风格确定网站风格5 5有创意的内容选择有创意的内容选择6 6推广自己的网站推广自己的网站7 7支撑网站日常运行支撑网站日常运行四、网页制作的要领1确定网站主题2选择好域名3确定网站界面4 网页制作网页制作课程课程1、要领一：确定网站主题 n做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。美国个人电脑杂志(PC Magazine)评出了99年度排名前100位的全美知名网站的十类题材：第1类：网上求职；第2类：网上聊天/即时信息/ICQ；第3类：网上社区/讨论/邮件列表；第4类：计算机技术；第5类：网页/网站开发；第6类：娱乐网站；第7类：旅行；第8类：参考/资讯；第9类：家庭/教育；第10类：生活/时尚。我们可以参看上面的分类，继续细分。如果自己在某些方面有兴趣，或掌握的资料较多，也可以做一个自己感兴趣的东西，一者，你可以有自己的见解，做出自己的特色；二者，在制作网站时不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有创作热情，很难设计制作出优秀的作品。n对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。记住：在互联网上只有第一，没有第二！1、要领一：确定网站主题 做网站，首先必须要解决的就是网站内 网页制作网页制作课程课程2、要领二：选择好域名 n域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站，其所有建设的价值，都凝结在其网站域名之上。失去这个域名，就将前功尽废。n目前，做个人网站的很多都依赖免费个人空间，其域名也是依赖免费域名指向，如网易的虚拟域名服务，其实这对个人网站的推广与发展很为不利，不光是它“适时”开启的窗口妨碍了浏览者的视线和好感，让人一看就知道是个人网站，而且也妨碍了网页的传输速度。所以，就我个人观点来说，首先花点钱去注册一个域名，独立的域名就是个人网站的第一笔财富，要把域名起得形象、简单、易记。2、要领二：选择好域名 域名是网站在互联网上的名字。一个非产 网页制作网页制作课程课程3、要领三：确定网站界面 n界面就是网站给浏览者的第一印象，往往决定着网站的可看性，在确定网站的界面时要注意以下三点：n栏目与板块编排n目录结构与链接结构n网站的设计可以从以下几点出发：设计网站标志(LOGO)设计网站色彩。设计网站字体。设计网站宣传语。3、要领三：确定网站界面 界面就是网站给浏览者的第一印象，往 网页制作网页制作课程课程4、要领四：确定网站风格 n“风格”是抽象的，是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素，网站可以是平易近人的、生动活泼的，也可以是专业严肃的。不管是色彩、技术、文字、布局，还是交互方式，只要你能由此让浏览者明确分辨出这是你网站独有的，这就形成了网站的“风格”。n风格是有人性的，通过网站的色彩、技术、文字、布局、交互方式可以概括出一个站点的个性：是粗犷豪放的，还是清新秀丽的；是温文儒雅的，还是执著热情的；是活泼易变的，还是墨守成规的。4、要领四：确定网站风格“风格”是抽象的，是指站点的整体形 网页制作网页制作课程课程5、要领五：有创意的内容选择 n好的内容选择需要有好的创意，作为网页设计制作者，最苦恼的就是没有好的内容创意。网络上的最多的创意即是来自于虚拟同现实的结合。创意的目的是为了更好的宣传与推广网站，如果创意很好，却对网站发展毫无意义，那么，网站设计制作者也应当放弃这个创意。另外，主页内容是网站的根本之所在，如果内容空洞，即使页面制作地再怎样精美，仍然不会有多少用户。从根本上说，网站内容仍然左右着网站流量，内容为王（Content Is King）依然是个人网站成功的关键。5、要领五：有创意的内容选择 好的内容选择需要有好的创意，作 网页制作网页制作课程课程6、要领六：推广自己的网站n网站的营销推广在个人网站的运行中也占着重要的地位，在推广个人网站之前，请确保已经做好了以下内容：网站信息内容丰富、准确、及时；网站技术具有一定专业水准，网站的交互性能良好。一般来说，网站的推广有以下几种方式：n搜索引擎注册与搜索目录登录技巧n广告交换技巧n目标电子邮件推广6、要领六：推广自己的网站网站的营销推广在个人网站的运行中也 网页制作网页制作课程课程七、要领七：支撑网站日常运行 n当个人网站做到某一程度，就必须把赚钱提到议事日程上来，通常来说，个人网站获取资金通常有以下两个渠道：n销售网站的广告位n与大型网站合作n另外，通过与大型网站合作，获取经费，也可以维持个人网站的日常运行。不过，个人网站很容易会成为商业网站的附属品。n有时间和充沛的体力，再加上对新技术和技巧的学习和应用，你就能为自己在网上建一个家了。七、要领七：支撑网站日常运行 当个人网站做到某一程度，就必须 网页制作网页制作课程课程五、网页制作具体流程 1 1策划策划2 2前台前台3 3后台后台五、网页制作具体流程 1策划2前台3后台 网页制作网页制作课程课程1、策划n网站的整体定位、功能规划、应用分析、流程设计和内容架构组织。2、前台网站页面的设计制作，包括版式规划、色彩应用、版面设计、切片输出、页面整合、动画和多媒体设计、交互环节设计和页面代码编写等。(从这里可以看出，前台美工的任务很重，而且还涉及到公司形象，潜在形象广告宣传的劳动能力。为公司的整体付出了潜在的市场价值。唉，但现在各行业不重视美工，造成程序为重。这也是很多网站，软件的功能，效果容易出错的原因)。1、策划网站的整体定位、功能规划、应用分析、流程设计和内容架 网页制作网页制作课程课程3、后台n程序设计、数据操作、功能实现、管理界面和管理功能设计等。n关于需要学习的知识则因你所面对的任务不同而不同。侧重界面设计的，应在图形设计和视觉创意上多下功夫，做页面代码和后台程序则要多熟悉Web标准、标记语言、内嵌语言、脚本语言、数据库等内容。3、后台程序设计、数据操作、功能实现、管理界面和管理功能设计 网页制作网页制作课程课程Thank You!