网站建设概论课件.ppt

第 1 章 网站建设概论 §1 网页制作基本知识 一. 网页与HTML 1．网页 2. 网站 3．超文本文件 §1 网页的一些基本概念 IP地址的分类 IP地址的分类 Internet域名： 域名的结构 域名的结构 统一资源定位器 HTML 浏览器－IE 浏览器－ netscape 浏览器－腾讯T T 表单实例 导航条实例 闪客影吧 §2 网页中的基本元素 实例1 实例2 实例3 §3 网站的基本结构 和网页布局 一. 网站的目录结构 二. 网站的链接结构 网站的链接结构 网站的链接结构 §4 网站布局－基本元素 网站布局－基本元素 网站布局－基本元素 网站布局－基本元素 网站布局－基本元素 网站布局－基本元素 网站布局－基本元素 网站布局－方法 网站布局－技术 网站布局－色彩搭配 网站布局－版面结构 “同”字形结构实例 “国”字形结构实例 “匡”字形结构实例 “川”字形结构实例 “三”字形结构实例 §5 网页的开发技术和语言 §6 网页制作工具 §7 网页美化工具 §8 网站制作的基本流程 网站制作的基本流程 综合实例－《七彩靓衣》网站制作流程 综合实例－《七彩靓衣》网站制作流程 综合实例－《七彩靓衣》网站制作流程 综合实例－《七彩靓衣》网站制作流程 多媒体 视频 1. 页面尺寸 2. 整体造型 3. 文本 4. 图片 5. 页头 6. 页脚 7. 多媒体 1. 纸上布局法 2. 软件布局法 1. 层叠样式表的应用 2. 表格布局 3. 框架布局 主要内容文字用非彩色（黑色），边框、背景、图片用彩色。 不要将所有颜色都用到，尽最控制在三种色彩以内。 背景和前文的对比尽量要大，绝对不要用花纹繁复的图案作背景。 “同”字形结构 “国”字形结构 “匡”字形结构 “川”字形结构 “三”字形结构 1. 超文本标识语言（HTML） 2. 动态网站开发技术和语言 PHP ASP VBScript JavaScript JSP Java ASP.net VB 、C＃ 1. FrontPage 2. Netscape编辑器 （不支持表单和多框架） 3. Dreamweaver 图像处理软件 1. Photoshop 2. Fireworks 动画制作软件 1. FLASH 2. Ulead GIF Animator 3. Ulead Cool 3D 网站定位 1. 网站的主题 2. 网站的名称 搜集和整理资料 网站的整体规划 1. 总体设计 2. 网站的栏目设计 3. 网站的目录及链接的设计 4. 数据库设计 选择合适的制作工具 制作网页 1. 首页的制作 2. 其他页面的制作 测试网页 上传发布网页 网站的宣传与推广 网站的反馈与评价 网站的更新与维护 1. 网站的定位 主题：受先进的交互软件与高性能的硬件 服务设施支持的、运行于INTERNET中 的反映服装行业的、BtoB型大规模电子 商务平台，是具有权威性的大型服装专 业网站。 名称：《七彩靓衣》 2. 搜集和整理资料 3. 网站的整体规划 制作中文、英文两种版本 实现BtoB电子商务功能 网站实行会员制，注册成为会员才能享受服务。 在网站中建立社区，能娱乐、购物和交朋友的地方，吸引更多的人浏览 加入一些知名的友情链接，如PECC（中国太平洋经济合作组织全国委员会） * * * 计算机科学技术学院 §1. 网页的一些基本概念 §2. 网页中的基本元素 §3. 网站的基本结构和网页布局 §4. 网站布局―基本元素 §5. 网页的开发技术和语言 §6. 网页制作工具 §7. 网页美化工具 §8. 网站制作的基本流程 网页(Web Page)，就是在网上用浏览器看到的页面。每个页面实际上都是一个独立的文件，它是把一些信息根据需要链接起来的管理技术，可以通过一个文本中的链指针打开另外一个相关的文本，只要用鼠标点击文本中高亮度或带下划线的条目，便可以得到相关的信息。这样的文本被称为超文本(Hyper Text)，包含超文本技术的文件称为超文本文件。它的扩展名一般采用“.html”或“.htm”。