汕头网页设计培训.ppt

网页设计 中训职业学校 第一章基础知识 一 网络相关定义和概念二 网页执行过程三 网站建立方法四 DreamweaverMX简介 一 网络相关定义和概念 1 计算机网络计算机网络是利用通信设备和线路将地理位置不同的 功能独立的多个计算机系统互连起来 以功能完善的网络软件 即网络通信协议 信息交换方式 网络操作系统等 实现网络中资源共享和信息传递的系统 按跨度分类 局域网 LAN 将分散在有限地理范围内 如一栋大楼 一个部门 的多台计算机通过传输媒体连接起来的通信网络广域网 WAN 覆盖范围广阔 通常可以覆盖一个城市 一个省 一个国家 一 网络相关定义和概念 2 WWW WorldWideWeb 由遍及全球的信息资源组成的系统 通过互联网来访问 3 URL UniformResourceLocator 用于表示网络资源的地址 俗称网址 格式 协议 主机地址 路径 文件名 一 网络相关定义和概念 4 IP地址和域名IP地址用于标识网络上的各个主机 是网络中的唯一编号 主要分为A B C类地址 为了使用和记忆方便 也为了便于网络地址的分层管理和分配 英特网采用字符型的命名机制 域名 域名的结构是层次型的 如 一 网络相关定义和概念 5 超级文本和超级链接是一种电子文档 其中的文字包含有可以联系到其他文字或文档的链接 允许从当前阅读位置直接切换到连接所指向的文字 超级链接不仅可以指向其他网页 还可以指向网页内部的文本和图像 二 网页执行过程 用户通过浏览器向服务器请求网页网页服务器接收到请求后 取得相应的html网页 如果是动态网页 需先执行服务器端的动态代码 生成完整的html文件 服务器将网页传给发出请求的计算机用户计算机的浏览器解释html文件 并将其显示在浏览器上 二 网页执行过程 客户机 网站服务器 DB Web请求 HTTPWeb相应 三 网站建立方法 常用建站技术1 HTML HypertextMarkupLanguage 是一种超文本标记语言 是WWW文档的描述语言 通过标记符号来描述文字 图形等的格式信息 用户浏览器负责对其进行解释 并按预先定义好的方式显示出来 2 CSS CascadingStyleSheet 定义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 插入windowsxp安装光盘 打开控制面板 然后打开其中的 添加 删除程序 2 在添加或删除程序窗口左边点击 添加 删除Windows组建 3 捎带片刻系统会启动Windows组建向导 在Internet信息服务InternetInformationServices IIS 前面选勾 点击下一步 三 网站建立方法 4 系统安装成功 系统会自动在系统盘新建网站目录 默认目录为 C Inetpub wwwroot5 打开控制面板 性能和维护 管理工具 Internet信息服务 三 网站建立方法 6 在默认网站上点击右键 选择属性 7 点击主目录 在本地路输入框后点击浏览可以更改网站所在文件位置 默认目录为 C Inetpub wwwroot在执行权限后面点击配置 调试 脚本错误信息 选中 向客户端发送文本错误信息 处理URL时服务器出错 请与系统管理员联系 点击文档 可以设置网站默认首页 推荐删除iisstart asp 添加index asp和index htm点击目录安全性 点击编辑可以对服务器访问权限进行设置 三 网站建立方法 制作静态和动态网页 2009 3 710 26 14 document writedate time 四 Dreamwaver介绍 Dreamweaver的特点1 所见即所得可以将编辑窗口中编辑的文本与图片自动转化成HTML语言2 自定窗口环境三种工作区 代码 设计 代码与设计 多功能选项卡等3 动态网页效果的支持结合了JavaScript在行为面板中 设计者不需要编程就可以完成部分动态网页的制作4 网站的管理丰富的站点管理功能 四 Dreamwaver介绍 工作界面选择合适自己的工作模式文档窗口进行文字 图像等的编辑场所 可以同时打开多个文档窗口进行编辑浮动面板显示与隐藏面板和菜单调整面板形状 大小使用快捷方式使用标尺与网格使用草稿 四 Dreamwaver介绍 设立Dreamweaver站点建立站点文件夹建立网页新文件打开站点窗口版面设定与文字编辑页面属性的设定属性面板文字编辑空格的输入方法普通文本的输入方法插入特殊字符文本属性的设置 格式 颜色 字体 对齐等 文本分段的方法查找与替换