网站建设概论ppt课件.ppt

1 网页的一些基本概念 2 网页中的基本元素 3 4 5 网页的开发技术和语言 6 7 网页美化工具 8 第1章网站建设概论 1网页制作基本知识 一 网页与HTML1 网页 网页 WebPage 就是在网上用浏览器看到的页面 每个页面实际上都是一个独立的文件 它是把一些信息根据需要链接起来的管理技术 可以通过一个文本中的链指针打开另外一个相关的文本 只要用鼠标点击文本中高亮度或带下划线的条目 便可以得到相关的信息 这样的文本被称为超文本 HyperText 包含超文本技术的文件称为超文本文件 它的扩展名一般采用 html 或 htm 2 网站 网站是一个包括多个由超级链接连在一起的网页集合 它的首页被称为主页 HomePage 是访问一个网站时缺省看到的第一个超文本文件 如果一个用户要用WWW展示自己的信息 首先要设计主页 它应该是 个画面精美的简要目录 主页的文件名应该与WWW服务器系统配置文件中指定的WWW缺省页的文件说明一致 以便外来的WWW访问者一连接到该用户的主机地址就可以直接看到主页 一般情况下 主页的缺省名称应该是index html或default html 3 超文本文件 超文本文件是一个ASCII码文档 它由文本内容和标记元素组成 通常用编辑器建立或修改 而通过浏览器来展示 ASCII码格式的文档本身是 种无格式文档 为了在浏览时看到带有格式和其他插入元素的文档 人们用一些符号把文档中各元素的属性做上标记 例如用某个符号标记文字使用的字体 颜色 用某个标记标明要在此处插入一个图片等等 简单地说 就是在文档中插入一些标记文档元素的注释 然后由浏览器把这些注释翻译出来 按注释标记的要求进行正确的显示 这些注释标记需要有一定的规范 否则就不可能进行正常的交流 人们对这些注释标记进行了规定 这就是HTML 它是 超文本标记语言 的英文名称HyperTextMarkupLanguage的缩写 1网页的一些基本概念 万维网 WorldWideWeb 浏览器 一种工具 常用的浏览器有 IE netscape和腾训TTIP地址 Net ID Host ID 由32个二进制组成 分四组 每组间用小数点分开 e g202 108 33 32 IP地址的分类 0 1 8 16 24 31 A B C D E IP地址的分类 Internet域名 域名的结构 国际顶级域名分为三类 国家域国际性的通用域 edu mil gov国际域 真正具有国际特性的实体 如国际联盟 国际组织等 e g int 域名的结构 我国域名体系分类别域名和行政域名两套 类别域名 org行政域名 按各个行政区划分 如 BJ SH CQ 统一资源定位器 UniversalResourceLocator 简称URL 协议名 Web服务器地址 文件在服务器中的路径和文件名通信协议包括HTTP 超文本传输协议 FTP 文件传输协议 Gopher Gopher协议 和News 新闻组 等 HTML HyperTextMarkupLanguage 超文本标记语言 表单超级链接导航条发布 也称为上传或上载 浏览器 IE 浏览器 netscape 浏览器 腾讯TT 表单实例 导航条实例 闪客影吧 2网页中的基本元素 文本字体 字号 颜色 底纹和边框等格式表格图像和动画声音和视频链接标志表单导航栏 实例1 实例2 实例3 3网站的基本结构和网页布局 网站的目录结构网站的链接结构网站布局 一 网站的目录结构 建立目录结构的一些建议 1 不要将所有文件都存放在根目录下 2 按栏目内容建立子目录 3 不要使用中文名字的目录名 4 不要使用过长的目录名 5 尽量使用意义明确的目录名 尽量做到 见名知意 6 目录的层次不要太多 建议不要超过3层 二 网站的链接结构 树状链接结构 网站的链接结构 星状链接结构 网站的链接结构 混合结构 4网站布局 基本元素 网页尺寸 网站布局 基本元素 整体造型 网站布局 基本元素 网站布局 基本元素 网站布局 基本元素 网站布局 基本元素 多媒体 视频 网站布局 基本元素 1 页面尺寸2 整体造型3 文本4 图片5 页头6 页脚7 多媒体 网站布局 方法 1 纸上布局法2 软件布局法 网站布局 技术 1 层叠样式表的应用2 表格布局3 框架布局 网站布局 色彩搭配 主要内容文字用非彩色 黑色 边框 背景 图片用彩色 不要将所有颜色都用到 尽最控制在三种色彩以内 背景和前文的对比尽量要大 绝对不要用花纹繁复的图案作背景 网站布局 版面结构 同 字形结构 国 字形结构 匡 字形结构 川 字形结构 三 字形结构 同 字形结构实例 国 字形结构实例 匡 字形结构实例 川 字形结构实例 三 字形结构实例 5网页的开发技术和语言 1 超文本标识语言 HTML 2 动态网站开发技术和语言PHPASPVBScriptJavaScriptJSPJavaASP netVB C 6网页制作工具 1 FrontPage2 Netscape编辑器 不支持表单和多框架 3 Dreamweaver 7网页美化工具 图像处理软件1 Photoshop2 Fireworks动画制作软件1 FLASH2 UleadGIFAnimator3 UleadCool3D 8网站制作的基本流程 网站定位1 网站的主题2 网站的名称搜集和整理资料网站的整体规划1 总体设计2 网站的栏目设计3 网站的目录及链接的设计4 数据库设计 网站制作的基本流程 选择合适的制作工具制作网页1 首页的制作2 其他页面的制作测试网页上传发布网页网站的宣传与推广网站的反馈与评价网站的更新与维护 网站色彩 颜色原理和象征意义 红色 热情奔放 喜悦 庄严黄色 高贵 富有 灿烂 活泼黑色 严肃 夜晚 沉着白色 纯洁 简单 纯净蓝色 天空 清爽 科技绿色 植物 生命 生机灰色 庄重 沉稳棕色 大地 淳朴紫色 浪漫 富贵 综合实例 七彩靓衣 网站制作流程 1 网站的定位主题 受先进的交互软件与高性能的硬件服务设施支持的 运行于INTERNET中的反映服装行业的 BtoB型大规模电子商务平台 是具有权威性的大型服装专业网站 名称 七彩靓衣 2 搜集和整理资料 综合实例 七彩靓衣 网站制作流程 3 网站的整体规划制作中文 英文两种版本实现BtoB电子商务功能网站实行会员制 注册成为会员才能享受服务 在网站中建立社区 能娱乐 购物和交朋友的地方 吸引更多的人浏览加入一些知名的友情链接 如PECC 中国太平洋经济合作组织全国委员会 综合实例 七彩靓衣 网站制作流程 4 栏目设计服装栏目 服饰栏目 面料栏目 辅料栏目 模特栏目 社区栏目 网上学校 信息栏目 管理栏目 电子商务 代理服务 网上超市 网上办公室 合作项目和集团介绍5 数据库设计采用ADO技术和SQLServer来设计数据库 综合实例 七