资讯

学生网页设计作品dreamweaver作业静态HTML网页设计模板美食文化网

✍️作者简介:一位热爱将逻辑思维转化为代码的技术博主

 

作者主页:【主页-获取更多优质源码】

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

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

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

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

作者简介: 曾任研发工程师、技术组长、教学总监; 2016年、2020年两次荣获CSDN年度十大博客之星。十年坚冰,难冷却热血; 很多年过去了,事变了,人也变了。 然而,对技术的探索和追求从未停止。 坚持原创,热衷分享,不忘初心,继往开来!

文章目录

1. 网站标题

美食网页介绍、甜品糕点、地方美食小吃文化、餐饮文化等设计与制作。

2. ✍️网站说明

以美食为主题的网站主要展示各种食物,让浏览者清楚地了解各种食物的详细信息,方便浏览者做出选择。 该模块左侧有一个食品类别。 用户可以选择自己喜欢的类别。 点击类别后,右侧会出现该类别下的各种美食。 用户可以点击自己感兴趣的食物进行查看。 具体信息。 其具体信息包括成分、产地以及部分功能,让用户对食品有一个全面的了解。

‍静态网站写作主要使用HTML DIV+CSS JS等来完成页面布局设计。 常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode、Webstorm、Animate等,最常用的当然是DW了。 不同软件编写的前端Html5代码是一致的。 本网页适合修改为各类产品展示网页,如美食、旅游、摄影、电影、音乐等主题。 希望对大家有所帮助。

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结构代码的代码


DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="utf-8">
<linkhref="css/all.css"rel="stylesheet"media="all"type="text/css"/>
<title>古茗title>
head>
<body>
<divclass="menu">
 <divclass="logo"><imgsrc="images/logo.jpg"/>div>
 <ulclass="center">
 <li><ahref="index.html">网站首页a>&l