《网页设计概述》PPT课件.ppt

《《网页设计概述》PPT课件.ppt》由会员分享，可在线阅读，更多相关《《网页设计概述》PPT课件.ppt（21页珍藏版）》请在三一办公上搜索。

1、第一章,蓝永健 2023/7/29邮件 Welcometo,第一章:网页设计概述,1.1网页基础知识1.2 常用网页制作工具1.3 网站的建设流程1.4 网站搜索引擎优化,1.1网页基础知识,INTERNET WWWHTTP URL协议名(http,ftp,mailto)服务器地址(地址+端口号)文件名与路径(http:/,HTML 要注意语法格式,无标题文档大家好,新学年进步.这是广东省广州市海珠区,1.1网页基础知识,1.1网页基础知识,域名基本类型一是国际域名（national top-level domain-names，简称iTDs），也叫国际顶级域名。这也是使用最早也最广泛的域名。

2、例如表示工商企业的.com，表示网络提供商的.net，表示非盈利组织的.org等。二是国内域名，又称为国内顶级域名（national top-lenel domainnames，简称nTLDs），即按照国家的不同分配不同后缀，这些域名即为该国的国内顶级域名。目前200多个国家都按照ISO3166国家代码分配了顶级域名，例如中国是cn，美国是us，日本是jp等。通俗的说域名就是相当于一个家的门牌号码，别人通过这个号码可以很容易的找到你！在实际使用和功能上，国际域名与国内域名没有任何区别，都是互联网上的具有唯一性的标识。只是在最终管理机构上，国际域名由美国商业部授权的互联网名称与数字地址分配机构（

3、The Internet Corporation for Assigned Names and Numbers）即ICANN负责注册和管理；而国内域名则由中国互联网络管理中心（China Internet Network Infomation Center)即CNNIC负责注册和管理。,1.1网页基础知识,域名投资、域名交易、域名交易安全由于域名资源被开发很多年了，现在要注册到一个好的域名基本是不可能的，一般是要从域名投资人那里高价购买已经注的域名，现在域名投资已经渐渐成为一个新兴的投资行业（域名投资人一般被称为“米农”），但这里的投资风险、法律风险也非常大。因为域名交易的特殊性，域名交易安全

4、非常重要，一般在以下几个网站进行：S、E、G、A、E、D。域名抢注由于好的域名资源基本枯竭，所以现在抢注过期域名比较盛行，过期删除域名抢注基本被3大国际公司垄断：、SnapN。避免域名注册误区公司、个人注册域名不要一味的想注册简短的、好记的，还要考虑和您的公司名字含义一致，是否可以注册商标，往往创意域名才是企业应该选择的。比如联想放弃了通用词，而启用了域名就是一个例子。更多，请查询：tt,1.1网页基础知识,哪里可以注册域名?注册域名，我们应该选择CNNIC官方推荐的几家公司进行，一方面是价格，一方面是服务，所以一定要选择大家普遍认可的正规公司进行 CNNIC官方网站http:/每年都会审核一

5、次,并公布“CNNIC CN域名认证注册服务机构”通常有域名注册的服务机构，也提供FTP空间租用。这样就解决了域名和FTP空间的问题了。,静态网页与动态网页静态:html,htm,shtml 动态:asp,jsp,php,aspx,cgi 多可以与数据库连接使用,不能直接使用IE浏览器打开查看,需要配置一定的运行环境.,1.1网页基础知识,1.1网页基础知识,如何区分静态与动态网页？程序是否在服务器端运行，是重要标志。在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如ASP、PHP、JSP、ASP.net、CGI等。运行于客户端的程序、网页、插件、

6、组件，属于静态网页，例如html页、Flash、JavaScript、VBScript等等，它们是永远不变的。,1.1网页基础知识,静态网页的工作原理：用户在浏览器的地址栏输入要访问的地址并回车，触发这个浏览请求。浏览器将请求发送到Web服务器。Web服务器接受这个请求，并根据请求文件的后缀名判定是否为HTML文件。Web服务器从服务器硬盘的指定位置或内存中读取正确的HTML文件然后将它发送给请求浏览器。用户的浏览器解析这些HTML代码并将它显示出来。,1.1网页基础知识,动态网页的工作原理：当用户请求的是一个动态网页时，服务器要做更多的工作才能把用户请求的信息发送回去，服务器一般按照以下步骤

7、进行工作：服务器端接受请求。Web服务器从服务器硬盘指定的位置或内存中读取动态网页文件。执行网页文件的程序代码，将含有程序代码的动态网页转化为标准的静态页面（HTML）。Web服务器将生成的静态页面代码发送给请求浏览器。,1.1网页基础知识,如何决定采用那种网页？静态网页和动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之一般要采用动态网页技术来实现。静态网页是网站建设的基础，静态网页和动态网页之间也并不矛盾，为了网站适应搜索引擎检索的需要，即使采用动态网站技术，也可以将网页内容转

8、化为静态网页发布。动态网站也可以采用静动结合的原则，适合采用动态网页的地方用动态网页，如果必要使用静态网页，则可以考虑用静态网页的方法来实现，在同一个网站上，动态网页内容和静态网页内容同时存在也是很常见的事情。,1.2常用网页制作工具,Macromedia Dreamweaver Macromedia FlashMacromedia Fireworks Adobe Photoshop Microsoft Visual Studio 2005,1.2常用网页制作工具,按制作网页的步骤来说每步用到的软件：1.设计效果图。在使用方便程度上推荐“三剑客”里的fireworks，虽然photoshop做

9、图效果比FW细致，但对于网页来说，FW已经足够了，而且在制作步骤上比PS简便。使用fireworks 或者Photoshop 处理图片，制作logo，图标的，是强大的创作整合工具(创造具体元件，图像特效)2.切图，转html。切图的时候用FW还是比PS方便，只要选取要切的那块就可以直接保存，而PS要选取后、新建、粘贴再保存，多了很多步骤。转html不用多说，相信百分之八九十的人都是用的Dreamweaver。3.动画。如果想加动画的效果，可以做gif动画或者FLASH动画。4.接着使用Dreamweaver进行排版和设计。Dreamweaver 基本成都制作网页必备工具。简单的网页设计制作以上

10、4步已经够了,1.2常用网页制作工具,按制作网页的步骤来说每步用到的软件：5.代码编写或者程序设计。可以使用DW进行或者使用专业工具。如：Microsoft Visual Studio 2005可以开始C#，VB.NET等ASP.NET程序，Eclipse可以开发JAVA等程序，DW 可以辅助开发ASP，ASP.NET,PHP,JSP等程序6，数据库工具：Access,Sql server,MySql,Oracle7，测试软件,1.3 网站的建设流程,1.3.1 需求分析1.3.2 整体规划1.3.3 详细设计资料收集,整体形象设计1.3.4 网站实施伪界面,代码编写,调试完善1.3.5 申请

11、域名和空间1.3.6 上传站点(上传)1.3.7 推广网站1.3.8 维护网站,1.3 网站的建设流程,1.3 网站的建设流程,一个出色的网站策划人员要做的工作不仅仅是一份策划方案书的撰写，而是涵盖了从对客户需求的了解到与美工人员技术开发人员的工作协调到网站发布宣传与推广等多项工作内容。具体包括:前期对客户需求的了解、网站类型的确认、网站结构的规划、网站功能需求分析报告的撰写、网站平台硬件、软件的配置方案；中期网站风格的定位、网站美术的设计（与美工人员的沟通）、网站内容的编辑、网站功能模块的开发（与技术开发人员的沟通）、网站发布前的测试；后期网站售后服务、技术支持、网站宣传推广等！,1.3 网

12、站的建设流程,做好需求分析的重要性往往一个网站项目策划的确立是建立在各种各样的需求上面的，这种需求几乎全部来自于客户的实际需求或者是出于公司自身发展的需要，其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。面对网站开发拥有不同知识层面的客户，网站策划人员对用户需求的理解程度，在很大程度上决定了此类网站项目开发的好与坏。因此如何更好地的了解、分析、明确用户需求，并且能够准确、清晰以文档的形式表达给参与网站项目开发的每个成员，保证开发过程按照满足用户需求为目的正确按时进行网站项目开发，是每个网站策划人员需要面对的切实问题。,1.3 网站的建设流程,网站测试 网站发布前要进行细致周密的测试，以保证正常浏览和使用。主要测试内容：服务器稳定性、安全性。程序及数据库测试。网页兼容性测试，如浏览器、显示器。根据需要的其他测试。,1.3 网站的建设流程,网站维护的常规内容服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间。数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视。内容的更新、调整等。制定相关网站维护的规定，将网站维护制度化、规范化。,