网页设计自学第一步.docVIP

PAGE6

PAGE5

课题一：网页设计基础

内容提要

网页设计概述

网页设计的相关术语

网页设计师具备的素质

解析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.网页设计的流程

前期准备

确定要使用的工具

整体构思

准备素材

页面制作

br行中断标识

单向标识

font文本标识

语法：font/font

table表格标识

语法：table表格内容/table

img图像标识

举例:

html

head

title※〓→我的第一个网页←〓※/title

/head

bodybgcolor=#336699

fontsize=16color=red我的第一个网页!/font

br

imgheight=150src=电影狂想曲.jpg

/body

/html

3.颜色代码：

R(红red):#FF0000

G(绿green):#00FF00

B(蓝blue):#0000FF

C(青Cyan):#00FFFF

M(洋红magenta):#FF00FF

Y(黄yellow):#FFFF00

黑：#000000

白：#FFFFFF

五、IIS服务器的安装、管理及配置

IIS服务器的安装

IIS服务器的管理

IIS服务器的配置

1.IIS服务器的安装

在【控制面板】→【添加/删除程序】→【添加/删除Windows组件】

在“Windows组件向导”里勾选“Internet信息服务(IIS)”，按“下一步”,开始安装IIS。

开始安装IIS，会提示“插入磁盘”，选择I386的正确路径，按提示安装，直到安装完成！

2.IIS服务器的管理

鼠标右键点击桌面【我的电脑】，弹出快捷菜单，选择【管理】

弹出计算机管理对话框，列表中显示了IIS相关的信息，如：FTP、SETP服务等。

选择【服务】→【IISAdminService】弹出下列对话框，可以对红色框内的内容进行设计来调节IIS服务状态

选择【服务】→【IISAdminService】弹出下列对话框，可以对红色框内的内容进行设计来调节IIS服务状态。

3.IIS服务器的配置

从【控制面板】→【管理工具】→【Internet信息服务】→【默认网站】→【属性】

对网站进行配置

IP地址：本机IP

TCP端口：80

其他设置默认

配置主目录

本地路径：站点文件夹的位置

其他设置默认

设置文档

默认文档：

index.html

index.asp