第一章:网页设计入门

 张良   2022-11-08 08:33 

网站制作的流程:

客户需求-策划方案-网站开发-网站测试-网站使用-网站售后

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

本文地址:https://www.yinmoulun.com/post/360.html,发布在阴谋论网,欢迎分享!

评论已关闭!