第1章网页设计基础..pptVIP

* * * * * * * * * * * * * * * * * * 网页设计 主讲人：阮勇辉 邮箱：ruanyh_0921@163.com 1.1 Internet基础 Internet提供的主要服务： 网络信息浏览（WWW） 电子邮件（E-mail） 新闻组（News Group） 文件传输（FTP） 远程登录（Telnet） 电子公告板（BBS） 1.2 网页相关术语 IP地址 连接网络的任意一台计算机所具有的唯一地址，32位二进制表示 范围：~55 域名 与IP地址对应，便于记忆 例如 1.2 网页相关术语 网址URL 统一资源定位符，格式如下： 访问协议://域名（或IP地址）[:端口号]/路径/文件名 常见访问协议：http，ftp WWW 万维网，基于超文本的信息系统 B/S模式，用户通过浏览器访问Web服务器 访问方式：URL或超链接 1.2 网页相关术语 浏览器 向Web服务器发送请求 解释并向用户显示服务器返回的信息 网页和网站 网页：通常是由HTML编写，在浏览器解释后能够向用户展示信息的页面 网站：一个或多个网页的集合 1.3.1 网页的分类 (1) 按所处位置分类 首页 子页 (2) 按表现形式分类 静态网页 动态网页 1.3.2 静态网页 一旦制作并上传以后，其内容就不能随意进行变化、修改。特点： 后缀通常是.htm、.html、.shtml 内容相对稳定，容易被搜索引擎检索 制作和维护方面工作量较大 交互性较差，在功能方面有较大的限制 独立存在于服务器上的网页文件 1.3.2 静态网页 浏览原理 ①浏览器通过HTML表单或超链接请求指向一个静态页面的URL ②服务器收到用户的请求 ③服务器找到该页面文件 ④服务器将该页面的副本发送回浏览器显示 1.3.3 动态网页 由程序实时生成，可以根据不同条件生成 不同内容的网页。特点： 以数据库技术为基础，减少网站维护的工作量 功能更多，如用户注册、用户登录、在线查询等 并不是独立存在于服务器上的网页文件，只有当用户请求时，服务器才会返回一个完整的网页。 1.3.3 动态网页 浏览原理 ① 浏览器请求一个应用程序的URL ②服务器收到该请求 ③服务器执行指定的应用程序 ④应用程序基于用户输入的内容，执行所需操作 ⑤应用程序把结果格式化为HTML网页 ⑥服务器将结果返回到浏览器中 1.4 网页编程技术 HTML 超文本标记语言，用于编写静态网页 ASP （Active Server Pages） Web服务器端的开发环境，用于实现动态网页 采用脚本语言VBScript/JavaScript，即时解释 可与数据库进行交互 网页文件格式为.asp 服务器端的执行结果以HTML格式返回 1.4 网页编程技术 ASP.NET 对ASP的改进 采用通用语言VB.NET和C# 将程序在服务器端首次运行时进行编译，执行效率提高 PHP (Hypertext Preprocessor) 一种跨平台的服务器端的嵌入式脚本语言 1.4 网页编程技术 JSP 新一代网站开发语言 ，JSP可以在Servlet和JavaBean的支持下，完成功能强大的站点程序 1.5 网页制作软件 Dreamweaver 可视化的网页制作软件。主要用于对页面进行布局，即将文字、图像和动画等元素通过一定形式的布局整合为一个页面 FrontPage 网页设计、制作、发布、管理的软件，与Microsoft office各软件无缝连接 1.5 网页制作软件 Flash 二维动画设计软件，主要用于制作具有动画效果的导航条、Logo以及商业广告条等 Fireworks 具备强大的辅助网页编辑功能，能够方便的制作出精良的网页图形和动画 1.5 网页制作软件 Photoshop 最好的图形图像处理软件，PS功能强大 1.6 网页设计布局 “国”字型 1.6 网页设计布局 拐角型 1.6 网页设计布局 标题正文型 1.6 网页设计布局 框架型 1.6 网页设计布局 封面型 1.6 网页设计布局 Flash型 1.7.1 网页色彩搭配原则 色彩的鲜明性 色彩的独特性 色彩的艺术性 色彩搭配的合理性 1.7.2 网页色彩搭配方法 同种色彩搭配 邻近色彩搭配 对比色彩搭配 暖色色彩搭配 冷色色彩搭配 有主色的混合色彩搭配 文字与网页的背景色对比要突出 1.8 网站开发流程 目标需求分析 需求分析就是分析客户的需求是什么，具有目的性、方向性、决策性 。 网页制作 确定网站主题和名称 网站规划 搜集素材 图片 网页排版 颜色搭配 其他网页制作技巧 1.8 网站开发流程 在Dreamweaver中上传发