《网页设计自学第一步.docVIP

课题一：网页设计基础 内容提要 网页设计概述 网页设计的相关术语 网页设计师具备的素质 解析HTML代码 IIS服务器的安装与配置 学习重点 HTML的基本结构 IIS服务器的安装与配置 一、网页设计概述 网页的概念 网页的构成元素 网页设计的流程 1.网页的概念 静态网页（.htm、.html、.shtml、xml等） 特点 静态网页的每个页面都有一个固定的 URL 网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，每个网页都是一个独立的文件。 静态网页的内容相对稳定，因此容易被有哪些信誉好的足球投注网站引擎检索。 静态网页的交互性较差，在功能方面有较大的限制。 静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时，完全依靠静态网页制作方式比较困难。 静态网页也可以实现各种动态效果。如 GIF 动画、 Flash 动画等，但是这些“动态”效果只是视觉上的。 动态网页 采用动态网站技术生成的网页都称为动态网页，文件扩展名.asp、.jsp、.php、.perl或cgi 等，动态网页的网址中有一个标志性的符号 ― “ ? ” 。 例如： http：///AIYANI/hospitall.asp?ID=264 动态网页可以只包含纯文本，也可以包含各种动态效果和动画，但这些只是网页具体内容的表现形式，并不是判断网页是否为动态网页的标准。 动态网页的特点 带动态网页页面没有固定的 URL 。 动态网页是以数据库技术为基础的，页面内容更新比较方便，这样可以大大降低网站维护的工作量。 采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等。 动态网页并不是保存在服务器上的网页文件，而是当用户向服务器发出请求时，由服务器自动生成的页面。 采用动态网页技术的网站在进行有哪些信誉好的足球投注网站引擎推广时，需要做一定的技术处理才能适应有哪些信誉好的足球投注网站引擎的要求。 静态网页与动态网页的区别 2.网页的构成元素 文字：字体、字号、行距 图形：图形按钮、背景图像 多媒体：音频、视频、动画 3.网页设计的流程 前期准备 确定要使用的工具 整体构思 准备素材 页面制作 制作首页 制作第1个二级页面 制作其余的二级页面 制作第2个三级页面 制作其余的三级页面 测试整理 二、网页设计的相关术语 横幅广告（Banner） 超文本(Hypertext) 超文本链接标示语言(HTML) 统一资源定位器(URL) 层叠式样式表(CSS) 带宽(Band Width) Cookie 表单(Forms) 文件传输协议(FTP) 可交换的图像文件格式(GIF) 主页(Home Page) 主机(HOST) 图像映射(Image Map) 联合图像专家组(JPEG) 链接(Links) 标识(Logo) META标签 多媒体 网站导航(Navigation) 可移植文档格式插件(PDF) 插件（Plug-In） 三、网页设计师具备的素质 良好的艺术鉴赏力和一定的美术功底 熟练应用网页设计软件 丰富的网络经验 了解必威体育精装版的网络技术与发展动态 1.主体体现以下几个方面 精通Photoshop、Flash、Dreamweaver、Fireworks等网页制作开发软件。 能熟练设计、制作Flash动画。 了解CSS、HTML语言，能够做好前后台的页面与程序的衔接。 有网站设计制作经验，熟悉网站建立流程，能根据不同的网站内容，确定设计的凤格（有一定的美术基础）。 对网页设计的艺术性和功能性有较深理解，如对色彩的感觉（网页配色），具有出色的艺术设计能力和WEB页面表现力。 高审美、高创意、想象力丰富、注重细节，对网页布局能合理把握，并了解各类网页设计的概念及趋势。 2.网页设计师必备的知识结构 3.本学期学习的知识点 4.作品展示-购物网站-企业形象页（DW ） Photoshop页面设计 FLASH广告设计 美容类整站（首页）-（DW+FLASH+PS） 四、解析HTML代码 1.HTML基本结构 html HTML语言标志 语法：html文本/html html贯穿整个文档，即文档的第1个标识是html，最后一个标识是/html，这说明文档的内容是用HTML语言编写的。 head 头部 语法： head文本/head 内容：文本信息和特殊代码。 body 主体部分 语法： body文本 /body 内容：具体呈现在网页上的内容。 2.常用标识符 a 链接标识 语法： a文本/a form 表单标识 br 行中断标识 单向标识 font 文本标识 语法：font /font table 表格标识 语法：table表格内容/table img 图像标识 举例: html head title※〓→