网页设计学生作业静态（静态网页期末作业）
本文目录一览：
- 1、静态网页设计代码
- 2、怎样制作简单的静态的网页设计
- 3、静态网页制作特点与方法
- 4、静态网页设计制作中的布局模式
- 5、静态网页制作步骤
静态网页设计代码
新建一个txt文本文档，先不要急着修改文件后缀名，有基础的朋友手动输入HTML代码，不会也没有关系，百度搜索“网页HTML代码”。
代码如下，就算是在body标签里面写上helloword不用h2标签，浏览器也会输出helloWord的，在图片中有详细的注释了。
在Dreamveaver“文件－新建－常规－基本页－HTML”，这样就建好了一个页面，英文版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。 注：网站第一页的名字通常是index.htm或index.html。
代码可复制：import java.util.ArrayList；import java.util.Random；import java.util.Scanner；/ 21点游戏。
倒是有很多静态网页的代码，静态网页以Div+CSS布局为主，下面这些都是些常见的学生作业，供你参考。
怎样制作简单的静态的网页设计
第一步：在制作静态网页之前，我们需要对网页进行1：1的渲染，也称为静态网页渲染。制作静态网页效果图可以通过破解中文版PhotoshopCS4来制作。第二步：PS切片制作好的静态网页效果图。通过PS切片，可以把一个大的渲染图切割成几个小图，以后可以直接用在网页上。第三步：使用HTML5和CSS3进行网页布局。
你好。首先下载Dreamweaver.exe并打开，选择你使用的编辑语言，本案例用html 打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。打开表格属性编辑表格属性。
整理规划。网站建设的开始就应该有一个整体的战略目标，即确定站点的目标。首先要有一个总的目标，这个网站到底是要做什么。
启动dw2019在软件主界面点击中间的【新建】按钮。在【新建文档】弹窗中选择文档类型为【HTML文档】，点击【创建】。建立好一个网页文档后就可以看到网页默认的代码了，我们编辑网页是需要在【body】中来编辑完成的。初学者可以把dw设置为【设计】界面，方便边做边查看效果。
在Dreamveaver中“文件—新建—常规—基本页—HTML”，这就建好了一个页面，英文版的默认为文件名untitled.htm。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的HTML文件。可以给它改名为index.htm。
静态布局（Static Layout）即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。
静态网页制作特点与方法
1、相比较于动态页面，静态网页的特点在页面的减负方面，提升网页的访问运行速度方面以及安全稳定方面都有优势。对于那些已经建成的动态网站，要想进行相应的改变，使之成为静态网页，在操作方面会比较困难，然而在技术上可以采用静态的路径来重写。对于小网站来说，网站是动态的还是静态的并不是什么多大问题。
2、从公司制作网站的互联网营销观点来看，当然是静态网页更为理想，但实际上可能不太现实，那么可采取静动结合的方法来解决。
3、布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见与pc端。
4、静态网页的特点 静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”。静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件。
5、静态网页的工作原理：静态网页面通常是超文本标记语言文档存储为文件在文件系统里头，并且可以通过HTTP访问网络服务器。动态网页的工作原理：动态网页是基本的html语法规范与Java、VB、VC等高级程序设计语言、数据库编程等多种技术的融合，以期实现对网站内容和风格的高效、动态和交互式的管理。
静态网页设计制作中的布局模式
布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见与pc端。
静态网页的布局模式主要有：表格布局 层布局 div+css样式表布局 布局表格等 备注：表格布局容易把握，是最简单的一种总局方式，适用于初学者。设计网页的第一步是设计版面布局。所谓布局，就是以最适合浏览的方式将图片、文字以及表单等元素排放在页面的不同位置。
导航栏下方分为左中右三栏，左边一般放置内容导航、二级栏目、注册登录、搜索引擎等，右边一般放置动态新闻、热点内容、友情链接等，中间显示网页的主体内容，在页面的最下方是一横条状菜单或广告，也可以是网站的一些基本信息、联系方式、版权声明等。
对称对比型 对称对比型采取左右或上下对称的布局，一半深色，一半浅色，一般用于设计型网站。而其优点是视觉冲击力强，缺点是将两部分进行有机结合较难。变化型 即上面几种类型的结合与变化，比如本站在视觉上是很接近拐角型的，但所实现的功能的实质是那种上、左、右结构的综合框架型。
左右框架类型：这是一种左右分别为两页的框架结构，一般布局是：左边是导航链接，最上面有时是一个小的标题或标志，而右面就是主要内容，最常使用是论坛网站，企业网站中的内页有很多是采用这种布局方式的；这种类型的布局的特点是结构清晰明了。
静态网页制作步骤
1、静态网页制作步骤：第一步：在制作静态网页之前，我们需要对网页进行1：1的渲染，也称为静态网页渲染。制作静态网页效果图可以通过破解中文版PhotoshopCS4来制作。第二步：PS切片制作好的静态网页效果图。通过PS切片，可以把一个大的渲染图切割成几个小图，以后可以直接用在网页上。
2、编辑文档与超级连接 经过上面的几个步骤之后，一切准备工作都已经就绪，现在可以像装箱一样把收集到的资料及制作的组件放到页面布局中为它们指定的位置上了。发布站点 站点的发布 网站发布就是把网站上传到因特网上，以提供浏览者浏览。站点的维护 站点发布之后还要经常对站点进行维护。
3、静态网页制作步骤：第一步：制作一个静态网页之前，我们需要先制作一个网页1：1的效果图，又称静态网页效果图。制作静态网页效果图可以使用Photoshop CS4破解中文版制作。第二步：将制作好的静态网页效果图进行PS切片。通过PS切片可将一张大的效果图切成多张小图片，以后可直接用在网页上。
