第一部分 网页设计与制作基础知识.ppt

网页设计与制作 李超锋 QQ：361730241 E-mail: licfonly@126.com 学习方法 以实践为主，多动手，多讨论。 充分利用课堂时间，在课堂完成内容的入门。 形成对网页设计和制作的兴趣，尝试制作你所见到的每一个网页或网页特效，不局限在课堂的范围之内。 提高自己解决问题的能力！ 第一部分　HTML 网页设计概述 HTML基础 图片 超链接 表格 表单 框架 多媒体 1、网页设计概述 一、基础知识：几个基本概念 WWW 是World Wide Web的缩写，简称Web，中文名“万维网” 是当前Internet上最受欢迎、最为流行、最新的信息检索服务系统 它把Internet上现有的资源连接起来，使用户能够访问Internet上所有站点的超文本媒体资源文档 用户主要通过网页的形式访问WWW 一、基础知识：几个基本概念 HTML 英文全称：Hyper Text MarkUp Language 中文名称：超文本标记语言 一个HTML文件的后缀名是.htm或者是.html 用记事本就可以编写HTML文件 查看HTML源代码的方法 点击鼠标右键，点击View Source(查看源文件)命令 选择浏览器菜单View(查看)中的Source(源文件)命令。 一、基础知识：几个基本概念 HTTP Hypertext Transfer Protocol 超文本传输协议 用于从WWW服务器传输超文本到本地浏览器的传送协议 URL Uniform Resource Locator 统一资源定位器 是一种地址形式，指定协议（如HTTP或FTP）及对象、文档、WWW网页或其它目标在Internet或Intranet上的位置。 一、基础知识：几个基本概念 浏览器（Browser） 可以显示网页服务器或文件系统的HTML文件的内容，并让用户与这些文件交互的一种软件 主要通过HTTP协议与网页服务器交互并获取网页，这些网页由URL指定，文件格式通常为HTML 常用浏览器 IE Firefox，火狐 ，开源 ，体积小速度快 Opera，支持Linux、Mac、Windows，手机浏览器 Maxthon（IE内核），傲游 谷歌浏览器，基于更强大的JavaScript V8引擎 同一个网页在不同浏览器中可能有不同的显示效果，所以在网页设计与制作的过程中不能只考虑在一种浏览器中的显示效果，应尽可能考虑在多种浏览器下的显示效果。 一、基础知识：几个基本概念 静态网页与动态网页 静态网页：纯粹的HTML页面，网页的内容是固定的、不变的，一经编写完成，显示效果就确定 动态网页：内容根据具体情况变化，一般根据网页的输入参数和数据库中内容的变化而变化 可以简单的从文件的扩展名来看一个网页文件是动态网页还是静态网页 静态网页的URL的后缀是.htm、.html、.shtml、.xml等， 动态网页的URL的后缀是.asp、 .aspx、.jsp、.php、.perl、.cgi等 二、常用网页设计技术 HTML CSS：层叠样式表 Javascript：客户端脚本语言 美工在现实的网页设计中占有重要的地位，有兴趣的同学平常注意积累培养自己这方面的能力。 三、常用网页设计工具 Dreamweaver “所见即所得”的可视化网站开发工具 主要用于网页的设计与制作 Fireworks 创建与优化Web图像和快速构建网站与Web界面原型的工具 主要用于编辑矢量图形与位图图像 三、常用网页设计工具 Flash 创作动画 Flash动画是由MacroMedia公司推出的交互式矢量图和Web动画的标准 Photoshop 图像处理软件 主要用于图像编辑、图像合成、校色调色及特将制作等 都是Adobe公司的产品，前三者被称为网页三剑客，以前由MacroMedia公司出品。 四、网站建设流程 需求分析 目标定位：做这个网站干什么？这个网站的主要职能是什么？网站的用户对象是谁？他们用网站干什么？? 用户分析：网站主要用户的特点是什么？他们需要什么？他们厌恶什么？如何针对他们的特点引导他们？如何做? 好用户服务？ 市场前景：网站如同一个企业，它需要能养活自己。这是前提，否则任何惊天动地的目标都是虚无的。??网站的市场结合点在哪里？ 四、网站建设流程 平台规划 内容策划：这个网站要经营那些内容?其中分重点、主要和辅助性内容，这些内容在网站中具有各自的体现形式.内容划分好以后,就进行文字策划(取名) ,把每个内容包装成栏目. 界面策划:结合网站的主题进行风格策划.如色彩包括主色、辅色 、突出色，版式设计包括全局、导航、核心区、内容区、广告区、版权区及板块设计。 网站功能：主要是管理功能和用户功能。管理功能是我们通常说的后台管理，关键是做到管理