《网设计自学第一步》由会员分享，可在线阅读，更多相关《网设计自学第一步（7页珍藏版）》请在金锄头文库上搜索。
1、课题一：网页设计基本内容提纲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 静态网
2、页的交互性较差，在功能方面有较大的限制。n 静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时，完全依托静态网页制作方式比较困难。n 静态网页也可以实现多种动态效果。如 GIF 动画、 Flash 动画等，但是这些“动态”效果只是视觉上的。动态网页v 采用动态网站技术生成的网页都称为动态网页，文献扩展名.asp、.jsp、.php、.perl或cgi 等，动态网页的网址中有一种标志性的符号 “ ? ” 。n 例如： http：/.com/AIYANI/hospitall.asp?ID=264 v 动态网页可以只涉及纯文本，也可以涉及多种动态效果和动画，但这些只是网
3、页具体内容的体现形式，并不是判断网页与否为动态网页的原则。动态网页的特点v 带动态网页页面没有固定的 URL 。v 动态网页是以数据库技术为基本的，页面内容更新比较以便，这样可以大大减少网站维护的工作量。v 采用动态网页技术的网站可以实现更多的功能，如顾客注册、顾客登录、在线调查、顾客管理、订单管理等。v 动态网页并不是保存在服务器上的网页文献，而是当顾客向服务器发出祈求时，由服务器自动生成的页面。v 采用动态网页技术的网站在进行搜索引擎推广时，需要做一定的技术解决才干适应搜索引擎的规定。静态网页与动态网页的区别2.网页的构成元素l 文字：字体、字号、行距l 图形：图形按钮、背景图像l 多媒体
4、：音频、视频、动画3.网页设计的流程v 前期准备n 拟定要使用的工具n 整体构思n 准备素材v 页面制作n 制作首页n 制作第1个二级页面n 制作其他的二级页面n 制作第2个三级页面n 制作其他的三级页面v 测试整顿二、网页设计的有关术语v 横幅广告（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)
5、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 有网站设计制作经验，熟悉网站建立流程，能根据
6、不同的网站内容，拟定设计的凤格（有一定的美术基本）。v 对网页设计的艺术性和功能性有较深理解，如对色彩的感觉（网页配色），具有杰出的艺术设计能力和WEB页面体现力。v 高审美、高创意、想象力丰富、注重细节，对网页布局能合理把握，并理解各类网页设计的概念及趋势。2.网页设计师必备的知识构造3.本学期学习的知识点4.作品展示-购物网站-公司形象页（DW ）Photoshop页面设计FLASH广告设计美容类整站（首页）-（DW+FLASH+PS）四、解析HTML代码1.HTML基本构造v HTML语言标志 n 语法：文本n 贯穿整个文档，即文档的第1个标记是，最后一种标记是，这阐明文档的内容是用HT
7、ML语言编写的。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 黑：#00000
8、0v 白：#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 从【控制面板】【管理工具】【Internet信息服务】【默认网站】【属性】v 对网站进行配备n IP地址：本机IPn TCP端口：80n 其她设立默认v 配备主目录n 本地途径：站点文献夹的位置n 其她设立默认v 设立文档n 默认文档：n index.htmln index.asp
