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

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

自己总结的背景小知识
万维网和互联网的关系
简单来说,万维网是互联网的功能之一。
万维网是一个由许多互相链接的超文本组成的系统
,通过互联网访问 通常浏览网页就是在使用万维网,
而邮件、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文件夹中

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

目录
相关文章
|
前端开发 JavaScript
网页设计与制作
网页设计与制作
163 0
|
移动开发 前端开发 HTML5
酷站设计:25个喜庆的红色风格网页设计作品
  这篇文章给大家带来25个喜庆的红色风格网页设计作品。红色是生命、活力、健康、热情、朝气、欢乐的象征。由于 红色在可见光谱中光波最长,所以最为醒目,给人视觉上一种迫近 感和扩张感,容易引发兴奋、激动、紧张的情绪。
857 0
|
HTML5 移动开发 前端开发
经典网页设计:12个使用醒目色彩的网站作品示例
  在网页设计中使用醒目的色彩,无疑是让您的网站彰显个性并获得的注意力的一个很好的方式。正确的使用颜色组合是一个挑战,但做得好的话可以有很大的影响。这里收集了12个美丽的使用醒目色彩的网站作品示例,设计师们并不避讳使用一些大胆和鲜艳的色彩,相信能带给你一些灵感。
952 0
|
移动开发 前端开发 HTML5
案例分享:20佳应用大图片背景的优秀网站作品
  使用大图片背景是定义网站基调和风格的一种简单方式,使用这种设计的网站越来越多。为了让大背景图片能够和网站的其它内容很好的融合在一起,你需要考虑很多事情,否则可能会导致网站内容杂乱无章,反而适得其反。
782 0
|
移动开发 前端开发 HTML5
前端视界:2012年度最独特的网页设计作品展示《下篇》
  2012年对于网页设计领域来说是非常有趣的一年,响应式设计的流行孕育了辉煌的重新设计:巧妙的布局、清晰的排版和强烈的色彩对比。下面分享一组独特的网页设计作品,这并不是一个完整的集合,只是众多优秀网页作品的代表。
832 0
|
前端开发 HTML5 移动开发
前端视界:2012年度最独特的网页设计作品展示《上篇》
  2012年对于网页设计领域来说是非常有趣的一年,响应式设计的流行孕育了辉煌的重新设计:巧妙的布局、清晰的排版和强烈的色彩对比。下面分享一组独特的网页设计作品,这并不是一个完整的集合,只是众多优秀网页作品的代表。
828 0
|
前端开发 HTML5 移动开发
经典网页设计:15个使用网格系统的精美网站作品
  网格系统是一个非常好的方案,能够给网站带来清晰的结构,平衡网站的内容布局。对于网页设计和制作人员来说,网格系统能够帮助他们更加轻松的组织页面内容。今天这篇文章收集了15个应用网格系统(Grid System)进行设计和制作的优秀网站案例,分享给大家作为学习和参考的范例。
1060 0
|
前端开发
经典网页设计:25个精美的全屏背景网站设计作品
  在网页中使用精美的全屏背景能给访客浏览深刻的印象,带给访客震撼的视觉感受。当然,大尺寸的图片用在网站中也会有加载缓慢的问题,不过使用全屏背景仍然是一个非常不错的方式。今天这篇文章收集了25个非常精美的全屏背景网站设计作品分享给大家,希望能带给你灵感。
1035 0
|
前端开发
学习在网页中应用大图片背景的20个精美案例
  定义网站基调和风格的一种简单方式就是使用大图片背景(Big Background Image),在使用这种大图片的时候,为了让大背景图片能够和网站的其它内容很好的融合在一起,你需要考虑很多事情,否则可能会导致网站内容杂乱,难以导航。
605 0
|
移动开发 前端开发 JavaScript
应用纹理背景的优秀网站设计作品【上篇】
  纹理是网页设计中重要的视觉元素,常用作网站的大背景。漂亮的纹理背景可以让你的网站看起来更加优雅时髦,如果能和页面的其它组成部分融合成整体那就能让网站更有吸引力。今天这篇文字向大家分享46个充满吸引力的应用纹理背景的网页作品,希望这些优秀的网站作品能带给你灵感。
744 0