网页设计自学第一步.docx
- 文档编号:9425105
- 上传时间:2023-05-19
- 格式:DOCX
- 页数:8
- 大小:48.21KB
网页设计自学第一步.docx
《网页设计自学第一步.docx》由会员分享,可在线阅读,更多相关《网页设计自学第一步.docx(8页珍藏版)》请在冰点文库上搜索。
网页设计自学第一步
网页设计自学第一步
课题一:
网页设计基础
内容提要
1.网页设计概述
2.网页设计的相关术语
3.网页设计师具备的素质
4.解析HTML代码
5.IIS服务器的安装与配置
学习重点
1.HTML的基本结构
2.IIS服务器的安装与配置
一、网页设计概述
1.网页的概念
2.网页的构成元素
3.网页设计的流程
1.网页的概念
v静态网页(.htm、.html、.shtml、xml等)
⏹特点
⏹静态网页的每个页面都有一个固定的URL
⏹网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,每个网页都是一个独立的文
⏹
⏹动态网页并不是保存在服务器上的网页文件,而是当用户向服务器发出请求时,由服务器自动生成的页面。
v采用动态网页技术的网站在进行搜索引擎推广时,需要做一定的技术处理才能适应搜索引擎的要求。
静态网页与动态网页的区别
2.网页的构成元素
●文字:
字体、字号、行距
●图形:
图形按钮、背景图像
●多媒体:
音频、视频、动画
3.网页设计的流程
v前期准备
⏹确定要使用的工具
⏹整体构思
⏹准备素材
v页面制作
⏹制作首页
⏹制作第1个二级页面
⏹制作其余的二级页面
⏹制作第2个三级页面
⏹制作其余的三级页面
v测试整理
二、网页设计的相关术语
v横幅广告(Banner)
v超文本(Hypertext)
v超文本链接标示语言(HTML)
v统一资源定位器(URL)
v层叠式样式表(CSS)
v带宽(BandWidth)
vCookie
v表单(Forms)
v文件传输协议(FTP)
v可交换的图像文件格式(GIF)
v主页(HomePage)
v主机(HOST)
v图像映射(ImageMap)
v联合图像专家组(JPEG)
v链接(Links)
v标识(Logo)
vMETA标签
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基本结构
vHTML语言标志
⏹语法:
文本
⏹贯穿整个文档,即文档的第1个标识是,最后一个标识是,这说明文档的内容是用HTML语言编写的。
v
头部⏹语法:
文本⏹内容:
文本信息和特殊代码。
v
主体部分⏹语法:
文本⏹内容:
具体呈现在网页上的内容。
2.常用标识符
v链接标识
v语法:
v