第一章网页制作的基础知识

最新推荐文章于 2024-10-03 09:00:56 发布

等雨见

最新推荐文章于 2024-10-03 09:00:56 发布

阅读量363

点赞数 5

文章标签： python django pygame virtualenv eclipse java tomcat

本文链接：https://blog.csdn.net/2402_87227376/article/details/142058162

版权

1.1认识网页和网站

1.1.1网页，网站

网页通常由各种元素构成，如标题显示其核心内容，导航栏帮助用户在不同页面间切换，主体部分承载着丰富的文本、图片、视频等信息。

网站是由一系列网页组成的整体，网站的优势在于内容丰富多样，用户可随时随地通过网络访问，具有互动性且能根据用户喜好提供个性化服务。

长用术语：internrt，WWW，浏览器，URT，IP，域名，HTTP，FTP，站点，发布，超链接，导航条，客户机，服务器等

1.1.2静态网页和动态网页

静态网页是指内容固定不变的网页。它通常由 HTML、CSS 和 JavaScript 等前端技术编写而成，不涉及与服务器的动态交互。

动态网页是可以根据不同情况动态生成内容的网页。它通常涉及服务器端编程语言（如 PHP、Python、Java 等）和数据库的交互。

1.2网页的基本构成元素

文本内容，图像，超链接，导航栏，表单，多媒体元素，页脚

1.3页面布局结构

对一个网站来说，除了内容之外，还要对网站进行整体规划设计。格局凌乱的网站内容再精彩，也不是一个好网站。在网页插入各种对象和装饰效果前，要先确定网页的总体风格和布局。

1.3.1网页页面布局

国字型布局，T字型布局，左右框架布局，上下框架布局，封面型布局

1.3.2网页色彩搭配

1. 色彩和谐：选择相互协调的色彩组合。
2. 色彩对比度：确保文字与背景之间有足够的对比度。
3. 色彩数量控制：避免使用过多的色彩，以免造成视觉混乱。
4. 考虑品牌形象：色彩应与网站的品牌形象相一致，传达出品牌的个性和价值观。

1.4Web前端技术简介

1.4.1初识Wed前端

Web 前端即指平常上网浏览的网页，如上网浏览新闻、查询快递信息、淘宝购物等都是在浏览网页。

1.4.2Wed前端开发的三大核心技术

HTML,CSS,JAVASCRIPT

1.4.3前端开发工具

浏览器，网页编辑器

1.5HTML语法基础

1.5.1HTML概述

超文本：在文本中添加视频,图片,动画等等

标签：使用前后标签的方式标记 <xxx>内容</xxx>

1.5.2HTML基本结构

css：页面样式文件

img：图片文件夹

js：javaScropt文件

html文件：页面结构文件

1.6 创建HTML文档

1.7 网页头部标签

<title>标签，<meta>标签，keywords，description，<link>标签，<script>标签，介绍如图

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" /><!-- 设置字符集 -->
		<meta name="keywords" content="xxx"> <!-- 关键词 -->
		<meta name="description" content="xxx"><!-- 一段话描述网页内容 -->
		<title>第一个网页项目</title><!-- 设置网页标题名 -->
		<link rel="stylesheet" href="css/index.css" type="text/css"/>
		<!-- 引入css文件,rel指定文件作用，href指定文件路径，type指定文件类型-->
		<script src="js/index.js" type="text/javascript"></script>
		<!-- 引入javaScript，src指定文件路径，type指定文件类型 -->
	</head>
	<body>
		wodediyigewangyexiangmu
		<br>
		subefiuebfiu
		<a href="http://www.baidu.com">百度一下</a>
	</body>
</html>