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

简介: 自己总结的背景小知识 万维网和互联网的关系 简单来说,万维网是互联网的功能之一。 万维网是一个由许多互相链接的超文本组成的系统 ,通过互联网访问 通常浏览网页就是在使用万维网, 而邮件、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
网页设计与制作
网页设计与制作
168 0
|
移动开发 前端开发 HTML5
精美照片在网页设计中的13个优秀应用案例
  俗话说“一张图片胜过千言万语”,我很赞同照片在网页中能够传达给我们更深的含义。令人欣慰的是,很多网页设计师也同意这种说法,特别是使用大尺寸而且漂亮的照片在网页布局中。从巨大的背景图片到大的缩略图,我们有很多不同的例子向您展示图像如何创造与观众的情感联系,同时抓住他们的注意力。
753 0
|
HTML5 移动开发 前端开发
经典网页设计:12个使用醒目色彩的网站作品示例
  在网页设计中使用醒目的色彩,无疑是让您的网站彰显个性并获得的注意力的一个很好的方式。正确的使用颜色组合是一个挑战,但做得好的话可以有很大的影响。这里收集了12个美丽的使用醒目色彩的网站作品示例,设计师们并不避讳使用一些大胆和鲜艳的色彩,相信能带给你一些灵感。
952 0
|
移动开发 前端开发 HTML5
案例分享:20佳应用大图片背景的优秀网站作品
  使用大图片背景是定义网站基调和风格的一种简单方式,使用这种设计的网站越来越多。为了让大背景图片能够和网站的其它内容很好的融合在一起,你需要考虑很多事情,否则可能会导致网站内容杂乱无章,反而适得其反。
782 0
|
前端开发 HTML5 移动开发
经典网页设计:15个使用网格系统的精美网站作品
  网格系统是一个非常好的方案,能够给网站带来清晰的结构,平衡网站的内容布局。对于网页设计和制作人员来说,网格系统能够帮助他们更加轻松的组织页面内容。今天这篇文章收集了15个应用网格系统(Grid System)进行设计和制作的优秀网站案例,分享给大家作为学习和参考的范例。
1061 0
|
前端开发
经典网页设计:25个精美的全屏背景网站设计作品
  在网页中使用精美的全屏背景能给访客浏览深刻的印象,带给访客震撼的视觉感受。当然,大尺寸的图片用在网站中也会有加载缓慢的问题,不过使用全屏背景仍然是一个非常不错的方式。今天这篇文章收集了25个非常精美的全屏背景网站设计作品分享给大家,希望能带给你灵感。
1035 0
|
UED 前端开发
优秀网页设计:图标在网页设计中应用的20佳案例
  图标是具有指代意义的具有标识性质的图形,它不仅是一种图形,更是一种标识,它具有高度浓缩并快捷传达信息、便于记忆的特性。在网页中,图标是非常重要的组成部分,合理使用图标能够增强网站的用户体验。下面收集了20佳优秀的应用图标的网站案例,希望能带给您灵感。
840 0
|
前端开发
学习在网页中应用大图片背景的20个精美案例
  定义网站基调和风格的一种简单方式就是使用大图片背景(Big Background Image),在使用这种大图片的时候,为了让大背景图片能够和网站的其它内容很好的融合在一起,你需要考虑很多事情,否则可能会导致网站内容杂乱,难以导航。
605 0
46个充满吸引力的纹理背景网页作品(下篇)
  纹理是网页设计中非常有用的视觉元素,常用于网站背景。漂亮的纹理背景可以让你的网站看起来更加优雅时髦,如果能和页面的其它组成部分融合成整体那就能让网站更有吸引力。今天,本文与大家分享纹理背景在网页设计中应用的30个优秀案例,希望能带给你灵感。
747 0
|
移动开发 前端开发 JavaScript
应用纹理背景的优秀网站设计作品【上篇】
  纹理是网页设计中重要的视觉元素,常用作网站的大背景。漂亮的纹理背景可以让你的网站看起来更加优雅时髦,如果能和页面的其它组成部分融合成整体那就能让网站更有吸引力。今天这篇文字向大家分享46个充满吸引力的应用纹理背景的网页作品,希望这些优秀的网站作品能带给你灵感。
744 0