网页设计与制作学习背景了解

  1. 云栖社区>
  2. 博客>
  3. 正文

网页设计与制作学习背景了解

codingcoge 2017-09-05 20:55:00 浏览604
展开阅读全文

自己总结的背景小知识
万维网和互联网的关系
简单来说,万维网是互联网的功能之一。
万维网是一个由许多互相链接的超文本组成的系统
,通过互联网访问 通常浏览网页就是在使用万维网,
而邮件、ftp、上qq等就不是在使用万维网,但是在用的是互联网。

制作网站的话
第一步 首先创建一个文件夹 然后里面创建子文件夹 存放制作网页所需的东西
比如img图片啥的 把用到的图片存储在里面 然后直接用相对路径就可以调用
第二部 用DW来制作 站点新建文件 保存到之前创建的文件夹
制作主页的时候 要命名为index
目前 W3C发布的标准有以下内容
HTML4.0 超文本标记语言
XML1.0 可扩展标记语言
CSS2.0
XHTML1.0 可扩展超级文本标记语言
DOM1.0
XML和HTML区别
1.XML的重点是数据内容 是为传输和存储数据而设计的;HTML的重点是数据的外观显示
是为了显示数据而设计的。
2.在HTML中并不是所有的标记都需要成对出现 但是在XML 则要求所有的标记必须成对出现
3.HTML标记不区分大小写,XML则需要区分大小写。

XHTML是在HTML4.0的基础上 用XML的规则对其进行扩展
XHTML和HTML的区别:
1.XHTML的元素必须被正确的嵌套 不能出现交叉 而HTML则可以彼此交叉嵌套
2.XHTML的元素必须被关闭 非空标签必须使用结束标签 而HTML中可以有单都标记
3.XHTML的标签名和属性对大小写敏感 XHTML元素必须小写;而HTML标记不区分大小写;
4.所有的XHTML元素必须被嵌套于根元素中。

图片
格式有三类
1.GIF 最多可以容纳256种颜色 几乎适用于除照片以外的所有图像,他还具有申城简单的动画和透明图像的能力
2.PNG包含256种颜色 支持RGB模式既可以表现任何颜色,品质较高 可以设置透明
3.JPEG可以保存约1670万种颜色 常用语保存图片 除此之外几乎用不到JPEG

由计算机产生的形式简单的图像 首选PNG 儿 色彩丰富的则一定是JPEG 如果颜色不多
且没有渐变 应当使用GIF
GIF 和PNG 都支持透明但是方式并不相同。 GIF只是单纯将某一种或者集中颜色设置为
完全透明 并不考虑与它临近的渐变色的透明度 如果要透明GIF 有必要将画布颜色设置
为与目标效果的背景颜色相同或者相近
PNG还可以涉及为半透明
动画 又Flash和GIF GIF文件小 无需插件支持 可以灾任何旧式的或者现代的浏览器播放

网站开发流程
1
域名空间 后缀一般都是.com和.cn 域名购买完后 当访问域名时就直接进入虚拟主机空间
的网站
2
规划设计
3
制作建设 建站主要分为前台和后台 前台是网站的版式 后台较为复杂 用程序整合前台
并且完成需要的功能 这个需要编写较为复杂的程序
4
测试发布
5
维护推广

新建站点的站点名称可以是中文 但是本地站点文件夹以下的子目录不能中文

DW的站点导入和导出
导出点击站点的管理站点 导出当前选定的站点 保存成ste格式文件
导入也是如此
需要注意的是 单独传给别人ste会出现缺少根文件的问题
所以 ste要和根文件放在一起传送给别人
第一个网页也就是首页的名称 要index命名
管理站点:
需要建立多个文件夹对网站文件进行统一管理
例如 将网站中的图像文件放在images文件夹中 将网页样式文件放在style文件夹中
将Flash动画文件放在swf文件夹中 将JavaScript脚本文件放在js文件夹中

一个根文件夹可以对应多个站点 意思是 多个站点都可以用同一个根文件夹而不影响

网友评论

登录后评论
0/500
评论
codingcoge
+ 关注