第一章：网页设计入门
zhangliang
·
11个月前 (11-08)
网站制作的流程：
客户需求-策划方案-网站开发-网站测试-网站使用-网站售后
URL网址解析，URL统一资源定位符
网页地址：英文全称Uniform Resource Locator 简称URL
URL组成：http://为传输协议 www为World Wide Web
网站有网页组成，分为结构HTML和样式CSS
修改文件的扩展名，在文件夹顶部的 查看 文件扩展名 进行设置，文本即可修改类型
什么是HTML？
HTML英文释义：HyperText Markup Language
HyperText为超文本 Markup为标记 Language语言
超文本就是用超链接的方法，将不同信息组织在一起的网状文本；
标记用来区分网页的不同的部分，比如文字、图片等、
HTML是描述网页的超文本标记语言。
互联网之父，蒂姆伯纳斯李 1991年便携的一份“html标签”文档，1993年菜案发布第一版，19995年html2.0，2014年html5
网页设计软件：sublime_text
<!DOCTYPE html>声明文档类型（使用规范）
<html>网页开始
<head>头部
<meta charset="UTF-8">定义语言字符编码
<title>我的世界</title>网页标题
</head>
<boy>主体（书写页面显示的内容）
</body>
</html>
在屏幕上书写一个“!”在英文状态下，按Tab，自动补全代码
标签的特点：
由尖括号包围，用/闭合
双标签可以放内容
标签不区分大小写
成对出现的称为双标签
语法结构：<标签名></标签名>
单个出现的称为单标签
语法结构：<标签名/>
如何建立Web站点？
Web站点：
站点本质是一个文件夹
一个站点由若干文件组成
文件根据格式分类存放，便于统筹管理
文件夹：
html（存放html文档）
css（存放css文件）
images（存放图片）
Web站点结构命名：
1.网站首页命名一般是index或default
2.index索引的意思 default默认的意思
3.这是一种网页制作人员的默认规范
其他文件或文件夹的命名：
*只能是字母，数字，下划线
*不能是中文
*不能以数字开头
*见名知义（以最少的字母达到最容易理解的意义）
站点的基本创建：
index.html
default.html
css文件夹中包含style.css
html文件夹包括about.html，server.html，product.html
images文件夹包括jpg，png，gif
图像处理可以使用Photoshop图像处理软件
三个PS工具：选取工具、切片工具、吸管工具
用选取工具可以得到图片示例图的宽度width和高度height的值
PS可以用快捷键Ctrl+K首选项用单位标尺像素进行图片的查看
图片用切片小工具进行切图选择自己所需的
jpg：颜色丰富、文件小、有损压缩
png：支持透明、文件大、无损压缩
gif：支持动画、支持透明、最多存储256种颜色
颜色的表示方式：
RGB：
rgb（rde，green，blue）：每一项0-255变化，全0为黑，全255为白
rgb（0,0,0,）黑色
rgb（255,0,0）红色
rgb（0,255,0）绿色
rgb（0,0,255）蓝色
rgb（255,255,255）白色
# 000000指的是颜色最淡，而FFFFFF则指的是颜色最浓
红色#FF0000
绿色#00FF00
蓝色#0000FF
颜色单词：
红色red
橙色orange
黄色yellow
绿色green
青色cyan
蓝色blue
紫色purple
猜你喜欢
发表评论
电子邮件地址不会被公开。 必填项已用*标注
您必须 登录 才能发表评论！