网页网站笔记1102

《网页设计笔记》目录《网页设计笔记》 .................................................................................

《网页设计笔记》

目录

《网页设计笔记》 .......................................................................................................................... 1

目录 .................................................................................................................................................. 1

第一章：网页设计基础知识........................................................................................................... 2

1、Internet 是网络集合、网络是计算机和相关设备集合 . ................................................... 2

2、Internet 的发展 .................................................................................................................. 2

3、Web 网页 ............................................................................................................................ 2

4、URL （Uniform Resource Locator）统一资源定位符 . ..................................................... 2

5、网页、网站和主页 . ............................................................................................................ 3

6、静态网页和动态网页 . ........................................................................................................ 3

7、域名和IP 地址 ................................................................................................................... 4

8、网站制作工具 . .................................................................................................................... 4

9、网站开发步骤 . .................................................................................................................... 5

10、HTML ............................................................................................................................... 5

11、网站发布 . .......................................................................................................................... 6

第二章 站点的创建与管理 . ............................................................................................................ 8

1、网页开发工具：Dreamweaver .......................................................................................... 8

2、站点的建立 . ........................................................................................................................ 8

1、新建页面”求职简历.html” . .............................................................................................. 10

2、制作页面 . .......................................................................................................................... 10

第四章 使用多媒体 ...................................................................................................................... 12

1、使用图像 . .......................................................................................................................... 12

(1)图像有两种类型：位图，矢量 ................................................................................ 12

(2) 位图的三种样式 ...................................................................................................... 12

（3）实现“映射图像” . .............................................................................................. 13

(4)实现“轮换图像” .................................................................................................... 13

(5)实现“Flash 相册”(不能使用Gif 格式) . ................................................................ 14

(6)、常用图像滤镜 ........................................................................................................ 15

第一章：网页设计基础知识

1、Internet 是网络集合、网络是计算机和相关设备集合 联网的设备：交换机、路由器、防火墙、双绞线、光纤 连网的目的：资源共享…

协议(Protocol)：联网设备的约定

TCP ，IP ，HTTP

2、Internet 的发展

1969 计算机的产生 ENIAC 1946

ARPAnet(阿帕网)

3、Web 网页

Network 网络

服务器(Server)，客户机(Client)，浏览器(Browser) 浏览器的作用：把收到的HTML 转换成网页效果 常用的浏览器：Internet Explorer、FireFox(火孤)

360安全浏览器、谷歌、TheWorld 。 扩展：目前软件开发模式

(1) 单机模式

(2) C/S（开发两端：服务器端程序，客户机端程序）

(3) B/S（网站模式，只开发服务器端）

4、URL （Uniform Resource Locator）统一资源定位符 资源：网页、图片、视频、音频等网页素材

作用：统一的地址标识方法

格式：协议名 :// 主机名(域名或IP)[/文件夹名][/文件名] 课后作业：巴科斯范式

常用协议：

HTTP(H yper T ext T ransmission/Transfer/Transport P rotocol) FTP(File Transfer Protocol)文件传输协议，上传下载 MailTo 发邮件

mailto 后一般不用// 格式mailto:邮箱地址

扩展：Outlook 和Foxmail 两个邮件管理软件

5、网页、网站和主页

网页：构建WWW 的基本单位，是各种网页元素(如文字、图片、声音、视频等) 的集合

网站：一组有逻辑关系的网页，通过超链接互联起来集合 主页：网站的第一个网页，首页。一般以Index(Default)作为文件名。如index.html ，index.htm ，

index. asp ，index. php ，index. jsp ，index. aspx

6、静态网页和动态网页

静态网页：内容是固定的，一般用HTML 语言编写 HTML(HyperText Markup Language)

网页文件后缀.html ，.htm

动态网页：服务器在接收到用户请求时，的页面。网页内容会变化。

常用的动态网页技术：ASP ，JSP ，PHP ，ASP.net

7、域名和IP 地址

IP 地址：在网络上设备（计算机，路由器，防火墙）的地址表示方式

目前常用的IP(Internet Protocol)是IPv4，用32位二进制表示。

10100001 11110001 10010001 11110011

二进制表示适合计算机处理，但人不好用，所以表示为点分十进制形式，把32位分成4组，每组转化为十进制方式表示。

扩展：打开计算器 Win R→calc

161.241.145.243

点分十进制形式但不好记，没有意义，所以产生了域名 如:www.baidu.com,www.bsnc.cn

查看本机IP 地址的方式：

(1) 双击任务栏右下角“本地连接图标”→支持

(2) Win R→cmd(全屏Alt Enter)→ip config

Exit 退出

查看已知域名的IP 地址

(1) Win R→cmd →Ping <域名|IP>

如查看百度的IP ： ping

8、网站制作工具

(1)网页编辑工具

a) 标记型：记事本，Ultraedit (完全写代码)

b) 所见即所得型（What You See is What you Get ）：Dreamweaver(可视化类型)

(2)图像处理：Photoshop ，Fireworks

(3)动画制作：Flash

(4)视频、音频制作：会声会影，Premiere

9、网站开发步骤

(1)规划：需求→需求分析（用户如果描述，可以让对方提出参考网站）→功能定义和界面定义→签订合同 规划阶段需要开发人员和客户进行详细的沟通

(2)设计：对功能和界面的细化，也需要征求客户意见。

(3)开发：功能和界面实现

(4)发布：申请域名和空间→上传

(5)维护：培训管理员来做，内容更新，功能扩展

10、HTML

作业：P4,8,9,12

例1：建文件夹→显示后缀→新建文本文件，改名为ch1_01.htm→用记事本打开→按P4页录入，除汉字外，其它为英文状态

Preformated 预格式化
              ,
块
 Unorder List无序列表
 Order List有序列表
List Item 列表元素
11、网站发布
(网站已做好，并测试完成)
(1)申请域名和空间
a. 以万网为例（www.net.cn ）-->查询想要的域名是否已被注册-->注册-->得到一个域名管理帐号
b. 再申请空间 得到一个空间的FTP 管理权限
（地址，用户名，密码）
c. 把域名和空间进行绑定
使用免费的（）
缺点：域名不可选，服务不保障
记录注册信息：
网址
用户名：bsxy10jj
密码：123456
记录域名和空间信息：
域名：33224.u5u5.info
绑定：dsj.u5u5.info
              ,
FTP 地址：174.128.236.182       FTP 用户名：33224       FTP 密码：123456
扩展：查看IP 地址所属的区域     www.ip138.com
(2)FTP的使用
a. 把主页改名：index.htm    b. 连接FTP
A. 用IE 连
B. 用FTP 工具连
格式：   ftp://地址
c. 上传网站文件(复制 粘贴)    d. 网上测试
作业：完成免费空间的申请
              ,
第二章 站点的创建与管理
1、网页开发工具：Dreamweaver
公司：早期Macromedia 后来Adode
最新版：Adobe Dreamweaver CS4
常用的：Macromedia Dreamweaver 8 (建议)
网页三剑客(Macromedia)：Dreamweaver ，Fireworks ，Flash    菜单栏的快捷键用Alt 字母
面板
2、站点的建立
(1)为什么要建站点
a. 便于网站素材的管理
b. 便于网站的批量更新
c. 便于网站的发布与维护
(2)怎样建站点
a. 规划网站存储位置(建议在U 盘上)
如：G:web
b. 在DW 中创建
站点→新建站点→名字用于标识，URL 可以空→否→  默认，位置指向规划好的文件夹→无→完成
(3)创建网页
文件→新建→基本页→HTML ，
立即保存（防止掉电丢失，方便调用其它素材）
              ,
文件名上有*号，表示修改过没存盘
建议网页名用英文字母，数字，不要有空格
扩展：微软编程语言
1998年左右：
Visual C      (VC)
Visual Studio 6.0   Visual Basic    (VB)
Visual FoxPro   (VFP)程序 数据库 后来：
Visual C   .Net
Visual Studio .Net Visual Basic .Net
Visual C#.Net  #(sharp)
单机→C/S→B/S（网站模式）
              ,
第三章 制作文本页面
1、新建页面”求职简历.html ”
2、制作页面
（1）修改标题
（2）改背景(页面属性)
扩展：三基色（RGB ）
（3）文字格式设置(文本菜单/属性面板)
字体列表(如果没有，用下一个)
大小：数值 单位（建议用像素）
相对大小
(4)插入日期时间(不是动态的，是文件修改时)      插入→日期
(5)插入水平线
插入→HTML →水平线
（6）插入表格
插入→表格
宽度：像素、百分比
固定大小的用像素，变动的用百分比
(7)制作列表(无序，有序—多级)
无序：输入→选中→文本→列表→项目列表
有序—多级：全部录入（不带编号）→选中→文本→列表→编号列表→用Tab 分级(Shift)