【你也能从零基础学会网站开发】Web建站之HTML+CSS入门篇 网站开发的基本概念与站点文件的管理

news2025/3/10 21:05:32

🚀 个人主页 极客小俊
✍🏻 作者简介:web开发者、设计师、技术分享
🐋 希望大家多多支持, 我们一起学习和进步!😄
🏅 如果对你有帮助的话,欢迎评论 💬点赞👍🏻 收藏 📂加关注

网站概述

因特网上一块固定的面向全世界发布消息的地方,由域名(也就是网站地址)和网站空间构成,通常包括页面和其他具有超链接文件的页面。

浏览网页时在浏览器中看到的一个个页面就是网页,而多个相关的网页的集合就构成了一个网站这个应该大家都明白吧!

而域名又跟IP地址进行了绑定 , 范围如下

IPV4   0.0.0.0~255.255.255.255  X.X.X.X
IPV6   0.0.0.0.0.0~255.255.255.255.255.255

这也就是俗称的域名解析 意思就是把我们的远程站点IP地址 替换为一个好记忆的名称,方便用户访问,所谓站点的域名IP之间的关系简单的说就是这样!

网站的组成部分 域名+网站空间+网站源码
建设网站需要考虑到的因素 有如下
1)网站的客户群体
2)网站的内容方向和性质
3)网站的功能描述和结构分析
4)网站的用户体验
5)网站的盈利方式
6)网站的未来发展方向
网站的分类
1. 根据网站所用到的编程语言分类:例如Html(table/DIV+CSS) 、asp网站、php网站、jsp网站、.net网站 等等。。。
2. 根据网站的用途分类:例如门户网站(综合性网站)、行业网站、娱乐网站等
3. 根据网站的功能分类:例如单一网站(企业网站)、多功能网站(网络商城)
4. 根据网站的持有者分类:例如个人网站、商业网站、政府网站等。
5. 根据网站的商业目的:营利弄网站(行业网站、论坛)、非营利性型网站(企业网站、政府网站)
6. 根据上网的模式:www网与wap(Wireless Application Protocol)
7. 网站搜索(比如百度、google、搜狐、雅虎等)

以上这些概念是在网站开发之前你必须要有的一些基本认知!

网站的站点是什么?

所谓站点其实你可以看做是一系列文档的组合,这些文档之间通过各种链接关系起
来,可能拥有相似的属性,站点实际上对应的是一个文件夹,我们设计网页就
保存在这个站点(文件夹)中,存储在本地机器中的站点(文件夹)称为本地 站点,发布到WEB服务器上的站点(文件夹)则称为远程站点

规划站点

规划站点,不像直接设计编写那么简单,事先需要做许多准备工作,不仅要
准备建设站点需要的素材文字资料、图像以及媒体文件素材,还要设计好资料整
合的方式,并根据资料确定站点的风格特点, 同时在内部还要整齐、有序地排
列归类站点中的文件,否则杂而乱的资料堆积到一起,不仅不利于将来的维护
和(包括站点的管理,) 同时还会因为页面间极为混乱的关系而导致站点容易出
现错误, 这都是在网站开发之前必须要考虑的事情, 很多人忽视了这个问题!

初学者的规划方案

对于刚刚接触的朋友来说,下面主要提两点需要注意的地方,来进行合理的规划我们的网站站点结构!

确定站点风格

风格(style)是抽象的,是指站点的整体形象给浏览者的综合感受
访问互联网时,可以看到形形色色的站点,每一个站点都有自己的特色,不同类型的站点风格特色更不相同.站点的风格是整个网站的灵魂,没有风格,就不具有自己的特色,更谈不上吸引用户访问站点。因此站 点设计者通常在设计之前都要规划好站点的风格。

一个站点究竟使用什么样的主题,要根据建站的性质来确定。公司站点主要是向外界展示公司的形象,这个整体形象包括站点的标志,色彩,字体,标语,版面布局,浏览方式,交互性,文字,语气,内容价值,存在意义,站点荣誉等等诸多因素,介绍公司情况以及推销自己的产品,政府站点侧重网上办公,将办公的材料放置到网上供人查阅,个人站点则希望将个人的兴趣爱好展示出来,让别人通过自己的站点了解自己,因此个性化更强一些。

规划站点结构

一般来说,一个站点包含的文件很多,大型站点更是如此.如果将所有的文件混杂在一起,则整个站点显得杂乱无章,自己看起来也很不舒服且不易管理,因此需要对站点的内部结构进行规划。

所以通常对于刚刚开始接触网站开发的新手,应该将各个文件分门别类地放到不同的文件夹下,这样可以使整个站点结构看起来条理清晰,井然有序,使人们通过浏览站点的结构,就可知道该站点大概内容。

这样做主要是为网页设计人员在修改管理页面文件时提供方便。在你电脑里除C盘外要新建一个站点的文件夹,命名如myweb,就是我们的站点, 然后在这个站点文件夹里再新建几个文件夹,来分别存储资源!
如图

用Dreamweaver建立站点管理文件

方法确实很简单,在Dreamweaver中几步就可以搞定, 具体操作如下图:


如果一开始这一点你都没有做好,我个人建议千万别写代码,后期你会遇见很多问题!

"👍点赞" "✍️评论" "收藏❤️"

大家的支持就是我坚持下去的动力!

如果以上内容有任何错误或者不准确的地方,🤗🤗🤗欢迎在下面 👇👇👇 留个言指出、或者你有更好的想法,
欢迎一起交流学习❤️❤️💛💛💚💚

更多 好玩 好用 好看的干货教程可以 点击下方关注❤️ 微信公众号❤️
说不定有意料之外的收获哦..🤗嘿嘿嘿、嘻嘻嘻🤗!
🌽🍓🍎🍍🍉🍇

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1495621.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

leetcode2

翻转链表 struct ListNode* reverseList(struct ListNode* head) {struct ListNode* prev NULL;struct ListNode* curr head;while (curr ! NULL) {struct ListNode* nextTemp curr->next;//nextTemp的作用是为了记录,以便再反转后可以curr->next prev; …

聚观早报 | ChatGPT新增朗读功能;vivo X Fold3细节曝光

聚观早报每日整理最值得关注的行业重点事件,帮助大家及时了解最新行业动态,每日读报,就读聚观365资讯简报。 整理丨Cutie 3月6日消息 ChatGPT新增朗读功能 vivo X Fold3细节曝光 魅族21 PRO开启内测 Anthropic推出Claude 3系列 海底捞…

基于Mindspore,通过Resnet50迁移学习实现猫十二分类

使用平台介绍 使用平台:启智AI协作平台 使用数据集:百度猫十二分类 数据集介绍 有cat_12_train和cat_12_test和train_list.txt train_list.txt内有每张图片所对应的标签 Minspore部分操作科普 数据集加载 Mindspore加载图片数据集就直接调整成这种…

6020一拖二快充线:手机充电的革命性创新

在快节奏的现代生活中,手机已不仅仅是一个通讯工具,更是我们工作、学习和娱乐的得力助手。然而,手机的电量问题一直是困扰着我们的难题。为了解决这个问题,市场上出现了一种名为“一拖二快充线”的充电设备,它不仅具备…

事件对象与环境对象

一、事件对象 事件对象里有事件触发时的相关信息&#xff0c;包括属性和方法。注册时间中&#xff0c;回调函数的第一个参数就是事件对象&#xff0c;一般命名为event、ev、e。其中e.target是主要对象&#xff0c;target是事件源对象&#xff0c;即当前触发元素。 <button …

Midjourney入门:AI绘画真的能替代人类的丹青妙笔吗?

名人说&#xff1a;一花独放不是春&#xff0c;百花齐放花满园。——《增广贤文》 作者&#xff1a;Code_流苏(CSDN)&#xff08;一个喜欢古诗词和编程的Coder&#x1f60a;&#xff09; 目录 一、简要介绍1、Midjourney2、使用方法 二、绘画1、动物类2、风景类3、动漫类4、艺…

Unity:Animation 三 Playable、ImportModel

目录​​​​​​​ 1. Playables API 1.1 Playable vs Animation 1.2 Advantages of using the Playables API 1.3 PlayableGraph Visualizer 2. Creating models outside of Unity 2.1 Preparing your model files for export 2.1.1 Scaling factors 2.1.2 优化模型文…

腾讯云2核2G3M轻量应用服务器优惠价格61元一年

腾讯云2核2G3M轻量应用服务器优惠价格61元一年&#xff0c;200GB月流量、40GB SSD云硬盘。 一张表看懂腾讯云服务器租用优惠价格表&#xff0c;一目了然&#xff0c;腾讯云服务器分为轻量应用服务器和云服务器CVM&#xff0c;CPU内存配置从2核2G、2核4G、4核8G、8核16G、4核16…

网络编程:数据库实现增删改

1.数据库实现增删改 程序代码&#xff1a; 1 #include<myhead.h>2 //定义添加数据函数3 int do_add(sqlite3*ppDb)4 {5 //准备sql语句6 int add_numb;//工号7 char add_name[20];//姓名8 double add_salary;9 printf("请输入要添加的工号:&quo…

网康科技 NS-ASG 应用安全网关 SQL注入漏洞复现(CVE-2024-2022)

0x01 产品简介 网康科技的NS-ASG应用安全网关是一款软硬件一体化的产品,集成了SSL和IPSec,旨在保障业务访问的安全性,适配所有移动终端,提供多种链路均衡和选择技术,支持多种认证方式灵活组合,以及内置短信认证、LDAP令牌、USB KEY等多达13种认证方式。 0x02 漏洞概述 …

ArmSoM规划开发基于RK3576的开发套件

ArmSoM正计划推出一款新的产品&#xff0c;这款产品将采用强大的RK3576芯片。 本文将为您介绍我们的新产品搭载的RK3576性能参数&#xff0c;以及它如何为您提供卓越的性能和功能。 RK3576处理器 RK3576处理器是一款强大的处理器&#xff0c;具备出色的性能和多样化的功能&a…

机器学习的边界与实际应用

目录 前言1 机器学习的广泛适用性1.1. 利用输入输出映射1.2. 大量的可用数据 2 机器学习能做的事情举例2.1 自动驾驶2.2 用户请求处理2.3 有大量数据的医学影像诊断 3 机器学习不能做的事情举例3.1 市场分析报告3.2 感同身受的邮件回复3.3 手势意图判断3.4 少量数据的医学影像诊…

NotePad++下载

notepad官网地址是https://notepad-plus-plus.org/。提供了许多强大的功能和工具&#xff0c;使其成为许多程序员和开发人员的首选工具。 Notepad 是一款广受欢迎的开源文本编辑器&#xff0c;它提供了许多强大的功能和工具&#xff0c;使其成为许多程序员和开发人员的首选工具…

Hadoop配置日志的聚集——jobhistory不显示任务问题

问题&#xff1a; 一开始job history是正常的&#xff0c;配置了日志的聚集以后不管做什么任务都不显示任务&#xff0c;hdfs是正常运行&#xff0c;而且根据配置步骤都重启过了。 下面先po出日志聚集的操作步骤&#xff0c;再讲问题 1.配置yarn-site.xml cd $HADOOP_HOME/e…

URL?后参数有特殊字符问题

前端对于URL的参数不做处理 不处理、用URLDecoder.decode()处理、用URLEncoder.encode()处理、用URLEncoder.encode()处理后再用URLDecoder.decode()处理 结果 前端对于URL的参数用encodeURIComponent(‘XF-OPPZZD-26*316’)处理 结果 前端不处理有&字符时 结果会把后…

阿里云轻量应用服务器2核4G5M优惠价格165元一年,252元15个月、756元3年

阿里云轻量应用服务器2核4G5M优惠价格165元一年&#xff0c;252元15个月、756元3年&#xff0c;500GB月流量&#xff0c;60GB SSD云硬盘。 一张表看懂腾讯云服务器租用优惠价格表&#xff0c;一目了然&#xff0c;腾讯云服务器分为轻量应用服务器和云服务器CVM&#xff0c;CPU…

借助 Terraform 功能协调部署 CI/CD 流水线-Part 1

在当今快节奏的开发环境中&#xff0c;实现无缝、稳健的 CI/CD 流水线对于交付高质量软件至关重要。在本文中&#xff0c;我们将向您介绍使用 Bitbucket Pipeline、ArgoCD GitOps 和 AWS EKS 设置部署的步骤&#xff0c;所有步骤都将利用 Terraform 的强大功能进行编排。在Part…

互联网智慧工地源码,“互联网+建筑大数据”SaaS微服务架构,支持PC端、手机端、数据大屏端

智慧工地源码&#xff0c;支持多端展示&#xff08;PC端、手机端、平板端&#xff09;SaaS微服务架构&#xff0c;项目监管端&#xff0c;工地管理端源码 智能时代的风暴已经融入了我们生活的每个方面&#xff0c;智能手机、iPad等移动终端智能设备已经成为我们生活的必需品。智…

[C语言]——分支和循环(3)

目录 一.while循环 1.if 和 while的对比 2.while语句的执行流程&#xff1a; 3.while循环的实践 4.练习 二.for循环 1.语法形式 2.for循环的执行流程 3.for循环的实践 4.while循环和for循环的对比 5.练习 三.do-while循环 1.语法形式 2.do while循环的执行流程 3…

ES单节点部署

ES 拉取镜像 docker pull elasticsearch:7.10.1启动容器 docker run -d -p 9200:9200 -p 9300:9300 -e "discovery.typesingle-node" -e "ES_JAVA_OPTS-Xms1g -Xmx1g" -v /es_data:/usr/share/elasticsearch/data --name es 558380375f1a注&#xff1a…