网页设计与制作代码意思-《Dreamweaver CS6完全自学教程》笔记第一章：网页制作基础知识

文章目录

第一章：网页制作基础知识 1.1 Web概述

Web，又称www，是World Wide Web的缩写，又称万维网，是目前最流行、最便捷的互联网信息服务。

1.1.1 Web 服务如何工作

WWW服务采用客户端/服务器工作模式，采用超文本传输​​协议HTTP作为客户端与服务器之间的通信协议。 信息资源包括文本、声音、图像、视频等，以页面的形式组织、存储和展示。 网页是用HTML超文本标记语言实现的文档。 这些页面使用超文本链接链接成一个整体。

网页存储在WWW服务器中。 客户端通过浏览器向WWW服务器发送“请求”。 服务器响应客户端的请求后，使用HTTP协议向客户端发送特定的页面。

1.1.2 Web服务的相关概念 1.1.3 Web的主要特征 1.2 浏览器/服务器模式

在B/S（浏览器/服务器模式）架构系统中，用户通过浏览器向分布在网络上的众多服务器发出请求。 服务器处理浏览器的请求，并将用户所需的信息返回给浏览器。

1.3 网页和网站

WebPage（网页）是真实的文件，存储在访问的Web服务器上，通常用HTML文件表示。 网站是网页的集合，是网络交流和信息共享的平台。

1.3.1 网页的基本元素

文字和图片是构成网页的两个基本元素。 还有表格、导航、动画、广告等。

1.3.2 静态网页和动态网页

1.3.3 网页和网站之间的关系 1.3.4 网站和互联网

互联网起源于美国国防高级研究计划局建立的阿帕网（ARPANET）。 网站是指在互联网上使用网页制作工具按照一定的规则制作的、展示特定内容的相关网页的集合。

1.3.5 网站构成

网站主要由域名（网址）、网站空间、网站源程序组成。

1.3.6 网站参数

衡量网站的性能通常会考虑网站空间大小、网站位置、网络速度、网站软件配置、网站服务等方面。 最直接的标准就是网站的真实流量。

建立或运营网站时需要考虑以下几个因素：

客服组内容方向及性质 功能描述及结构分析 用户体验 盈利方式 未来发展方向

1.4 网页设计的基本原则

网页设计的真正目的是向正确的受众传达正确的信息。

1.4.1 明确网站的目标和用户需求

根据消费者需求、市场情况和公司自身情况进行综合分析，牢记以用户为中心的规划，而不是以界面为中心的规划。

需要考虑的问题：

1.4.2 总体设计方案必须有明确的主题

网页的设计无论简单还是复杂，都要突出主题，利用一切手段来表达网站的个性和特点，以增加其吸引力。

1.4.3 网站布局设计

网页设计作为一种视觉语言，要注重排列布局，整体布局的合理性，特别注重网页之间的有机联系。

1.4.4 统一网页形式和内容

充分利用点、线、面相互穿插，形成最佳的页面效果。 （听起来有点像画画？）

1.4.5 三维空间的构成

互联网上的三维空间是一个想象的空间。 这种空间关系是通过动静变化、图像比例、图文叠加等因素表现出来的。

1.4.6 多媒体功能的使用

网络资源的优势之一是多媒体能力。 但需要注意的是，由于网络带宽的限制ip形象，使用多媒体形式表现网络内容时应考虑客户端的传输速度。

1.4.7 网站测试和改进

通过模拟用户询问网站的过程来发现问题，但要注意让用户参与测试。

1.4.8 新技术的正确使用

如果不是介绍网络技术的专业网站，重要的是不要把网站变成制作网页的技术摊位。 最重要的是用户能够方便快捷地获取信息。

技术主题：屏幕分辨率和网页设计

当屏幕分辨率较低时，屏幕上显示的项目较少，但尺寸较大。 当屏幕尺寸相同时，分辨率越高，显示效果越细腻。 设计网页时，布局的难点在于用户的分辨率不同。

由于浏览器本身占用一定的尺寸（例如水平滚动条约为22像素），因此网页尺寸小于屏幕分辨率。

设计网页时，原则上网页长度不超过3屏，宽度不超过1屏。

1.5 网站创建流程 1.5.1 选择主题

如果是个人网站网页设计与制作代码意思，网页的设计可以以个性化为中心； 如果是企业网站，则应以企业形象展示为主。

主题确定后，就可以查找资料并整理。 准备得越充分，就越有利于接下来网站专栏的策划。

1.5.2 规划网站栏目和目录结构

网站栏目实际上是网站内容的概要索引。 规划时应注意以下几点：

对收集到的信息进行分类并创建专门的栏目。 创建网站目录结构时，不要将所有文件都存放在根目录下，而是根据网站栏目创建。 例如，网站根目录下有一个Images目录。 不要将所有图像存储在此目录中。 这仅用于存储主页上的图像。 其他图片存放在对应栏目的Images目录下。 命名目录文件时使用简短的英文。 文件名应少于 8 个字符网页设计与制作代码意思，并且应始终小写。 同一类型的文件应通过序号来区分。

1.5.3 设计网页布局

最好先用笔画出草图，包括标志、广告栏、导航栏、文字、图片、表格。 然后使用网页制作工具（这里博主使用的Dreamweaver）制作一个简单的网页。

多阅读平面设计方面的书籍，有助于提高你的布局水平。

1.5.4 整合网页内容

将收集到的素材落实到网站的各个元素中（这里可能需要图形处理工具）并完成制作。

1.6 网站颜色选择与搭配 1.6.1 选择颜色

如果是公司网站，最好使用公司的标准颜色。一般来说，网站的标准颜色不能超过3种

（我进入的第一个音频游戏，紫色主题，科技感十足）

（腾讯QQ以蓝色简约风格为主）

1.6.2 配色

除了主色之外，搭配不同的辅助色也会有不同的效果。

第 1 章总结：

第一章详细介绍了网页制作的基础知识，包括基本原理、网络术语、网页的组成、制作流程和注意事项。 由于本书出版很早卡通人物，有些知识可能已经过时，或者有些新知识没有提到，以后会不断更新和完善。 博主是初学者，如有错误，请及时指出，谢谢~

返回