首页 > 网页设计 > 静态网页设计培训-HTML静态网页作业:使用HTML+CSS制作北京力宏学院网站(4页)
2024
07-26

静态网页设计培训-HTML静态网页作业:使用HTML+CSS制作北京力宏学院网站(4页)

✍️关于作者:一个热爱将逻辑思维转化为代码的技术博主

作者主页:[首页——获取更多优质源码]

Web前端期末作业:【毕业设计精品实战案例(1000套)】

程序员表白的有趣方式:【HTML七夕节表白网页制作(110套)】

超酷的Echarts大屏可视化源码:【Echarts大屏展示大数据平台可视化(150套)】

HTML+CSS+JS示例代码:

免费实用的WEB前端学习指南:

关于作者:曾担任研发工程师、技术组长、教学总监,曾荣获2016年、2020年CSDN十大博客之星。十年冰封,难冷却心血;多年过去,物是人非,唯有技术探索与追求从未停歇。坚守原创,热衷分享,初心不改,继往开来!

目录

1.网站标题

校园网页、学校班级网页、学校官网、小说书籍等网站的设计与制作。

2.✍️网站描述

️HTML静态网页设计作品采用Dreamweaver制作表情包设计,采用DIV+CSS布局,多个页面。首页采用CSS布局,丰富多彩。顶部导航和底部区域背景色为100%宽度静态网页设计培训,主内容区域宽度为100%。

一个高质量的网页设计应该包括(具体细节可根据个人要求确定)

页面分为header、菜单导航栏(最好是下拉式)、中间内容部分、footer四个部分,所有页面之间有超链接,可以进入三级页面,三级页面由5-10个页面组成。页面风格统一,布局显示正常,无杂乱,采用Div+Css技术。菜单美观醒目,二级菜单可以正常弹出跳转。要有JS特效静态网页设计培训,如图片轮播定时切换、手动切换等。页面中有多媒体元素,如gif、视频、音乐、表格技术等。页面清爽、美观、大方、有特色。不仅要能呈现用户需要的内容表情包设计,还要满足布局好、界面美观、配色雅致、表现形式多样等要求。3.网站介绍

网站布局方面:我们计划采用目前主流的浮动网页布局结构,兼容各大浏览器,显示效果稳定。

网站编程:我们计划采用最新的网页编程语言HTML5+CSS3+JS编程语言来完成网站的功能设计,并保证网站代码兼容市面上所有主流浏览器,让您打开网站就能立刻看到网站。

网站素材方面:我们计划从各大平台搜集好看的图片素材,精心挑选适合网页风格的图片,然后用PS制作适合网页大小的图片。

网站文件:网站系统文件类型包括:html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件;

网页编辑:网页作品代码简单,可以使用任何HTML编辑软件(如Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等HTML编辑软件)运行、修改和编辑。

在:

(1)html文件包含:index.html为首页,其他html文件为二级页面;

(2)css文件包含:所有css页面样式,文字滚动,图片放大等;

(3)js文件包括:实现动态轮播效果、表单提交、点击事件等的js(有些网页会用到js代码)。

4. 网站演示

5.⚙️网站代码HTML结构代码



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>北京培黎职业学院</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="head">
  <div class="head_in">
    <h1> </h1><div class="nav">
      <ul>
        <li><a href="index.html">首页</a></li>
        <li><a href="gaikuang.html">学院概况</a></li>
        <li><a href="jigou.html">院系专业</a>

最后编辑:
作者:nuanquewen
吉祥物设计/卡通ip设计/卡通人物设计/卡通形象设计/表情包设计