×

漂亮的html静态页面

漂亮的html静态页面(学生html静态页面该如何做(很容易哦))

admin admin 发表于2023-04-12 03:54:38 浏览31 评论0

抢沙发发表评论

本文目录

学生html静态页面该如何做(很容易哦)


对于刚开始学习网页开发的童鞋们来说,掌握了比较简单的HTML语言基础后,会迫不及待地想着手制作自己的第一个网页,然而DW等软件的安装却不尽人意。今天小编为饱受心灵摧残的童鞋们带来了福音,为大家讲解一下如何不用安装软件也能轻松建立一个HTML文件。

(下图是成品)

向左转|向右转

工具/原料

  • 一台电脑

  • 方法/步骤

    向左转|向右转

    向左转|向右转

    向左转|向右转

  • 首先,在电脑桌面新建一个记事本文件,然后打开。

  • 向左转|向右转

  • 接着,在里面输入HTML语言,记得开头第一行要加上《!DOCTYPE HTML》,缩进以一个“tab键”为标准,加上《html》《/html》《head》《/head》这些基本标签,在里面输入内容即可。

  • 向左转|向右转

    向左转|向右转

  • 输入完成后,点击左上角的“文件”“另存为”,在“保存类型”中选择“所有文件”。

  • 向左转|向右转

    向左转|向右转

  • 然后将文件名更改成“XXXX.html”的格式,选择好保存的地址,点击保存。接着就生成了我们开始看到的文件。(在这里小编要说一下,之所以文件会有“360浏览器”的标志是因为小编已经默认用该浏览器打开此类文件了,这并非是固定的,可根据个人喜好设置)

  • 向左转|向右转

  • 打开文件后,一个最简单的网页就出现了,有标签还有内容。

  • 向左转|向右转

  • 最后,小编跟大家说一下,这个HTML文件是可以持续性更改的。先选中文件,然后右键,在“打开方式”里选择“记事本”。

  • 向左转|向右转

    向左转|向右转

    向左转|向右转

  • 打开记事本之后,你就可以在里面进行编辑了。修改完成之后直接点击“文件” “保存“ 就行了。最后打开文件,你会发现网页内容已经更改了。

  • 实在不行,中国不是有某宝吗,我以前也是被搞的焦头烂额,只能找被人帮忙咯,唉,没办法。尽量找个技术行,便宜的,只能这样:网页链接


求一个静态HTML网站


用到了这些东西:Macromedia DreamWeaver MX 2004, Adobe Photoshop CS, Adobe ImageReady CS, EditPlus, Google/Baidu
站点规划。越详细越好,包括名称,内容定位,色彩定位,主要页面的文件名等等等等。
用Photoshop做出主要页面的外观。
用ImageReady切片,并导出成html文件。
用Dreamweaver编辑导出的html文件,使之适应需要的效果。
加入asp/php。中间会用到Editplus和Google/Baidu。
测试。
完毕。
当你要准备做一个类似hello world的网站的时候,请熟悉第4步。当准备做一个漂亮的静态页面的时候,请熟悉前四步。当你准备做简单的一个具有相当交互功能的页面的时候,请熟悉第4到第6步。当你准备做一个漂亮的,具有相当交互功能的页面的时候,请熟悉以上全部步骤。
学会使用Dreamweaver,学会asp/php并不难,难的在于页面设计的美观、简单、实用。工具的使用、所以要分清楚做“网页”和做“好的网页”。先要会做“网页”,才能慢慢会做“好的网页”。
从零开始学:先学会使用工具DreamWeaver,打好html基础。做简单的静态网页。同时学习photoshop和imageready,熟悉图像处理。然后做漂亮的简单静态页面,将ps, imageready, dw综合起来应用。然后学asp,加入。然后就是美工的提高啦
1。首先要确定做什么样的网站,静态的还是动态的。如果你想建立静态的网站,可以用DREAMWAVER和FRONTPAGE都可以,只在里面添加一些简单的图片和文字。图片可以用photoshop来编辑,使它更美观。
2。如果要做动态的,可以学习ASP。连接后台数据库,就是一般我们见到的网上商店什么的。
3。网站作好后,就要购买域名,也可以在网上找免费的。然后就是购买空间,这个也可以找免费的。这些网上免费的资源只适用于静态网站,因为它的数据量比较小,动态的一般要几百M的空间,所以只能在网上购买。
4。网站的上传,如果是静态的,可以用cuteftp,flashfxp等上传工具来吧网站的资料上传到空间,如果是动态的,因为有数据库,一般的空间提供商都会说明。
5。网站的维护,好的网站也要不断的维护与完善,否则没有人浏览也是一点用处也没有的
以上就是建立自己的网站的几个步骤。

怎么做这种静态html页面


你这种每部分格式是一样的,肯定用的for循环来输出。

你要自适应屏幕,那你的文字大小就要改成自动的,

css3提供了一些与当前viewpoint相关的元素,vw,vh,vim等。

“viewpoint” = window size

15vw = 15% 设置width(可以理解为宽度单位)

15vh = 15% 设置height(可以理解高度单位)

此CSS 3单位兼容性:chrome 20+/ safari 6+/ IE 10+ / FF 19+ / IOS 6+

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


如何用html写出一个静态的网页


《html》
《head》
《title》标题《/title》
《/head》
《body》
网站的内容部分,大概框架就是这样了
《/body》
《/html》

html静态网页怎么制作啊


《html》《head》《title》我的网页《/title》《/head》《body》我的网页《/body》《/html》
最最基本的HTML,把他复制下来粘贴到记事本,然后把记事本的后缀改成html.