课程基本信息

学生信息

姓名：海洋

QQ：530414083

课程信息

课程名：网页设计与制作

教材：Web前端开发案例教程

上课时间

7-13周 周四 9-10节 4507

7-13周 周五 9-10节 4507

14-19周 周一 5-8节 4513

考核方式

平时成绩：40% (出勤，作业)

期末考试：60%

1 网页基本知识

HTML概念

HyperText Markup Language - 超文本标记语言，以标记的形式承载了除了文字以外的内容，如：图片，视频，音频等

网站和网页

应用范围：传统的网站、移动APP、微信小程序。一个网站或APP包含大量页面，第一个页面称为首页

网站简单原理

1. 打开浏览器输入网址URL访问
2. DNS解析成IP地址
3. 服务器处理请求并响应
4. 浏览器解析显示页面

第7周 - 网页开发工具

HBuilder使用

1. 打开此电脑，地址栏输入 ftp://10.104.36.131，将文件复制到本机
2. 解压文件 HBuilder.9.1.29.windows，运行HBuilder.exe

创建网站站点

菜单栏-文件-新建-Web项目，项目名称以学号姓名周次命名

第8周 - 常用标签

基本结构标签
<!DOCTYPE html> HTML5文档结构说明
<html></html> HTML根标签
<head></head> 头部标签
<body></body> 浏览器显示内容的区域
第8周练习

创建Web项目，完成一篇自我介绍（150字以上）

第9周 - 特殊字符与CSS入门

图像标签 <img>

必备属性：src - 图像路径
可选属性：width, height, alt, title

CSS入门

Cascading Style Sheets - 层叠样式表，分为行内样式、内部样式、外部样式

第10周 - 超链接与列表

超链接标签 <a>

语法：<a href="目标">内容</a>
target属性：_self本页面跳转，_blank新标签页打开

第11周 - 表格系列标签

表格系列标签
<table><caption>表格标题</caption><tr><th>表头</th></tr><tr><td>单元格</td></tr></table>

第12周 - CSS选择器与盒子模型

CSS基本选择器
选择器语法权重值
标签选择器标签名{...}1
类选择器.类名{...}10
ID选择器#id名{...}100

第13周 - 表单与复合选择器

表单标签

表单组成：表单域 + 提示信息 + 表单控件
<form action="处理页面" method="get/post">...</form>

第14周 - 课程总结与复习

课程内容回顾

HTML常用标签、CSS基础、网页开发工具使用、FTP资源获取与作业提交
FTP地址：ftp://10.104.34.48 (4513教室)