网页设计与制作教程
2024-12-05 19:15:33 9 举报AI智能生成
本教程是专为想要学习网页设计与制作的初学者设计的。它将详细讲解网页设计的核心知识，包括HTML、CSS和JavaScript等基本语言。此外，您还将学习如何创建响应式网站，使其在各种设备和屏幕尺寸上都能完美显示。本教程不仅提供丰富的实例和实际操作，还配有详细的解说，帮助您更快地理解和掌握网页设计与制作的技巧。通过学习本教程，您将能够独立设计和制作专业级的网页，为成为优秀的网页设计师打下坚实的基础。
作者其他创作
大纲/内容
第七章利用CSS和多媒体美化页面
CSS链接的美化
CSS链接的美化
按钮链接的美化
CSS列表的美化
列表项类型（list-style-type）
列表项图像（list-style-image）
列表项位置（list-style-position）
复合列表样式（list-style）
利用背景图像实现列表项标记
CSS表格的美化
border-collapse
border-spacing
caption-side
empty-cells
多媒体的添加与美化
<embed>标签的使用
<bgsound>标签的使用
HTML5新增的多媒体标签
<audio>标签
<video>标签
综合案例——海洋旅游胜地
第8章利用CSS制作导航菜单
水平顶部导航栏
简单水平导航栏的设计与实现
导航栏的创建
列表样式的设计
超链接样式的设计
鼠标事件
下拉子菜单导航栏的设计与实现
导航栏的创建
列表样式的设计
二级菜单的隐藏和显示设计
DIV样式的设计
超链接样式的设计
鼠标事件
纵向侧边导航栏
简单纵向导航栏的设计与实现
导航栏的创建
DIV样式的设计
列表样式的设计
超链接样式的设计
出式子菜单导航栏的设计与实现
导航栏的创建
DIV样式的设计
二级菜单的隐藏和显示设计
列表样式的设计
超链接样式的设计
底部固定导航栏
导航栏的创建
列表样式的设计
菜单固定底部的设计
超链接样式的设计
鼠标事件
综合案例——优名养生馆
封面页的设计与实现
主页的设计与实现
第九章DIV+CSS布局
DIV+CSS概述
认识DIV
DIV的宽高设置
宽高属性
div标签内直接设置宽高
div使用选择器设置宽高
div高度的百分比设置问题
DIV+CSS的应用
DIV元素的布局技巧
DIV元素的宽度自适应
DIV内容的居中
DIV元素的嵌套
DIV+CSS的典型布局
左中右布局
上中下布局
混合布局
综合案例——众成远程教育
第十章JavaScript的应用
JavaScript概述
JavaScript简介
简单性
动态性
跨平台性
安全性
基于对象的语言
JavaScript入门案例
JavaScript放置的位置
head标记中的脚本
body标记中的脚本
外部js文件中的脚本
事件处理代码中的脚本
JavaScript语法
语法基础
区分大小写
变量不区分类型
每行代码结尾可以省略分号
注释与C、C++、Java等语言相同
标识符和常用变量
标识符
变量声明
变量类型
运算符与表达式
算术运算符和表达式
关系运算符和表达式
逻辑运算符和表达式
赋值运算符和表达式
条件运算符和表达式
逗号运算符和表达式
程序设计
条件分支语句
循环语句
函数
定义函数
函数返回值
函数调用
JavaScript对象
对象的基础
概述
属性
方法
常用对象
window对象
document对象
location对象
navigator对象
screen对象
JavaScript事件
事件及事件处理
常用事件
事件应用举例
综合案例——轮播广告
第十一章综合案例——“精品课程网站”开发
网站的开发流程
确定网站主题
搜集材料
规划网站
网站制作
测试、发布网站
维护更新
设计首页布局
创建站点目录
创建站点根目录
根目录下的通用目录
首页布局规划
首页的制作
页面容器层的制作
banner广告条的制作
制作二级下拉菜单
制作“获奖作品”轮番播放
中间的“课程介绍”“用户登录”“课程标题”和“课件下载”的制作
制作“友情链接”上下滚动效果
制作页脚
制作“返回顶部”按钮
制作“教学课件”子页
制作“作品展示”子页
第六章元素应用CSS
使用CSS设置字体样式
字体类型
字体大小
字体粗细
字体倾斜
使用CSS设置文本样式
文本水平对齐方式
行高
文本的修饰.
段落首行缩进
首字下沉
字符间距
文本的截断
文本的颜色
文本的背景颜色
使用CSS设置图像样式
设置图像边框
图像缩放
设置背景图像
设置背景重复
背景图像定位
使用关键字进行背景定位
使用长度进行背景定位
使用百分比进行背景定位
使用CSS设置表单样式
使用CSS修饰常用的表单元素
修饰文本域
修饰按钮
制作登录表单
综合案例——商城的注册页面
前期准备
制作页面
第一章 网页制作的基础知识
认识网页和网站
网页 网站
网页
网站
常用术语
静态网页和动态网页
静态网页
动态网页
网页的基本构成元素
文本
图片和动画
超链接
音频视频
交互表单
其他常见元素
页面的布局结构
网页页面布局
网页色彩搭配
Web前端技术简介
初识Web前端
Web前端开发的三大核心技术
HTML
CSS语言
JavaScript语言
前端开发工具
浏览器
网页编辑器
切图软件
HTML语法基础
HTML概述
语言
超文本
标记
HTML基本结构
HTML文档标签<html>...</html>
HTML文档头标签<head>...</head>
文档编码
HTML文档主体标签<body>...</body>
创建HTML文档
网页头部标签
<title>标签
<meta>标签
keywords
description
<link>标签
<script>标签
HTML5文档注释和特殊符号
注释
特殊符号
综合案例——临江仙 · 送钱穆父
第二章 网页制作的排版方法
文字与段落排版
段落标签
段落标签
换行标签
水平线标签
预格式化标签
缩排标签
超链接
超链接简介
超链接的定义
超链接的分类
路径
超链接的应用
锚点标签<a>···</a >
指向其他页面的超链接
指向书签的超链接
指向下载文件的超链接
指向电子邮件的超链接
图像
网页图像的格式及使用要点
常见的网页图像格式
使用网页图像的要点
图像标签
图像的替换文本说明
设置图像大小
图像的边框
图像超链接
设置网页背景图像
图文混排
列表
无序列表
在<ul>后指定符号的样式
在<li>后指定符号的样式
有序列表
定义列表
嵌套列表
综合案例——无线吸尘器说明书
第三章表格布局与表格交互
表格概述
表格的结构
表格的基本语法
表格属性的设置
表格边框属性
表格的宽度和高度属性
表格背景颜色与表格图像属性
表格边框样式属性
表格单元格间距、单元格边距属性
表格水平对齐属性
设置表格的（tr）标记行的属性
设置单元格的属性
表格单元格跨行、跨列属性
单元格跨行
单元格跨列
表格嵌套
表单
表单标记
定义域和域标题
表单信息输入
单行文本输入框
密码输入框
复选框
单选按钮
图像按钮
提交按钮
重置按钮
普通按钮
文件选择框
隐藏框
多行文本输入框
下拉列表框
综合案例——表格与表单
第四章 CSS样式基础
CSS概述
CSS的基本概念
传统HTML的缺点
维护困难
标记不足
网页过“胖”
定位困难
CSS的特点和优势
表现和内容分离
增强了网页的表现力
使整个网站显示风格趋于统一
CSS的编写规则
目录结构命名规则
样式文件的命名规则
选择器的命名规则
CSS代码注释
CSS代码注释
CSS语法基础
CSS基本语法
基本语法
语法说明
CSS选择器类型
标记选择器
class选择器
ID选择器
伪类选择器
CSS选择器声明
集体生明
全局声明
派生选择器（上下文选择器）
CSS引入方式
内联样式表（行内样式表）
基本语法
语法说明
内部样式表
基本语法
语法说明
外部样式表
链接外部样式表
导入外部样式表
CSS的属性单位
长度、百分比单位
相对类型
绝对类型
色彩单位
用十六进制数方式表示色彩值
用色彩名称方式表示色彩值
使用RGB（x,y,z）函数表示
CSS继承与层叠
元素类型
块级元素
行级元素
列表项元素
隐藏元素
第五章 CSS盒模型
盒模型的定义
CSS元素的高度和宽度
盒模型的宽度
盒模型的高度
边距设置和边框设置
外边距设置
上外边距
右外边距
下外边距
左外边距
外边距
外边距的合并
行级元素外边距合并
块级元素外边距合并
内边距设置
边框设置
上边框
右边框
下边框
左边框
边框样式
边框宽度
边框颜色
新增边框属性
圆角边框
阴影边框
图片绘制边框
CSS元素的定位
static 定位
relative定位
absolute定位
相对浏览器绝对定位
相对父盒子绝对定位
fixed定位
CSS元素的浮动
盒子的浮动添加
盒子的浮动清除
综合案例——昵心美食空间
0 条评论
下一页
