网页设计自学第一步.doc

课题一：网页设计基础内容提要1. 网页设计概述2. 网页设计的相关术语3. 网页设计师具备的素质4. 解析HTML代码5. IIS服务器的安装与配置学习重点1. HTML的基本结构2. IIS服务器的安装与配置一、网页设计概述1. 网页的概念2. 网页的构成元素3. 网页设计的流程1.网页的概念v 静态网页（.htm、.html、.shtml、xml等）n 特点n 静态网页的每个页面都有一个固定的 URL n 网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，每个网页都是一个独立的文件。n 静态网页的内容相对稳定，因此容易被搜索引擎检索。n 静态网页的交互性较差，在功能方面有较大的限制。n 静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时，完全依靠静态网页制作方式比较困难。n 静态网页也可以实现各种动态效果。如 GIF 动画、 Flash 动画等，但是这些“动态”效果只是视觉上的。动态网页v 采用动态网站技术生成的网页都称为动态网页，文件扩展名.asp、.jsp、.php、.perl或cgi 等，动态网页的网址中有一个标志性的符号 “ ? ” 。n 例如： http：//AIYANI/hospitall.asp?ID=264 v 动态网页可以只包含纯文本，也可以包含各种动态效果和动画，但这些只是网页具体内容的表现形式，并不是判断网页是否为动态网页的标准。动态网页的特点v 带动态网页页面没有固定的 URL 。v 动态网页是以数据库技术为基础的，页面内容更新比较方便，这样可以大大降低网站维护的工作量。v 采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等。v 动态网页并不是保存在服务器上的网页文件，而是当用户向服务器发出请求时，由服务器自动生成的页面。v 采用动态网页技术的网站在进行搜索引擎推广时，需要做一定的技术处理才能适应搜索引擎的要求。静态网页与动态网页的区别2.网页的构成元素l 文字：字体、字号、行距l 图形：图形按钮、背景图像l 多媒体：音频、视频、动画3.网页设计的流程v 前期准备n 确定要使用的工具n 整体构思n 准备素材v 页面制作n 制作首页n 制作第1个二级页面n 制作其余的二级页面n 制作第2个三级页面n 制作其余的三级页面v 测试整理二、网页设计的相关术语6v 横幅广告（Banner）v 超文本(Hypertext)v 超文本链接标示语言(HTML)v 统一资源定位器(URL)v 层叠式样式表(CSS)v 带宽(Band Width)v Cookiev 表单(Forms)v 文件传输协议(FTP)v 可交换的图像文件格式(GIF)v 主页(Home Page)v 主机(HOST)v 图像映射(Image Map)v 联合图像专家组(JPEG)v 链接(Links)v 标识(Logo)v META标签v 多媒体v 网站导航(Navigation)v 可移植文档格式插件(PDF)v 插件（Plug-In）三、网页设计师具备的素质v 良好的艺术鉴赏力和一定的美术功底v 熟练应用网页设计软件v 丰富的网络经验v 了解最新的网络技术与发展动态1.主体体现以下几个方面v 精通Photoshop、Flash、Dreamweaver、Fireworks等网页制作开发软件。v 能熟练设计、制作Flash动画。v 了解CSS、HTML语言，能够做好前后台的页面与程序的衔接。v 有网站设计制作经验，熟悉网站建立流程，能根据不同的网站内容，确定设计的凤格（有一定的美术基础）。v 对网页设计的艺术性和功能性有较深理解，如对色彩的感觉（网页配色），具有出色的艺术设计能力和WEB页面表现力。v 高审美、高创意、想象力丰富、注重细节，对网页布局能合理把握，并了解各类网页设计的概念及趋势。2.网页设计师必备的知识结构3.本学期学习的知识点4.作品展示-购物网站-企业形象页（DW ）Photoshop页面设计FLASH广告设计美容类整站（首页）-（DW+FLASH+PS）四、解析HTML代码1.HTML基本结构v HTML语言标志 n 语法：文本n 贯穿整个文档，即文档的第1个标识是，最后一个标识是，这说明文档的内容是用HTML语言编写的。v 头部n 语法： 文本n 内容：文本信息和特殊代码。v 主体部分n 语法： 文本 n 内容：具体呈现在网页上的内容。2.常用标识符v 链接标识v 语法： 文本v 表单标识v 行中断标识v 单向标识v 文本标识v 语法： v 表格标识v 语法：表格内容v 图像标识举例: 我的第一个网页 我的第一个网页! 3.颜色代码：v R (红red):#FF0000v G (绿green):#00FF00 v B (蓝blue):#0000FF v C (青Cyan):#00FFFFv M (洋红magenta):#FF00FFv Y (黄yellow):#FFFF00v 黑：#000000v 白：#FFFFFF五、IIS服务器的安装、管理及配置v IIS服务器的安装v IIS服务器的管理v IIS服务器的配置1.IIS服务器的安装v 在【控制面板】【添加/删除程序】【添加/删除Windows组件】v 在“Windows 组件向导”里勾选“Internet 信息服务(IIS)”，按“下一步”,开始安装IIS。v 开始安装IIS，会提示“插入磁盘”，选择I386的正确路径，按提示安装，直到安装完成！ 2.IIS服务器的管理v 鼠标右键点击桌面【我的电脑】，弹出快捷菜单，选择【管理】v 弹出计算机管理对话框，列表中显示了IIS相关的信息，如：FTP、SETP服务等。v 选择【服务】【IIS Admin Service】弹出下列对话框，可以对红色框内的内容进行设计来调节IIS服务状态v 选择【服务】【IIS Admin Service】弹出下列对话框，可以对红色框内的内容进行设计来调节IIS服务状态。 3.IIS服务器的配置v 从【控制面板】【