汕头网页设计培训.ppt

网页设计 中训职业学校,第一章 基础知识,一、网络相关定义和概念 二、网页执行过程 三、网站建立方法 四、Dreamweaver MX 简介,一、网络相关定义和概念,1、计算机网络 计算机网络是利用通信设备和线路将地理位置不同的、功能独立的多个计算机系统互连起来，以功能完善的网络软件（即网络通信协议、信息交换方式、网络操作系统等）实现网络中资源共享和信息传递的系统. 按跨度分类： 局域网(LAN) 将分散在有限地理范围内（如一栋大楼，一个部门）的多台计算机通过传输媒体连接起来的通信网络 广域网(WAN) 覆盖范围广阔（通常可以覆盖一个城市，一个省，一个国家）,一、网络相关定义和概念,2、WWW (World Wide Web) 由遍及全球的信息资源组成的系统,通过互联网来访问。 3、URL (Uniform Resource Locator) 用于表示网络资源的地址，俗称网址。 格式： 协议：/主机地址/路径/文件名 /fwzn/sqb.htm,一、网络相关定义和概念,4、IP地址和域名 IP地址用于标识网络上的各个主机，是网络中的唯一编号。主要分为A,B,C类地址。 为了使用和记忆方便，也为了便于网络地址的分层管理和分配，英特网采用字符型的命名机制-域名。 域名的结构是层次型的。 如：,一、网络相关定义和概念,5、超级文本和超级链接 是一种电子文档，其中的文字包含有可以联系到其他文字或文档的链接，允许从当前阅读位置直接切换到连接所指向的文字。 超级链接不仅可以指向其他网页，还可以指向网页内部的文本和图像。,二、网页执行过程,用户通过浏览器向服务器请求网页 网页服务器接收到请求后，取得相应的html网页（如果是动态网页，需先执行服务器端的动态代码，生成完整的html文件） 服务器将网页传给发出请求的计算机 用户计算机的浏览器解释html文件，并将其显示在浏览器上。,二、网页执行过程,客户机,网站服务器,DB,Web 请求,HTTP Web相应,三、网站建立方法,常用建站技术 1. HTML (Hypertext Markup Language) 是一种超文本标记语言，是WWW文档的描述语言。通过标记符号来描述文字，图形等的格式信息。 用户浏览器负责对其进行解释，并按预先定义好的方式显示出来。 2. CSS （Cascading Style Sheet） 定义HTML文件的格式信息。 使HTML文档内容和格式信息相分离提供了手段。,三、网站建立方法,常用建站技术 3. VBScript 提高网站程序的整体性能，弥补HTML文档的动态性和智能性的不足 4. ASP.NET 是Microsoft.NET框架的部分，是把网站开发技术提升到面向对象层次的平台。,三、网站建立方法,网站建设流程 1. 用户需求调查 通过与用户的沟通，完整而全面的搜索和整理用户提供的各种资料，然后分析和理解用户的切实要求。 2. 确定服务器解决方案 1）建立独立网站 2）租用虚拟主机 3）服务器托管,三、网站建立方法,网站建设流程 3. 规划设计 包括网站的目标设计、功能设计、风格设计、栏目设计、导航方式设计、色彩方案设计、数据库设计、网页布局设计、目录结构设计及安全策略设计等 4. 网页制作 实施设计方案，具体制作网页各个网页,三、网站建立方法,网站建设流程 5. 网站的测试与发布 测试是用来鉴定软件的正确性、完整性、安全性和品质的过程。 测试贯穿网页制作的全过程。 网站制作完成后，需要通过测试，发现其中的问题，然后进行修改，再测试，再修改，不断重复，使网站不断完善。 单元测试，集成测试，系统测试等,三、网站建立方法,网站建设流程 5. 网站的测试与发布 发布就是将网站文件上传到服务器中，完成相应配置，使网站运行起来，并可为用户使用。 6. 网站的维护 网站发布后，运行过程中需要不断更新，逐步完善。 更新: 在保持网站运行状态下，对网站页面和内容的增、删、改。 维护: 对网站运行状况进行监控，并对网站运行的相关情况进行统计，及时解决发现的问题。,三、网站建立方法,构建网站开发平台 1. 安装Web服务器（IIS） 2. 设置应用目录 3. 开发工具的安装,三、网站建立方法,IIS安装步骤： 1、插入windows xp安装光盘，打开控制面板，然后打开其中的“添加/删除程序” 2、在添加或删除程序窗口左边点击“添加/删除Windows组建” 3、捎带片刻系统会启动Windows组建向导，在Internet信息服务Internet Information Services（IIS）前面选勾，点击下一步：,三、网站建立方法,4、系统安装成功，系统会自动在系统盘新建网站目录，默认目录为：C:Inetpubwwwroot 5、打开控制面板性能和维护管理工具Internet 信息服务：,三、网站建立方法,6、在默认网站上点击右键选择属性： 7、点击主目录：在本地路输入框后点击浏览可以更改网站所在文件位置，默认目录为：C:Inetpubwwwroot 在执行权限后面点击配置调试脚本错误信息，选中：向客户端发送文本错误信息：处理 URL 时服务器出错。请与系统管理员联系。 点击文档：可以设置网站默认首页，推荐删除iisstart.asp，添加index.asp和index.htm 点击目录安全性：点击编辑可以对服务器访问权限进行设置,三、网站建立方法,制作静态和动态网页, 2009-3-7 10:26:14 , document.write date() & “ “ & time() ,四、Dreamwaver介绍,Dreamweaver的特点 1、所见即所得 可以将编辑窗口中编辑的文本与图片自动转化成HTML语言 2、自定窗口环境 三种工作区（代码、设计、代码与设计）、多功能选项卡等 3、动态网页效果的支持 结合了JavaScript在行为面板中，设计者不需要编程就可以完成部分动态网页的制作 4、网站的管理 丰富的站点管理功能,四、Dreamwaver介绍,工作界面 选择合适自己的工作模式 文档窗口 进行文字、图像等的编辑场所，可以同时打开多个文档窗口进行编辑 浮动面板 显示与隐藏面板和菜单 调整面板形状、大小 使用快捷方式 使用标尺与网格 使用草稿,四、Dr