爱生活

标题: 如何制作好看的静态网页,怎么做静态网页 [打印本页]

作者: 123    时间: 2022-6-8 19:30
标题: 如何制作好看的静态网页,怎么做静态网页

如何制作好看的静态网页


如果想制作好看的静态网页的话,可以在网页上选择一个页面插入你喜欢的图片,然后去制作。


怎样制作静态网页?要简单点的


有种最简单的方法,最多十分钟就搞定一页:一,用DW软件,打开-插入-表格-(这里您已经有了要作一个什么样网页的大致想法)几行,几列。宽度要在1000为好,这样下面就会出现一个导航条,边界设置为0。如:插入表格为1行3列-确定。在用鼠标点击第一空格,插入-图片,寻找您要插入图片的位置,确定(或保存),然后在用鼠标点击第二个空格,插入。。。。等。以此类推。然后再用鼠标点击您刚才插入表格的下沿。重复您刚才的动作——插入-表格。几行几列要根据您对页面的构思而定。如果要在空格里插入文章,一定要把文章的格式转换成纯Word文档,后缀为.doc


静态网页制作的具体过程
要文字说明的那种。谢谢了不是这种的啦  ,  要具体一点的  谢谢你了



最简单的。
新建一个文本文档(也就是记事本)
在里面打上几个字,保存。然后把后缀.txt改为.html  再用浏览器打开 这就是一个静态网页了。

Dreamweaver  是很专业的网页设计软件。你可以搜索一下教程。很简单的。
可以在里面插入图片  声音  视频 flash等。

再就是现在最流行的  div+css 这个就相对难点了。需要有手写代码的能力。
制作过程在这里和你也说不明白  你还是从网上搜索一下Dreamweaver 视频教程吧。

做网页记住:所有文件夹和文件名都要用英文或者拼音。首页命名为index.html


怎么做这种静态html页面?
实现下面这种显示样式 图片加文字的 能在手机上自动适应分辨率



你这种每部分格式是一样的,肯定用的for循环来输出。
你要自适应屏幕,那你的文字大小就要改成自动的,
css3提供了一些与当前viewpoint相关的元素,vw,vh,vim等。
“viewpoint” = window size15vw = 15% 设置width(可以理解为宽度单位)
15vh = 15% 设置height(可以理解高度单位)
此CSS 3单位兼容性:chrome 20+/ safari 6+/ IE 10+ / FF 19+ / IOS 6+


图片的大小也是如此,都使用自动的宽高度








欢迎光临 爱生活 (https://ish.ac.cn/) Powered by Discuz! X3