HTML制作：个人首页-动态与静态结合的蛋糕点购物网站
需积分: 13 125 浏览量
更新于2024-09-06
收藏 3KB TXT 举报
在本次的网络建设课程设计作业中，学员需要使用HTML语言来创建一个个人网站首页，这个页面旨在实现动态与静态内容的结合，提供一个简单易操作且具有商业特色的蛋糕点购物网站的个人首页。HTML（HyperText Markup Language）是网页开发的基础，它是一种标记语言，用于定义网页的结构和内容。
首先，HTML文档结构的起点是`<!DOCTYPE html>`声明，这告诉浏览器当前文档采用的是XHTML1.0 Transitional标准。接下来，通过`<html>`标签，定义了整个页面的主体结构。在`<head>`部分，设置`<meta>`标签来指定字符编码为GB2312，确保页面内容能正确显示，并设置了`<title>`标签，即页面标题“ҵĸվҳ”，这是用户在浏览器地址栏看到的主要名称。
CSS（Cascading Style Sheets）被嵌入到`<style>`标签中，用来定义页面的样式。这里设置了字体大小、颜色以及页面布局，例如统一字体大小为12像素，背景色为浅蓝(#99ccff)，并将页面居中对齐。`<table>`元素用于构建网页的布局，其中包含`<tr>`（表格行）和`<td>`（单元格），它们分别用于创建表格的行和列，以便组织页面内容。
动态元素的引入体现在`<marquee>`标签中，这种元素可以实现文字滚动效果。在这里，滚动的文字是网站的口号和名称，展示了网站的品牌特点“ӭҵĸվҳǷϲԵ⣬ǷҲһϲɫǾͻӭBLUECAKE”。这可能暗示着网站的名字是BLUECAKE，专注于蛋糕点的在线销售。
此外，页面还包括一张图片作为背景（`<img src="sc/bt.jpg" width="960" height="130">`）和多张图片展示商品或服务（如`<img src="sc/body.jpg" width="960" height="325">`和`<img src="sc/1.jpg">`）。这些图片有助于增强视觉吸引力，让用户对网站的产品有直观的认识。
这份作业要求学生深入理解HTML结构和基本的CSS样式应用，同时利用动态元素提升用户体验。通过实际操作，他们能够学习如何将静态内容（如文字、图片等）和动态效果（如滚动文字）相结合，创建出一个既美观又实用的个人网站。
ddzrh
- 粉丝: 0
- 资源: 1
我的内容管理
展开
最新资源
- Fisher Iris Setosa数据的主成分分析及可视化- Matlab实现
- 深入理解JavaScript类与面向对象编程
- Argspect-0.0.1版本Python包发布与使用说明
- OpenNetAdmin v09.07.15 PHP项目源码下载
- 掌握Node.js: 构建高性能Web服务器与应用程序
- Matlab矢量绘图工具：polarG函数使用详解
- 实现Vue.js中PDF文件的签名显示功能
- 开源项目PSPSolver：资源约束调度问题求解器库
- 探索vwru系统：大众的虚拟现实招聘平台
- 深入理解cJSON：案例与源文件解析
- 多边形扩展算法在MATLAB中的应用与实现
- 用React类组件创建迷你待办事项列表指南
- Python库setuptools-58.5.3助力高效开发
- fmfiles工具：在MATLAB中查找丢失文件并列出错误
- 老枪二级域名系统PHP源码简易版发布
- 探索DOSGUI开源库：C/C++图形界面开发新篇章
